/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : MSEP Stylesheet

Author : Red Bullet Web Design

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

/* COMMON AND GLOBAL */
body { font:68%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#336666; color:#333333; text-align:center; }
td, textarea, input, select { font:100% arial, verdana, helvetica, sans-serif; }

/* ----- IDS ----- */
#container { width:900px; margin:0 auto; text-align:left; font-size:110%; background:url(../images/layup/bg.gif) top left repeat-y; padding:5px 25px; }   
#printHeader { display:none;}
/* ----- Header Images ---- */
#header1{ width:900px; height:375px; position:relative; background:url(../images/layup/header1.jpg) top no-repeat;}
#header1 .logo{position:absolute; top:20px; left:70px;}
#header2{ width:900px; height:375px; position:relative; background:url(../images/layup/header2.jpg) top no-repeat;}
#header2 .logo{position:absolute; top:20px; left:70px;}
#header3{ width:900px; height:375px; position:relative; background:url(../images/layup/header3.jpg) top no-repeat;}
#header3 .logo{position:absolute; top:20px; left:70px;}
#header4{ width:900px; height:375px; position:relative; background:url(../images/layup/header4.jpg) top no-repeat;}
#header4 .logo{position:absolute; top:20px; left:70px;}
#header5{ width:900px; height:375px; position:relative; background:url(../images/layup/header5.jpg) top no-repeat;}
#header5 .logo{position:absolute; top:20px; left:70px;}
#header6{ width:900px; height:375px; position:relative; background:url(../images/layup/header6.jpg) top no-repeat;}
#header6 .logo{position:absolute; top:20px; left:70px;}
#header7{ width:900px; height:375px; position:relative; background:url(../images/layup/header7.jpg) top no-repeat;}
#header7 .logo{position:absolute; top:20px; left:70px;}
#header8{ width:900px; height:375px; position:relative; background:url(../images/layup/header8.jpg) top no-repeat;}
#header8 .logo{position:absolute; top:20px; left:70px;}
#header9{ width:900px; height:375px; position:relative; background:url(../images/layup/header9.jpg) top no-repeat;}
#header9 .logo{position:absolute; top:20px; left:70px;}
#header10{ width:900px; height:375px; position:relative; background:url(../images/layup/header10.jpg) top no-repeat;}
#header10 .logo{position:absolute; top:20px; left:70px;}
#header11{ width:900px; height:375px; position:relative; background:url(../images/layup/header11.jpg) top no-repeat;}
#header11 .logo{position:absolute; top:20px; left:70px;}
#header12{ width:900px; height:375px; position:relative; background:url(../images/layup/header12.jpg) top no-repeat;}
#header12 .logo{position:absolute; top:20px; left:70px;}
#header13{ width:900px; height:375px; position:relative; background:url(../images/layup/header13.jpg) top no-repeat;}
#header13 .logo{position:absolute; top:20px; left:70px;}
#header14{ width:900px; height:375px; position:relative; background:url(../images/layup/header14.jpg) top no-repeat;}
#header14 .logo{position:absolute; top:20px; left:70px;}
#header15{ width:900px; height:375px; position:relative; background:url(../images/layup/header15.jpg) top no-repeat;}
#header15 .logo{position:absolute; top:20px; left:70px;}
#header16{ width:900px; height:375px; position:relative; background:url(../images/layup/header16.jpg) top no-repeat;}
#header16 .logo{position:absolute; top:20px; left:70px;}
#header17{ width:900px; height:375px; position:relative; background:url(../images/layup/header17.jpg) top no-repeat;}
#header17 .logo{position:absolute; top:20px; left:70px;}
#header18{ width:900px; height:375px; position:relative; background:url(../images/layup/header18.jpg) top no-repeat;}
#header18 .logo{position:absolute; top:20px; left:70px;}
/* ------ END Header Images ---- */
#header{ width:900px; height:300px; position:relative; background:url(../images/layup/headerBg.jpg) no-repeat;}
#header .logo{position:absolute; top:20px; left:70px;}
#siteSearch{position:absolute; top:20px; right:70px; width:175px;}
#siteSearch .text{float:left; width:142px; border:1px solid #29abe2; color:#29abe2; padding:3px 4px 2px 4px;}
#siteSearch .btn{float:right; width:20px; height:20px;}
#siteSearch form{display:inline; padding:0; margin:0;}
#contentArea{width:810px; min-height:280px; height:auto !important; height:280px; padding:20px 45px;}
#contentArea ul{list-style:none; padding:0; margin:0;}
#contentArea li{list-style:disc; padding:0 0 10px 0; margin:0 0 0 15px;}
#contentLeft{float:left; width:400px;}
#contentRight{float:right; width:400px;}
#rightCol{float:right; width:350px;}
#imgContentLeft{float:left; width:500px;}
#imgCcontentRight{float:right; width:300px;}
#imgRightCol{float:right; width:285px;}
#imageBox{background:#336666;; margin:0 0 0 0; color:#FFFFFF; font-size:90%; width: 340px; margin-bottom: 20px; }
#imageBox img{position: relative; top: 0; left: 60px; }
#imageBox p {background-color: #FFFFFF; padding:5px; display: block; clear: both; color: #666666; font-size: 11px; text-align:right; font-style:italic;}
#newsBox {background:#336666; margin:0 0 10px 0; min-height:158px; height:auto !important; height:158px; color:#FFFFFF; font-size:90%; }
#newsBox h1 {font-size: 150%; font-weight: bold; color:#FFFFFF; padding: 10px;}
#newsBox p{ padding: 0 10px 10px 10px; }
#newsBox a{text-decoration:none; color:#FFFFFF}
#newsBox a:hover{text-decoration:underline;}

#subLeftCol{float:left; width:500px;}
#subRightCol{float:right; width:250px; padding: 0 15px 15px 15px; background:#336666; color:#FFFFFF;}
#subRightCol .title{margin:0; padding:5px; font-size:200%; font-weight:bold; color:#FFFFFF;}
#subRightCol .articleTitle{font-weight:bold; padding:5px 5px 0 5px; font-size:150%;}
#subRightCol .articleText{padding:5px;}

#galleryItems{margin-top: 10px;}
#galleryItems img{border: 1px solid #336666; padding: 1px;}

/* ----- CLASSES ----- */
.clear { clear:both; }
.hide { display:none; }
.show { display:block; }
.printShow { display:none; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_justify { text-align:justify !important; }
.align_bottom { vertical-align:bottom !important; }
.image_right { float:right; margin:0 0 10px 10px; padding:3px; border:1px solid #336666; }
.image_left { float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #336666; }
.image_center { margin:0 auto;}
.relative { position:relative; }
.inline {display:inline;}
.hand { cursor:pointer;}
.thumbnail_container{float:left; width:100px; padding:0 5px 10px 5px; text-align:center;}


/* ----- HEADINGS & PARAGRAPHS ----- */
h1, h3, h4, h5, h6 { margin:0; padding:0 0 5px 0; font-size:150%; font-weight:bold; color:#336666;}
h2 { margin:0; padding:5px 0 5px 0; font-size:120%; font-weight:bold; color:#336666;}

/* ----- TOP NAVIGATION ----- */
#menu {position:absolute; bottom:0; left:0; width:900px; padding:0; height:90px; background-color: #003366;}
#menu ul {position:absolute; top:0; left:0; padding: 0;margin: 0;list-style: none;line-height: 1; width:900px; padding:0 25px 0 25px;}
#menu li a {display: block; color:#FFFFFF; text-decoration:none; font-weight: 600; font-size: 13px; }
#menu a:hover{color:#FFFFFF;}
#menu ul li { /* all list items */float: left; padding:8px 20px; display:block; position:relative; font-size:120%;}
#menu ul li ul { /* second-level lists */position: absolute; left:-2000px; padding:5px 0 0 0; width:300px; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#menu ul li ul li { float:none; font-size:80%; font-weight: normal; line-height: 15px; padding:0px 20px;}
#menu ul li ul li a{font-size: 12px; font-weight: 100; }
#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */left: 0; top:18px;}

/* ----- LEFT NAVIGATION ----- */


/* ----- SITE MAP ----- */
#sitemap { list-style:none; margin:0 0 0 5px; padding:0;}
#sitemap ul { list-style:none;  margin:10px 0 0px 15px; padding:0;}
#sitemap li { background:url(../images/layup/bulletSitemap.gif) 0px 11px no-repeat; padding:6px 0 5px 15px;}

/* ----- BREADCRUMBS/PAGINATION/PAGE TOP AND BOTTOMS ----- */

/* ----- FOOTER ----- */
#footer {clear:both;}
#footer .padding {padding:10px 40px 10px 40px;}
#footer a { font-weight:normal; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

/* ----- GLOBAL ----- */
img { display:block; border:0; }
p { padding:0 0 10px 0; margin:0; }
address { font-style:normal;}


/* ----- LINKS ----- */
a { color:#000000; font-weight:bold; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }

/* ----- FORMS ----- */
form { padding:0; margin:0; }
fieldset { padding:0; margin:0; border:0px none; display:inline; }
legend { padding:0; margin:0; display:none; }
label { display:block; width:260px; float:left; }
input, textarea { width:200px; font-size:11px !important;}
.required { color:#0033FF;}
.checkRadio { width:20px; position:relative; left:-7px;}
#frmContact { margin-bottom:15px;}
#frmContact p { padding:7px 0;}
#frmContact select { width:204px;}
#frmContact div { margin-bottom:10px;}
#submit { width:55px; height:18px; border:none;}

/* ----- FORM VALIDATION ----- */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.validation-failed, textarea.validation-failed, select.validation-failed { border: 1px solid #4544e4; color : #FF3300; }
input.validation-passed, textarea.validation-passed, select.validation-passed { border: 1px solid #00CC00; color : #000; }
.validation-advice { margin: 5px 0; width:452px; padding: 5px; background-color: #4544e4; color : #FFF; font-weight: bold; }

/* ----- TABLES ----- */
table { border-collapse:collapse; }
table p { padding:0px; }