@import url(nav.css);
@import url(sIFR-screen.css);

/*--- generic ---*/
body {margin: 0; padding: 0;background:#c7ebf7 url(/images/common/site_bg_panels.jpg) no-repeat top center;}
body,td,th {color:#000; font: 12px Arial, Helvetica, sans-serif;}

/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/* image replacement */
.mir { letter-spacing : -3000em; font-size: 1px; }
/* Be nice to Opera, but hide from MacIE. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -9999em; overflow : hidden;}
/* end hack */

/* anchor behavior */
a, a:link {color:#1150aa; text-decoration: none;}
a:visited {color:#1150aa; text-decoration: none;}
a:hover {text-decoration: underline;}

div#mc p {margin-bottom: 12px; line-height: 1.5em;}

h3.pagetitle {font-size: 22px; color: #0b3854; margin-bottom: 8px;}
h4.subtitle {font-size: 14px; color: #6a8a99; margin-bottom: 15px;}

ul.bulleted_links li {background: transparent url(/images/common/li.gif) 1px 6px no-repeat; padding: 0 0 0 10px; display: block; margin: 0 0 3px 0;}

/* etc */
div.clear {clear:both;}
br.clear  {clear:both; height:0;}


/*
----------------------------------------------------------------
header
---------------------------------------------------------------- */
#header {background: url(/images/common/site_header.gif) no-repeat; width: 990px; height: 61px;position:relative;}
#header_promo {position:absolute;top:0px;left:465px;height:61px;width:465px;}
/* h1 */
#header h1 {width: 296px; height: 40px; position:absolute;left:10px;top:16px;}
#header h1 a {display: block; width: 296px; height: 40px; cursor: pointer;}
#topbanner {padding: 4px 15px 0 6px;margin:0 0 4px 0;}

#social_connect{float:right;background: url(/images/home/connect_bg2.gif) no-repeat scroll 0 0;height: 91px;margin: 0 0 2px 2px;width: 231px;}
#social_connect #social_connect_content{position:relative; padding: 36px 4px 4px;}
#social_connect #social_connect_content div {position: absolute; width: 110px; text-align: center;}
#social_connect #social_connect_content .fb_like{width: 85px; left: 2px;} 
#social_connect #social_connect_content .follow_us{width: 135px; left: 80px;}
#social_connect #social_connect_content .join_incrowd{} 
#social_connect #social_connect_content .newsletter, #social_connect #social_connect_content .forums {top: 64px; height: 18px; padding: 0; margin: 0;} 
#social_connect #social_connect_content .newsletter {}
#social_connect #social_connect_content .forums {left: 111px;}
#social_connect #social_connect_content .newsletter a, #social_connect #social_connect_content .forums a {font-size: 11px; font-weight: bold;} 
#social_connect #social_connect_content .newsletter img, #social_connect #social_connect_content .forums img {margin-right: 2px; vertical-align: middle;} 

/*
----------------------------------------------------------------
template structure
---------------------------------------------------------------- */

#bgwrap {width:100%;margin:0;}
div#doc {background:transparent;width:990px;margin:0 auto;position:relative;overflow:hidden;}
/*
div#wrapper {background: transparent url(/images/common/wrapper_bg.gif) repeat-y;}
*/
div#contentwrap {width: 990px; background: transparent url(/images/common/contentwrap_bg.jpg) no-repeat;}

div#mc {
	float: left;
	display:inline;
	width: 770px;
	padding: 6px 4px 6px 6px;
	} 

div#adrail {
	float: left;
	width: 210px;
	padding-top:19px;
	text-align: center;
}

div#adrail img {margin: 0 auto;}

/*
----------------------------------------------------------------
base template
---------------------------------------------------------------- */
div#basebg {
	background: transparent url(/images/common/base_bg.gif) repeat-y;
}
div#basetop {
	width: 990px;
	background: transparent url(/images/common/base_top.jpg) no-repeat top;
}
div#basebot {
	width: 990px;
	background: transparent url(/images/common/base_bot.gif) no-repeat bottom;
	padding-bottom:40px;
}


/*
----------------------------------------------------------------
notower template
---------------------------------------------------------------- */
div#notower_bg {
	background: transparent url(/images/common/notower_bg.gif) repeat-y;
}
div#notower_top {
	width: 990px;
	background: transparent url(/images/common/notower_top.jpg) no-repeat top;
}
div#notower_bot {
	width: 990px;
	background: transparent url(/images/common/notower_bot.gif) no-repeat bottom;
	padding-bottom:9px;
}

