/* reset CSS */
@import url("reset.css");
/* base */
body { font:13px/18px Arial, Helvetica, sans-serif; background:#8d8484; margin:0; padding:0; color:#333333; }
h1, h2, h3, h4 { margin:0 0 10px 0; }
strong { font-weight:bold; }
em { font-style:italic; }
/* link style */
a:link, a:visited { font-weight:bold; color:#333333; text-decoration:underline; }
a:hover, a:active { color: #074f85; }
/* layout */
#wrap {width:1200px; margin:0 auto;}
#container { width:100%; background:#cee0ed; margin:0 auto; padding:0; }
#header { background: #040c13; padding:25px 120px; margin:0; border-bottom:1px solid #737373; height:55px;}
#mainContent { padding:35px 120px; background:#cee0ed url(images/bg_main_content.gif) top center no-repeat;}
#intro { background:#05263f url(images/bg_intro.gif) center top no-repeat; padding:25px 120px; height:290px;}
#footer { padding: 20px 120px; background:#040c13;}
* html #bottom { width:103%;} /* exclusive for IE6 */
* html #top {width:103%;} /* exclusive for IE6 */
/* header */
#header h1 { width:280px; height:47px; }
#header h1 a { background: url(images/logo_header.gif) no-repeat; display:block; width:280px; height:47px; text-indent:-9999px; }
#header h2 { background:url(images/txt_header_tagline.gif) no-repeat; width:345px; height:20px; text-indent:-9999px; margin:0; }
#header #headerTagline { margin:5px 0 0 0; display:inline; }
#header #headerTagline p { color:#25a1ff; text-align:right; }
/* intro */
#intro p#txtIntro { background:url(images/txt_intro.gif) no-repeat; text-indent:-9999px; width:541px; height:123px; margin:40px 0 40px 0; }
/* main content */
#mainContent .content { margin:0 0 40px 0; }
#mainContent .content p { margin:0 10px 10px 10px; }
#mainContent h3 { background:url(images/bg_heading_3.gif) no-repeat; width:450px; padding:7px 0 7px 10px; color:#fff; height:23px; font-size:22px; line-height:22px; }
#mainContent h4 { background:url(images/bg_heading_4.gif) no-repeat; width:980px; padding:7px 0 7px 10px; color:#fff; height:23px; font-size:22px; line-height:22px; }
#mainContent h4 .alignRight { margin-left:300px; }
#mainContent .contentLeft { width: 420px; }
#mainContent .contentRight { width: 440px; margin-left:30px; border-left:1px solid #aab4bc; padding-left:30px; }
#mainContent .contentRightNoBorder { width: 460px; margin-left:30px;}
#mainContent ul { margin:0 0 10px 10px; }
#mainContent ul li { background:url(images/bg_list.gif) no-repeat 0 center; margin:0; padding:2px 10px; }
/* form styling */
#mainContent form .content { font-size:12px; margin:0 0 0 10px; }
#mainContent form .content p { margin:0 0 5px 0; width:430px; }
#mainContent form .content p.valid { background:url(images/icon_correct.gif) no-repeat right center    }
#mainContent form .content label { font-weight:bold; float:left; width:120px; text-align:right; margin-right:10px; margin-top:2px; }
#mainContent form .content .inputWide { width: 275px; padding:3px 2px; background:#fff; border:1px solid #c6c6c6; color:#666666; margin:0; font:12px Arial, Helvetica, sans-serif; }
#mainContent form .content .inputNarrow { width: 65px; padding:3px 2px; background:#fff; border:1px solid #c6c6c6; color:#666666; margin:0; font:12px Arial, Helvetica, sans-serif; }
#mainContent form .content .inputTextarea { width:269px; }
#mainContent form .content .inputText { width:269px; }
#mainContent form .content .error { background:#f5e0e1!important; }
#mainContent form .content .small { font-size:10px; }
#mainContent form .content br { height:0; font-size: 1px; line-height: 0px; overflow:hidden; visibility:hidden; display:block; }
#mainContent form .content .submitBtn { margin:5px 0 0 130px; }
#mainContent .content .validationError { background:#f5e0e1; width:400px; padding:10px; margin:25px 0 0 30px; font-size:12px; font-weight:bold; color:#700707; border:1px dashed #8d8484; }
#mainContent .content .validationError ul { margin:0; }
#mainContent .content .validationError ul li { list-style:inside; background:none; list-style-type:square; }
.content h1 {font-size: 16px;}
.content h2 {font-size: 14px;}
.content h3 {font-size: 13px;}

/* footer */
#footer p { color:#fff; }
#footer a:link, #footer a:visited { color:#fff; text-decoration:none; }
#footer a:hover, #footer a:active { color:#9e9e9e; text-decoration:none; }
/* classes */
.clearBoth { clear:both; height:0; font-size: 1px; line-height: 0px; }
.floatRight { float:right; }
.floatLeft { float:left;  }