@charset "utf-8"; 

/********** SINGLE ELEMENT STYLES **********/
* {margin:0; padding:0; outline:none;}
html, body {width:100%; height:100%;}
img {behavior:url(inc/pngbehavior.htc);}
a img {border:0;}
.pad5 {padding:5px;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}
.clright {clear:right;}
.clleft {clear:left;}
h1 {font-family:"Trebuchet MS"; font-size:24px; font-weight:normal; line-height:35px; color:#fff;}
h2 {font-family:"Trebuchet MS"; font-size:20px; font-weight:normal; line-height:28px; color:#fff;}
h3 {font-family:"Trebuchet MS"; font-size:18px; font-weight:normal; line-height:28px; color:#fff;}
h4 {font-family:"Trebuchet MS"; font-size:16px; font-weight:normal; line-height:24px; color:#fff;}
p {font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:22px; color:#000;}
h5 {font-family:"Trebuchet MS"; font-size:12px; font-weight:normal; line-height:20px; color:#fff;}
h6 {font-family:"Trebuchet MS"; font-size:10px; font-weight:normal; line-height:18px; color:#fff;}
#content strong {font-weight:normal;}
.bold {font-weight:bold;}
ul, ol {list-style:inside; color:#000;}
ul li, ol li {padding-left:15px;}
.shhhh {display:none;}
.sm10 {font-size:10px;}
.hide {display:none;}
.colorbox {color:#fff; padding:4px; background-color:#e26700; margin:2px 0 2px 0; width:350px;}

/********** LINKS **********/
a.box:link {color:#fff; text-decoration:none; padding:4px; margin:2px 0 2px 0;}
a.box:visited {color:#fff; text-decoration:none; padding:4px; margin:2px 0 2px 0;}
a.box:hover {color:#fff; padding:4px; background-color:#e26700; margin:2px 0 2px 0;}
a:link {color:#000; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#e26700;}
a img {border:none;}
a.credit:link {color:#fff; text-decoration:none; padding:0;}
a.credit:visited {color:#fff; text-decoration:none; padding:0;}
a.credit:hover { color:#000; padding:0;}
a.box2:link {color:#fff; text-decoration:none; background-color:#9c2d02; padding:4px 8px 4px 8px; margin:2px 0 2px 0;}
a.box2:visited {color:#fff; text-decoration:none; background-color:#9c2d02; padding:4px 8px 4px 8px; margin:2px 0 2px 0;}
a.box2:hover {color:#fff; padding:4px 8px 4px 8px; background-color:#e26700; margin:2px 0 2px 0;}
a.vetenrollrollover { display:block; width:249px; height:111px; background:url("../images/enroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc);}
a:hover.vetenrollrollover { display:block; width:249px; height:111px; background:url("../images/enrollroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc);}
a.shoutoutrollrollover { display:block; width:249px; height:111px; background:url("../images/shoutoutroll.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc);}
a:hover.shoutoutrollrollover { display:block; width:249px; height:111px; background:url("../images/shoutout.png") 0 0 no-repeat; float:left; behavior:url(inc/pngbehavior.htc);}


/************** BASE STRUCTURE *************/
html,body {height:100%; width:100%; margin:0 auto;}
body {margin:0 auto; background-repeat:repeat-x; background-position:center top; background-image:url(../images/bg.jpg); font-family:"Trebuchet MS"; font-size:14px; font-weight:normal; line-height:20px; color:#000; background-color:#ff7e00;}
#wrapper {width:960px; margin:0 auto 0 auto;}
#header {width:960px; height:296px; margin:0; padding:0;}
#footer {width:960px; height:150px; margin:0; padding:0;}
#content {width:960px; height:266px; height:auto!important; min-height:266px; margin:0; padding:0;}
#rightcol{width:311px; height:266px; height:auto!important; min-height:266px; margin:0; padding:0 41px 0 0; float:right;}
#leftcol{width:620px; height:266px; height:auto!important; min-height:266px; margin:0; padding:0 0 0px 42px; float:left;}

/********** PAGE ELEMENTS **********/
#credit{width:100px; height:50px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; float:right;}
#copyright{width:840px; height:50px; margin:5px 5px 5px 40px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; padding:0;}
#googlemap {width:900px; height:350px; margin:0 auto; border:2px double #ddd;}
#mainimage {width:620px; height:350px; margin:0; padding:0;}
#facebook {width:304px; height:75px; margin:10px 5px 0 0; padding:0; float:left;}
#topnav {width:960px; height:25px; margin:10px 0 0px 0; text-align:center; padding:0;}
.bannerad {width:220px; height:89px; margin:0 10px; padding:0; float:left;}
*html .bannerad {margin:0 5px 0 5px;}
#bannerarea {width:960px; height:95px; margin:0 0 20px 0; padding:0; float:left;}
.locations {width:240px; height:378px; height:auto!important; min-height:378px; margin:0; padding:0; float:left;}
.textarea {width:220px; height:150px; height:auto!important; min-height:150px; margin:0 10px; padding:0;}
#logo {width:292px; height:259px; margin:2px 0px 0px 0px; padding:0; float:left;}
#headertext {width:668px; height:146px; margin:0; padding:0; float:left;}
#enroll {width:249px; height:111px; margin:0; padding:0; float:right;}
#shoutout {width:249px; height:111px; margin-top:11px; padding-:0; float:right;}
.linebreak {width:960px; height:1px; margin:10px 0; padding:0; float:left; background-repeat:no-repeat; background-position:center top; background-image:url(../images/hr.png); behavior:url(inc/pngbehavior.htc);}
.sponsors {width:230px; height:230px; margin:0px 5px 0px 5px; padding:0px; float:left;}
 
/******* HORIZONTAL NAV MENU ***********/
ul#hrznav {margin:0; border:0 none; padding:0; width:668px; list-style:none; height:45px; float:left;}
ul#hrznav li {margin:0; border:0 none; padding:0; float:left; display:inline; list-style:none; position:relative; height:24px;}
ul#hrznav ul {margin:0; border:0 none; padding:0; width:250px; list-style:none; display:none; position:absolute; top:24px; left:0;}
*+html ul#hrznav ul {left:-16px;}
ul#hrznav ul li {float:none; display:block!important; display:inline;}
ul#hrznav a {padding:0 20px; margin:0; float:none!important; float:left; display:block; text-decoration:none; height:auto!important; height:1%;}
ul#hrznav a:hover, ul#hrznav li:hover a, ul#hrznav li.iehover a {background:#fff; color:#000; border:1px solid #fff;}
ul#hrznav a, ul#hrznav a:hover {border:none;}
ul#hrznav li:hover li a, ul#hrznav li.iehover li a {float:none; background:#EEE; color:#666;  border:1px solid #eee;}
ul#hrznav li:hover li a:hover, ul#hrznav li:hover li:hover a, ul#hrznav li.iehover li a:hover, ul#hrznav li.iehover li.iehover a { background:#e26700; color:#FFF;}
ul#hrznav ul ul, ul#hrznav ul ul ul { display:none; position:absolute; top:0; left:160px;}
ul#hrznav li:hover ul ul, ul#hrznav li:hover ul ul ul, ul#hrznav li.iehover ul ul, ul#hrznav li.iehover ul ul ul { display:none;}
ul#hrznav li:hover ul, ul#hrznav ul li:hover ul, ul#hrznav ul ul li:hover ul, ul#hrznav li.iehover ul, ul#hrznav ul li.iehover ul, ul#hrznav ul ul li.iehover ul { display:block;}

/************** CONTACT FORM ************/
form#contact {margin:0 0 20px 0; padding:5px; float:right; width:275px; background:#ccc; border:none; font-family:"Trebuchet MS"; font-size:0.75em; font-weight:normal; color:#333;} 
#contact label,#contact input {display:block; width:150px; float:left; margin-bottom:10px;}
#contact #Location {width:150px; float:left; display:block; margin-bottom:10px;}
#contact label {text-align:right; width:75px; padding-right:5px;}
#contact br {clear:left;}
#contact fieldset {margin:0 0 10px 0; position:relative; display:block; border:1px solid #fff; padding:0 10px 10px 10px;} 
#contact legend {color:#333; font-variant:small-caps; padding:2px 5px; position:relative; font-family:"Trebuchet MS"; font-size:18px; line-height:17px; font-weight:bold;}
#contact span.state {width:130px; float:left; text-align:right;}
#contact #zip {width:60px; margin-right:12px; float:left;}
#contact #zipname {width:27px; margin-left:13px; float:left;}
#contact #comments {display:block; width:240px; height:70px; margin-bottom:15px;}
#contact textarea {overflow:auto;}
#contact #submit {width:85px; height:32px; margin-left:90px;}
#contact .shhhh, .shhhh {display:none;}

div.floating-menu {position:fixed; width:311px; z-index:100;}
div.floating-menu a, div.floating-menu h3 {display:block; margin:0;}

/* - - - - - Vietname Veteran Enrollment Form - - - - - */
#enrollform {width:490px; margin:0 auto; text-align:center; background:url(../images/formbg.png) top left repeat; border:1px solid #333; color:#fff; padding:5px; -moz-border-radius:15px; -webkit-border-radius:15px; behavior:url(inc/pngbehavior.htc);}
#enrollform label {float:left; display:block; width:155px; margin:0 5px 5px 0; text-align:right; font-weight:bold;}
#enrollform input {float:left; display:block; width:315px; margin:0 5px 5px 0; text-align:left; color:#000;}
#enrollform .check {float:none; display:inline; width:auto; color:#000;}
#enrollform textarea {float:left; display:block; width:315px; color:#000; text-align:left;}
#enrollform textarea, #enrollform input {border:1px solid #555; background:#ddd; color:#555;}
#enrollform textarea:active, #enrollform input:active, #enrollform textarea:focus, #enrollform input:focus {background:#fff; border-color:#000; color:#000;}
#enrollform input.submit {float:none; display:inline; width:auto; text-align:center; margin:0 auto; margin-top:10px; padding:3px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:pointer; background:#000; border:1px solid #fff; color:#fff;}
#enrollform input.submit:hover, #enrollform input.submit:active, #enrollform input.submit:focus {border-color:#000; background:#EE6B00; color:#000;}
#enrollform br {clear:left;}