@charset "utf-8";

html{scrollbar-3dlight-color:#f2f2f2;
scrollbar-arrow-color:#f2f2f2;
scrollbar-base-color:#4c4c4c;
scrollbar-darkshadow-color:#191919;
scrollbar-face-color:#c4c4c4;
scrollbar-highlight-color:#b7b7b7;
scrollbar-track-color:#dedede;
scrollbar-shadow-color:#231f20;
}

.alignR { text-align:right;}

body { text-align:center; margin:0; padding:0; background-color:#a2a4a3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.85em; color:#0e0e0e; }

.bold { font-weight:bold;}

.button { background-color:#dedede; color:#141414; text-transform:uppercase; font-weight:bold; border-top:1px solid #c4c4c4; border-right:2px solid #757575; border-bottom:2px solid #4c4c4c; border-left:1px solid #9e9e9e; font-size:.85em;  }
.button:hover { background-color:#c20a13; color:#ffffff; text-transform:uppercase; font-weight:bold; border-top:1px solid #c4c4c4; border-right:2px solid #757575; border-bottom:2px solid #4c4c4c; border-left:1px solid #9e9e9e; font-size:.85em;  }

#catalog { float:right; margin:-40px 0 10px 10px;}
#catalogPara { padding:60px 0 0 0;}

.clear { display:block; clear:both;}

dd { font-style:italic; text-align:justify; padding:0 15px 0 0;}
dt { font-weight:bold; padding:15px 15px 0 0;}

.emphasis2 { background-color:#f0f0f0; color:#000000; font-size:1em; margin:0 20px; padding:10px 15px; text-align:center; border:1px solid #c20a13; line-height:1.5em; width:160px; }
.emphasis3 { background-color:#f0f0f0; color:#000000; font-size:1em; text-align:left; border:1px solid #c20a13; width:auto; font-weight:bold; }
.emphasis4 { background-color:#f0f0f0; color:#000000; font-size:1em; text-align:left; border:1px solid #c20a13; width:auto; font-weight:bold; padding:10px; }

.gray { background-color:#f2f2f2;}

#homeNews { margin:30px 0 0 0; padding:0 0 0 0;}

/* hide from sighted viewers but will be read by screen readers */
.hidden 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

iframe { float:right; height:83em; width:380px; background-color:#ffffff; border:2px solid #dedede;}

#imgContainer { float:right; margin:0; border:0; width:300px; height:475px; overflow:auto; }

label { font-weight:bold;}

legend { font-variant:small-caps; font-weight:bold; color:#c20a13; font-size:1.25em; letter-spacing:1px; margin-bottom:5px;}

#magGlass { width:25px; height:20px; border:0;}

#milSubtitle { display:block; margin-top:10px; font-size:1.25em; letter-spacing:1px; text-align:center;}

#navLeft { float:left; width:190px; height:auto; margin-top:0; margin-left:-20px; color:#dedede; }
#navLeft li { list-style-type:square; line-height:1em; margin:0 0 0 -20px;}
#navLeft li a { font-size:.9em; text-decoration:underline; letter-spacing:1px; padding:0 0 2px 0;  width:auto; display:block; margin:0;  }
#navLeft li a:link { color:#141414;  }
#navLeft li a:visited {color:#141414; }
#navLeft li a:hover {  color:#c20a13; }
#navLeft li a:active { background-color:#c20a13; color:#ffffff; padding:2px 0 3px 0; font-weight:bold;}

#plugins ul { }
#plugins li { margin-top:5px; list-style-type:circle; background-color:#f8f8f8;}

#ribbon {float:right; margin:0px;}

#sec1 { width:100%; height:168px; background-image:url(images/bkgdSec1.gif); background-position:top left; background-repeat:repeat-x; margin:0; padding:0;}
#sec1Content { width:870px; height:168px; margin:0 auto; padding:0; background-image:url(images/header.gif); background-position:center; background-repeat:no-repeat;}
#sec1ContentText { float:right; margin:42px 25px 0 0;}
#sec1ContentText h1 { visibility:hidden; display:none;}/* for screen readers, because the title graphic is the background image */
#sec1ContentText form { text-align:right;}
#sec1ContentText input { font-size:.9em; position:relative; top:-15px; left:0px;}
#sec1ContentText ul { position:relative; top:-20px; left:0;}
#sec1ContentText li { text-align:right; margin:0 0 -1px 0; color:#f2f2f2; } 
#sec1ContentText li a { font-variant:small-caps; text-decoration:underline; font-size:.75em;}
#sec1ContentText li a:link {color:#f2f2f2; }
#sec1ContentText li a:visited {color:#f2f2f2; }
#sec1ContentText li a:hover {color:#c20a13; }
#sec1ContentText li a:active {color:#c20a13; }

#sec2 { position:relative; width:100%;  min-height:365px; margin:0; padding:0; background-image:url(images/bkgdSec2.gif); background-position:top left; background-repeat:repeat;}
#sec2Content {width:850px; min-height:365px; padding:0 10px; margin:0 auto; background-image:url(images/bkgdSec2Content.gif); background-position:top center; background-repeat:repeat-y;}

#sec2ContentNav { float:left; width:257px; height:auto; padding:0; margin:0; text-align:left; font-size:.9em; border-bottom:1px solid #9e9e9e;}

#sec2ContentText { float:left; width:257px; height:auto; margin:0 0 0 20px; text-align:left; font-size:.9em;}
#sec2ContentText h1 { font-size:1.5em; font-style:italic;}
#sec2ContentText li { margin:0 0 .5em; 0; list-style-type:square; color:#c20a13;}
#sec2ContentText li strong { font-weight:normal; color:#231f20;}

#sec2ContentText th, .header { background-color:#9e9e9e; color:#FFFFFF; font-variant:small-caps; font-weight:bold; padding:5px 1px; text-align:left;}
#sec2ContentText td, .contentNews { text-align:left; margin:5px 20px; padding:5px; border:1px dotted #dedede;} 

#sec2ContentTextInside { float:right; width:560px; padding:10px 10px 10px 0; height:auto; margin:0 0 0 20px; text-align:left; font-size:.9em; line-height:1.75em;}
#sec2ContentTextInside h1 { font-size:1.5em; font-style:italic; margin:0 0 10px 0; }
#sec2ContentTextInside h2 { font-size:1.25em; background-color:#9e9e9e; color:#FFFFFF; font-variant:small-caps; font-weight:bold; padding:5px 1px; text-align:center; }
#sec2ContentTextInside h3 { font-size:1.1em; text-indent:30px; font-weight:bold;}
#sec2ContentTextInside table { width:550px; margin:0 10px;}
#sec2ContentTextInside th {font-size:1.1em; background-color:#9e9e9e; color:#FFFFFF; font-variant:small-caps; font-weight:bold; padding:5px 1px; text-align:center;}
#sec2ContentTextInside td {text-align:left; padding:10px; border:1px dotted #dedede; font-size:.95em;}
#sec2ContentTextInside li { margin:0 0 1em 0; list-style-type:square;}

/* Needed to make the below style so that I could format the Exam Request forms differently than other tables on the website; the original table style was for the entire site (bad!) and was too locked in to change */
#sec2ContentTextInsideExam { float:right; width:560px; padding:10px 10px 10px 0; height:auto; margin:0 0 0 20px; text-align:left; font-size:.9em; line-height:1.75em;}
#sec2ContentTextInsideExam h1 { font-size:1.5em; font-style:italic; margin:0 0 10px 0; }
#sec2ContentTextInsideExam h1 span { font-size:.75em;}
#sec2ContentTextInsideExam h2 { font-size:1.25em; background-color:#9e9e9e; color:#FFFFFF; font-variant:small-caps; font-weight:bold; padding:5px 1px; text-align:center; }
#sec2ContentTextInsideExam h3 { font-size:1.1em; text-indent:30px; font-weight:bold;}
#sec2ContentTextInsideExam table { width:530px; margin:0 10px;}
#sec2ContentTextInsideExam th {font-size:1em; background-color:#FFFFFF; color:#161616; font-variant:small-caps; font-weight:bold; padding:2px 1px 2px 5px; text-align:left; width:45%;}
#sec2ContentTextInsideExam th.lighter { background-color:#f2f2f2;}
#sec2ContentTextInsideExam td {text-align:left; padding:0px 1px 0px 5px;}
#sec2ContentTextInsideExam td.borderBot { border-bottom:1px dotted #c4c5c5;}
#sec2ContentTextInsideExam li { margin:0 0 1em 0; list-style-type:square;}
#sec2ContentTextInsideExam td.testingCtr { background-color:#bebebe; padding:5px; border:1px solid #a2a4a3; }

#sec3 { width:100%; height:180px; margin:0; padding:0; background-color:#a2a4a3; background-image:url(images/bkgdSec3.gif); background-position:top left; background-repeat:repeat-x; font-size:.8em; line-height:1.5em; color:#f2f2f2;}
#sec3Content { width:870px; height:180px; margin:0 auto;  background-image:url(images/bkgdSec3Content.gif); background-position:top center; background-repeat:no-repeat; padding:26px 0 0 0; }
#sec3Content p { float:right; margin:0 0 5px 0; width:592px; padding:5px 10px 0 0;}
#sec3Content  a { font-variant:normal; text-decoration:underline; font-size:1em;}
#sec3Content  a:link {color:#f2f2f2; }
#sec3Content  a:visited {color:#f2f2f2; }
#sec3Content  a:hover {color:#c20a13; }
#sec3Content  a:active {color:#c20a13; }

#sec3Content img { float:left; margin:0 0 0 11px; border:0;}

#sec3ContentContact { float:left; padding:10px 0 0 0; width:403px; text-align:center; font-size:.85em; line-height:1.75em; color:#f2f2f2; }

#sec3ContentLinks { float:right; width:200px; color:#f2f2f2;}
#sec3ContentLinks ul { position:relative; top:15px; left:-60px;}
#sec3ContentLinks li { text-align:right; margin:0 0 5px 0; color:#dedede; font-size:.85em; } 
#sec3ContentLinks li a:link {color:#dedede; text-decoration:underline; }
#sec3ContentLinks li a:visited {color:#dedede; text-decoration:underline; }
#sec3ContentLinks li a:hover {color:#c20a13; text-decoration:underline; }
#sec3ContentLinks li a:active {color:#c20a13; text-decoration:underline; }
#sec3ContentLinks em { font-size:.9em; font-style:italic;}

.small { font-size:.75em; display:block; line-height:1.25em;}

#staff { margin-left:0px; text-align:center;}

#staffList { clear:both; padding-top:10px;}
#staffList dt { clear:right;}
#staffList dd {height:auto; font-size:1em; line-height:1.5em; padding:20px 0 0 0;}
#staffList dd a { font-weight:bold; text-decoration:underline; } 
#staffList dd a:link { color:#141414;}
#staffList dd a:visited {color:#141414; }
#staffList dd a:hover {color:#c20a13; }
#staffList dd a:active {color:#c20a13;}
#staffList img {float:right; clear:right; margin:10px 0 0 0; border:0px;}

.style4 { display:none; visibility:hidden;}

td { padding:5px;}

.top { clear:both; display:block; text-align:right; font-size:.8em; font-style:italic;}