/* Conventions:
border: 1px;  = This will be read by all browsers
_border: 1px; = This will only read be IE 6
*boder: 1px; = This will only read be IE 6 AND IE 7
*/

/* BASICS */
body {
	margin: 10px 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: .75em;
}
img { border: 0; }
a {
	color: #0000CC;
}

/* CONTAINERS */
.wrapper { width: 862px; margin: 0 auto; background: url(../img/bg/bg_wrapper_mid_862x1.gif) repeat-y #213953; }
.wrapper-in { background: url(../img/bg/bg_wrapper_top_862x5.gif) no-repeat; }
.wrapper-in-in { background: url(../img/bg/bg_wrapper_bot_862x5.gif) 0 100% no-repeat; padding: 8px; } 
.main { background: #fff; width: 100%; overflow: hidden; padding: 10px 0; }
.main.blue { background: #fff 100% 0 repeat-y #fff; }
.content { width: 780px; float: left; padding: 0 0 0 30px; }
.sidebar { width: 150px; float: right; margin-right: 20px; _margin-right: 7px; }

/* HEADER STYLES */
.header { margin-bottom: 4px; }
.header .logo { background: url(../img/logo/logo_799x90.gif) center 0 no-repeat; width: 100%; height: 90px; text-indent: -123456px; margin: 10px 0 20px 0; padding: 0; float: left; }
.header .nav {
	float: right;
	width: 550px;
}

/* MAIN NAVIGATION */
.mainnav { list-style: none; margin: 0; padding: 5px 0 5px 5px; _padding-bottom: 0; background: url(../img/bg/bg_dot_nav_2x1.gif) repeat-x; }
.mainnav li { float: right; margin-left: 8px; *margin-left: 12px; font-weight: bold; }
.mainnav li a {
	display: block;
	padding: 4px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: .75em;
	text-align: right;
}
.mainnav a:hover, .mainnav .active { background: #759FC0; color: #fff; border: 1px solid #fff; padding: 3px 3px 2px 3px; }

/* UTILITY NAVIGATION */
.util { list-style: none; margin: 0 0px 20px 30px; padding: 0 0 20px 0; }
.util li { float: left; }
.util li a {
	display: block;
	color: #003399;
	text-decoration: none;
	font-size: 13px;
	padding: 3px 5px;
	text-align: right;
}
.util li a:hover { text-decoration: underline; }

/* FOOTER */
.footer { width: 862px; margin: 0 auto; }
.footer .legal { text-align: center; color: #999; }
.mini-footer-2 { font-size: .8em; background: #fff; padding: 15px; margin: 10px 0 0 0; }
.mini-footer-2 p { text-align: center; padding: 0; margin: 0 0 2px 0; color: #1E2E41; }

/* CLEAR FLOATS: BASED ON THE "CLEAFIX" HACK */
.header:after, .header .signup:after, .header .util:after, .header .mainnav:after, .wrapper-in-in:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.header, .header .signup, .header .util, .header .mainnav, .wrapper-in-in { *height: 1%; }

/* SIDEBAR "ADS" */
.ads ul { list-style: none; margin: -10px 0 0 10px; padding: 0; text-align: center;  position: relative;  }
.ads ul li { margin-bottom: 15px; }

/* HOME PAGE SPECIFIC STYLES */
.home .promo { overflow: hidden; width: 100%; background: url(../img/pic/WED_homepage_general.jpg) no-repeat; height: 305px; margin-top: 5px; }
.home .hottopic { float: left; }
.home .hottopic a { display: block; height: 296px; width: 626px; text-indent: -123456px; }
.home .news { width: 151px; height: 338px; float: right; margin-right: 8px; padding: 5px 8px; }
.home .news h2 { background: url(../img/hdr/hdr_whatsnew_156x28.gif) no-repeat; margin: 0; padding: 0; width: 156px; height: 28px; text-indent: -123456px; }
.home .news h3 { color: #333; font-size: 1.6em; }
.home .news p { font-size: 1.2em; line-height: 1.4em; }
.home .news p.signup { border-top: margin-top: 10px; padding-top: 5px; }
.home .details { background: #759FC0; width: 100%; overflow: hidden; padding: 10px 0; } 
.home .details .col { border-right: 1px solid #fff; min-height: 135px; _height: 135px; width: 144px; padding: 0 12px 0 12px; float: left; }
.home .details .col.last { padding-right: 0; border: 0; }
.home .details .col h3 { font-size: 1.3em; margin: 0; color: #fff; background: url(../img/icon/icon_arrow_15x15.gif) 0 2px no-repeat; padding: 0 0 5px 22px;  }
.home .details .col p { padding: 0 0 0 22px; margin: 0 0 5px 0; font-size: 1.2em; color: #333; }
.home .mini-footer { background: #fff; padding: 15px; margin: 10px 0 0 0; }
.home .mini-footer p { text-align: center; padding: 0; margin: 0 0 2px 0; color: #1E2E41; }

/* CONTENT PAGE STYLES */
.main h1 {
	font-family: verdana;
	font-size: 2em
.em;
	color: #4e4b4b;
	margin: 0 0 0 30px;






*margin-bottom: 10px; 							padding: 0;
	font-weight: normal;
}
.main p {
	font-size: 15px;
	color: #333333;
	line-height: 18px;
}
.main li {
	font-size: 1.3em;
	color: #333;
}
.main .photo { display: block; padding: 4px; border: 1px solid #ccc; margin: 15px 10px 10px 10px; } 
.main .twocol { overflow: hidden; width: 100%; }
.main .twocol .col1 { width: 46%; float: left; margin-right: 4%; }
.main .twocol .col2 { width: 46%; float: left; margin-left: 4%; }