/*      4/23/2015              ADSStyles.css

  ********************************* Contents *******************************

  Fonts
  Basic HTML_Styles Section
    Links
    Common HTML Elements
    Headings
    Lists
    Fonts
    Special for this site
    Alignment classes
    Margin classes
    Generic display classes
    Special for this site

****************************************************************************/

/*- Fonts */
@font-face {
	font-family: 'MTCORSVA';
	src: url('MTCORSVA.eot?') format('embedded-opentype'),
	  url('MTCORSVA.woff') format('woff'),
	  url('MTCORSVA.ttf') format('truetype');
}

/*-- Basic HTML_Styles Section  */
html {
  height: 100%;
}

body {
    height: 100%;
    text-align: left;
    font: 400 1.0em "Times New Roman", Georgia, serif;
    line-height: 120%;
    color: #000;
    background: #FAFAFA;
}

/*- Common HTML Elements */
p {
    margin: 0;
    padding: 0.1875em 0.1875em;           /* 3/16 = 0.1875 */
    text-align: left;
    font: 400 1.0em "Times New Roman", Georgia, serif;
    line-height: 120%;
}

/*- Links */
a {
    color: #0000FF;
}

a:visited {
    color: #400040;
}

a:hover {
    color: #006400;
}

a:active {
    color: #FF0000;
}

/*- Headings */
h1, h2, h3, h4, h5, h6 {
    padding: 0.08em 0.125em;           /* 3/16 = 0.1875 */
}

h1 {
    clear: both;
    font: 700 1.8em "Times New Roman", Georgia, serif;
    color: #001C70;
}

h2 {
    font: 400 1.8em "trebuchet ms", arial, sans-serif;
    color: #3C4B78;
}

h3 {
    font: italic 1.0em "trebuchet ms", arial, sans-serif;
    color: #0E21F1;
}

h6 {
    font: bold 1.1em "Times New Roman", Georgia, serif;
    color: #000;
}

/*- Lists */
ol, ul {
    margin: 0.1875em 0.125em;           /* 3/16 = 0.1875 */
    padding: 0.1875em;                  /* 3/16 = 0.1875 */
}

ol {
    color: #000;
}

ol span {
    color: #000;
}

ol li {
    padding-bottom: 0.4375em;           /* 7/16 = 0.4375 */
}

/*- Images */
img, embed, object, video {
    max-width: 100%;
}

/*- Alignment classes */
.center {
    margin-left: auto;
    margin-right: auto;
}

.centertext {
    text-align: center;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.alignLeft {
    text-align: left;
}

.alignRight {
    text-align: right;
}

.alignTop   {
    vertical-align: top;
}

.alignVMid  {
    vertical-align: middle;
}

/*- Margin classes */
.margTop25 {
    margin-top: 1.5625em;           /* 25/16 = 1.5625 */
}

.margTop15 {
    margin-top: 0.9375em;           /* 15/16 = 0.9375 */
}

.margLeft25 {
    margin-left: 1.5625em;           /* 25/16 = 1.5625 */
}

/*- Generic display classes */
.clear {
    clear: both;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

/* Hide elements for accessibility reasons */
.hidden {
    display: none;
}

/*- Special for this site */
#wrapper {
	min-height:100%;
	position:relative;
}

#header {
    width: 100%;
    border-bottom: #000 solid 0.0625em;     /* 1/16 */
    height: auto;
}

#MainTitle {
    font: bold 2.3em 'MTCORSVA' !important;
    padding: 0.0625em 0.625em;           /* 1/16 = 0.0625 */
    margin: 0.1em 0 0.1em 0.5em;
    color: #091A43;
}

#nav {
    margin: 1.1em 0 0.1em 0;
    text-align: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    width: 30em;     /* 274 / 16 */
}

#nav ul {
    font-size: 1.1em;
    margin: 0.3125em 0;          /* 5/16 */
    padding: 0 3em 0 0;
}

#nav li {
    display: inline;
    padding: 0.1em 0.2em;
    margin-right: 0.3em;
    line-height: 110%;
	background-color: #BED1E7;      /* A9C3DC */

}

#nav li.currPage {
    color: #727272;
	background-color: #FAFAFA;
}

#nav li a {
	color: #000;
    text-decoration: none;
    padding: 0 0.3em;
}

#nav li a:hover {
	background-color: #001B6E;
	color: #FFF;
}

.content {
    padding: 3em 0;         /* Must be at least 2.125em (Height of the footer) */
    overflow: hidden;
    width: 100%;
}

#profile {
    background-image: url("../Pix/BinGlobe.jpg");
}
#profile .main {
    width: 60%;
    margin: 1.5em 0 1.5em 25%;
}

.main {
    background-color: #FAFAFA;
    padding: 2em 2em 2em 3em;
    width: 70%;
}

#design {
    background-image: url("../Pix/BinSpin.jpg");
}
#design .main {
    width: 65%;
    margin: 1.5em 0 1.5em 5%;
}

#systems {
    background-image: url("../Pix/Gadgetry.jpg");
}
#systems .main {
    width: 75%;
    margin: 0.5em 0 1em 10%;
}

#support {
    background-image: url("../Pix/Support.jpg");
}
#support .main {
    margin: 1.3em 1em 1.3em 5%;
}
#support .mailaddr {
    float: left;
    margin-left: 2.50em;      /* 40px / 16 */
}
#support h3 {
    padding-top: 1em;
}

.footer {
    background: #3B4A77;
	width: 100%;
	height: 2.125em;        /* 34px / 16 */
	position:absolute;
	bottom:0;
	left:0;
}

.footer p {
    text-align: center;
    font-size: 1.2em;
    color: white;
}