/* ------------------------------------------------------------------------
	Content
------------------------------------------------------------------------- */

/* basic */
body {
	margin:0;
	font: .6875em/18px Helvetica, Arial, sans-serif;
}

p { margin: 18px 0; }

a:link, a:active { color: #127DAF; }

a:visited { color: #075783; }

a:hover { color: #009900; }

img {
	border:none;
	display: block;
}

img.right {
	float: right;
	clear: right;
	margin: 18px 0 18px 18px;
}

ul, li {
	list-style:none;
	margin:0;
	padding:0
}

/* headers */
h1, h2 {
	font-family: Verdana, Verdana, Geneva, sans-serif;
	color: #096CA3;
	line-height: normal;
	letter-spacing:-1px;
}

h1 {
	font-size: 24px;
	background:url(../images/swoosh.png) left bottom no-repeat;
	padding-bottom:5px;
	margin: 0 0 -15px
}

h2 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom:-10px;
}

h3 {
	font-size: 12px;
	font-weight: bold
}

/* styles */
.more {
	float:right;
	margin: 0 0 10px;
	padding-left: 9px;
	background: url(../images/layout/little-arrow.gif) no-repeat left 6px;
}

/* class for announcement text */
#announcement {
	width:730px;
	background-color:#ebf3f7;
	padding: 5px 10px;
}

#announcement p {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ------------------------------------------------------------------------
	General Classes
------------------------------------------------------------------------- */

.cLeft { clear: left }

.cBoth { clear: both }

.hide { display: none }

.fLeft { float: left }

.fRight { float: right }

.padding { padding: 18px }

.padding2 { padding: 5px 0 10px }

.bold { font-weight:bold }

.italic { font-style: italic; }

.blue {
	font-size: 14px;
	color:#096CA3
}

/* alternate header colors for corporate and legal pages  */
.corporate h1, .corporate h2, .corporate h3, h1.corporate, h2.corporate, h3.corporate { color: #42429b; }

.legal h1, .legal h2, .legal h3, h1.legal, h2.legal, h3.legal { color: #49904a; }

.corporate a, .corporate a:active, a.corporateLink:link, a.corporateLink:active { color: #42429b; }

.corporate a:visited, a.corporateLink:visited { color: #42429b; }

.corporate a:hover, a.corporateLink:hover { color:#999999; }

.legal a, .legal a:active, a.legalLink:link, a.legalLink:active { color: #49904a; }

.legal a:visited, a.legalLink:visited { color: #49904a; }

.legal a:hover, a.legalLink:hover { color: #999999; }

/* ------------------------------------------------------------------------
	Shell
------------------------------------------------------------------------- */
#headerWrapper, #header { background: #b5d6e2 url(../images/layout/bg_header.png) repeat-x center top; }

#bodyWrapper, #body { background: #FFF url(../images/layout/bg_body.png) repeat-x; }

#footerWrapper, #footer {
	background: url(../images/layout/stripe.png);
	clear:both;
}

#header, #body, #footer {
	width: 750px;
	margin: 0 auto;
	overflow:hidden;
	padding: 0 20px;
}

#header object {
	display: block;
	margin-top:10px
}

#footer {
	padding: 20px 0;
	line-height: 11px;
	color: #FFF;
}

/* content section */	

#content {
	float: right;
	width: 532px;
	padding-left: 18px;
}

.column {
	float:left;
	margin: 36px 0 0 0;
	background: url(../images/layout/subtleline.png) no-repeat top left;
}

#left {
	width: 200px;
	padding: 0 20px 0 0;
	background: none;
}

#middle {
	width: 270px;
	padding: 0 20px;
}

#right {
	width: 200px;
	padding: 0 0 0 20px;
}

/* footer content */
	
#footer ul { float:right; }

#footer li {
	float: left;
	padding: 0 5px;
	border-right: #333 1px solid;
}

#footer li.last {
	padding-right: 0;
	border: none;
}

#footerNav a { text-decoration: none; }

#footerNav a:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------- */   

#navigation {
	position: absolute;
	top: 40px;
	right: 50%;
	margin-right:-375px;
}

#navigation ul { float:right; }

#navigation li {
	float: left;
	position: relative;
}

/* sublevel */ 
#navigation li ul {
	display: none;
	position: absolute;
	top: 28px;
	right: 0;
	z-index:1000;
	width: 135px;
	padding: 0px 10px 10px 10px;
	border: #000 solid 1px;
	background-image: url(../images/layout/semi_transparent.png);
}