div#notower_mc {
	width:972px;
	padding:0;
} 

/*

----------------------------------------------------------------
notower_full template
---------------------------------------------------------------- */
div#notower_full_bg {
	background: transparent url(/images/common/notower_full_bg.jpg) repeat-y;
}
div#notower_full_top {
	width: 990px;
	background: transparent url(/images/common/notower_full_top.jpg) no-repeat top;
}
div#notower_full_bot {
	width: 990px;
	background: transparent url(/images/common/notower_full_bot.jpg) no-repeat bottom;
	padding-bottom:9px;
}

div#notower_full_mc {
	width:990px;
	padding:0;
} 

/*

----------------------------------------------------------------
columns
---------------------------------------------------------------- */

/* -- main column -- */

#colA  {float:left; width:501px; margin-right:15px; min-height:600px; display: inline;}

 

/* -- side column -- */

#colB {float:left; width:249px; background:#fff url(/images/common/right_col/bg_tile.gif) repeat-y;}

#colB #colBInner {background:url(/images/common/right_col/bg_bottom.gif) no-repeat left bottom;}

#colB .content {padding:5px 10px 15px 10px;}



/*
----------------------------------------------------------------
footer
---------------------------------------------------------------- */

div#footer {
	clear: both;
	background: #fff url(/images/common/footer_bg.gif) 0 0 no-repeat;
	padding: 13px 0 0 28px;
	font-size: 11px;
	}
div#footer a, div#footer a:link, div#footer a:visited {color:#1150aa;}
div#footer a:hover {text-decoration: underline;}
div#footer h5 {background: url(/images/common/h5_footer.gif) no-repeat; width: 153px; height: 19px; margin: 0 23px 50px 0; float: left;}

div#footer ul {float: left; margin: 0;}
div#footer ul li {float: left; margin-right: 10px;}
div#footer p {float: left; color: #97b8c5;}









/* color-only */
.red, .red td, a:visited.red { color:#c00; }
form td.red, form span.red, form div.red { color:#c00; font-weight:bold; } /* red class within forms gets bolded */
.white, .white td, a:visited.white { color:#fff; }
.greyLite, .greyLite td, a:visited.greyLite { color:#ccc; }
.grey, .grey td, a:visited.grey  { color:#999; }
.greyDark, .greyDark td, a:visited.greyDark  { color:#666; }
.greyBlack, .greyBlack td, a:visited.greyBlack { color:#333; }
.black, .black td, a:visited.black { color:#000; }


/* image padding */
.floatLeft { float:left; margin-right:5px; margin-bottom:3px; } /* left-aligned with right- and bottom- */
.floatRight { float:right; margin-left:5px; margin-bottom:3px; } /* right-aligned with left- and bottom- */

/* margins (space between block-level box and border) */
.mar0 { margin:0px }
.mar3 { margin:3px }
.mar5 { margin:5px }
.mar7 { margin:7px }
.mar3tb { margin:3px 0px; }
.mar3lr { margin:0px 3px; }
.mar5tb { margin:5px 0px; }
.mar5lr { margin:0px 5px; }
.mar7tb { margin:7px 0px; }
.mar7lr { margin:0px 7px; }

/* padding (space between border and content) */
.pad0 { padding:0px; }
.pad3 { padding:3px; }
.pad5 { padding:5px; }
.pad7 { padding:7px; }
.pad3tb { padding:3px 0px; }
.pad3lr { padding:0px 3px; }
.pad5tb { padding:5px 0px; }
.pad5lr { padding:0px 5px; }
.pad7tb { padding:7px 0px; }
.pad7lr { padding:0px 7px; }
form td.pad3 { padding-top:3px; } /* form <td>s that need 3px top padding */