#navigation ul li {
	float: none;
	border-bottom: 1px dotted #999;
}

/* navigation links */
#navigation a {
	float: left;
	display: block;
	height: 1%;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#navigation a:hover {
	color: #27B2E1;
	text-decoration: none;
}

#navigation #corporate a:hover { color: #9999FF; }

#navigation #legal a:hover { color: #66CC66; }

#navigation ul a {
	float: none;
	padding: 5px 0;
	font-size: 11px;
	color: #bbb;
}

/* hovering */
#navigation li:hover, #navigation li.over { background-image: url(../images/layout/semi_transparent.png); }

#navigation li.over, #navigation li.over ul { background-image: url(../images/layout/IEnav_bg.gif); }

#navigation li:hover ul, #navigation li.over ul { display: block; }

#navigation ul li:hover { background: none; }

/* current page marker */
#navigation .current { background: url(../images/current.png) repeat-x bottom; }

#navigation #corporate .current { background-image: url(../images/current_corp.png); }

#navigation #legal .current { background-image: url(../images/current_legal.png); }

/* sub nav */
#subNav {
	background: url(../images/layout/stripe_small.png) repeat-y;
	width: 191px;
	padding-right: 9px;
	text-align: right;
}

#subNav a {
	background: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	text-decoration: none;
	display: block;
	padding: 0 9px;
}

#subNav a:hover {
	color: #FFF;
	background: none;
}

#subNav li {
	position: relative;
	height: 18px;
}

#subNav li a {
	height: 100%;
	font-size: 10px;
}

/* free quote link */
#subNav a.quote {
	width: 100%;
	padding: 0px 0;
	background: url(../images/quote_over.png) no-repeat 0px 0px;
}

#subNav a.quote.corporate, #subNav a.quote.corporate:hover { background-image: url(../images/quote-c_over.png); }

#subNav a.quote.legal, #subNav a.quote.legal:hover { background-image: url(../images/quote-l_over.png); }

#subNav a.quote.study, #subNav a.quote.study:hover { background-image: url(../images/cstudy_over.jpg); }

#subNav a.quote.portal, #subNav a.quote.portal:hover { background-image:url(../images/webPortal_over.gif); }

#subNav a.quote.whtPaper, #subNav a.quote.whtPaper:hover { background-image:url(../images/freeInfo_over.jpg); }

#subNav a.quote.webinar, #subNav a.quote.webinar:hover { background-image:url(../images/webinarBtn_over.jpg); }

#subNav a.quote:hover img { visibility: hidden; }

/* web portal page btns 
	a.portBtn {display:block; overflow:hidden; width:191px;}
	a.portBtn.content, a.portBtn.content:hover {background-image:url(../images/accContentBtn_over.jpg);}
	a.portBtn.webinar, a.portBtn.webinar:hover {background-image:url(../images/webSchBtn_over.jpg);}
		a.portBtn:hover img {visibility: hidden;}

/* ------------------------------------------------------------------------
	Lists
------------------------------------------------------------------------- */

dl {
	margin: 18px 0;
	width: 100%;
}

dt {
	float: left;
	clear: both;
	width: 30%;
	margin: 0 0 18px 0;
	font-weight: bold;
}

dd {
	float:left;
	width:70%;
	margin: 0 0 18px 0;
}

.services li {
	background: no-repeat left 3px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
	overflow:hidden;
	float:left;
	width:414px;
}

.services li h2 { margin-top: 0; }

.bulleted { margin: 18px 0; }

.bulleted li {
	background: url(../images/bullet.gif) no-repeat left 4px;
	padding-left: 18px;
}

/* ------------------------------------------------------------------------
	Modal window
------------------------------------------------------------------------- */

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait; z-index:5000;}

/* Container */
#modalContainer {background:url(../images/loading.gif) no-repeat center center;  height:500px; width:770px; top:5%; left:50%; margin-left: -385px; background-color:#fff; border:1px solid #000;}
    #modalContainer a.modalCloseImg {background:url(../images/close.gif) no-repeat; width:63px; height:15px; display:inline; z-index:3200; position:absolute; top:-20px; right:0px; cursor:pointer;}
    #modalContainer a.modalCloseImg:hover {background-position:0 -15px;}
    #modalContainer #basicModalContent {padding:50px;}

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

/* news feed  */
.feed ul li {
    list-style-position: inside;
    list-style-type: circle;
}