﻿/*
 * March 2008 Styles
 */
body 
{
	font-size: 12pt;
	font-family: Arial, Helvetica, Sans-Serif;
	color: #333333;
}
form 
{
	margin: 10px;
	padding: 0px;
}
a
{
	color: #337BBD;
	text-decoration: underline;
}
img
{
	border: 0px;	
}
.SiteWidth
{
	width: 1010px;	
}

table
{
	border-spacing: 0px;
	padding: 0px;	
}
tr
{
	vertical-align: top;	
}
td
{
	font-size: 11pt;
	padding: 0px;
}
#Content
{
	width: 675px;
	padding: 10px 10px 10px 10px;
}
#Footer 
{
	font-size: 70%;
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #000000;
}
#Footer p
{
	margin: 10px 0px 0px 0px;	
}
#Footer a
{
	text-decoration: none;
	color: #000000;	
	margin-right: 12px;
}
#Footer a:hover
{
	text-decoration: underline;
}

/*
* Menu
*/
#Header 
{
	/*background: url(../images/new/logo.gif) no-repeat;*/
	text-align: left;
	height: 103px;
	clear: both;
}
#Logo
{
	float: left;
	width: 405px;
	height: 76px;
	
}
#Logo h3
{
	font-size: 9pt;
	font-weight: normal;
	margin: -5px 0px 0px 210px;
	padding: 0;
	width: 405px;
	color: #00395A;
	font-style: italic;
}
#LoginBox 
{
	
	float: right;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: left;
	height: 60px;
	background: url(../images/new/bg_signin.gif) repeat-x;
	margin-bottom: 5px;
}
#LoginBox p 
{
	width: 60px;
	font-size: 10pt;
	float: left;
	margin: 5px 0px 0px 5px;
	font-weight: bold;
}
#LoginBox .bl {background: url(../images/new/cnr_b_bl.gif) 0 100% no-repeat;  height: 60px; width: 300px; vertical-align: middle; }
#LoginBox .br {background: url(../images/new/cnr_b_br.gif) 100% 100% no-repeat;height: 60px; width: 300px; }
#LoginBox .tl {background: url(../images/new/cnr_b_tl.gif) 0 0 no-repeat; height: 60px; width: 300px;  }
#LoginBox .tr {background: url(../images/new/cnr_b_tr.gif) 100% 0 no-repeat; height: 52px; width: 300px; padding-top: 8px; }
#LoginBox #Username 
{
	font-size: 1.0em;
	height: 17px;
	border: 1px solid #6699CC;
	width: 150px;
}
#LoginBox #Password 
{
	font-size: 1.0em;
	border: 1px solid #6699CC;
	height: 17px;
	width: 120px;
}
#LoginBox #offsiteSignin
{
	margin-top: 2px;
	margin-left: 2px;
}
#LoginBox input 
{
	float: left;
	margin-bottom: 3px;
}
#LoginBox label 
{
	height: 17px;
	display: block;
	float: left;
	vertical-align: middle;
	margin-top: 3px;
	width: 65px;
}
#HeadSiteMapLink
{
	float: right;
	margin-top: -22px;	
	margin-right: 10px;
}
#HeadSiteMapLink a
{
	font-size: 8.25pt;	
	text-decoration: none;
	color: #00395A;
}
#HeadSiteMapLink a:hover
{
	text-decoration: underline;	
}
#MainMenu 
{
	clear: both;
	background: url(../images/new/menu_off.gif) repeat-x;
	height: 27px;
	list-style-type: none;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}
#MainMenu ul { /* all lists */
	/*float: left; */

	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
	width: 855px; 
	list-style-type: none;
}
#MainMenu li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
	color: #00395A;
	height: 27px;
	margin-right: 1px;
}

#MainMenu li a
{
	font-size: 11pt;
	line-height: normal;
	display: block;
	height: 27px;
	vertical-align: middle;
	text-decoration: none;
	color: #00395A;
	text-align: center;
	/*float: left;
	padding: 5px 10px 0px 10px;*/
	
	width: 70px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 10px;
}

#MainMenu li:hover
{
	background: url(../images/new/menu_on.gif) repeat-x;
}

#MainMenu li:hover > a
{
	color: #FFFFFF;
}
#MainMenu .CurrentItem
{
	background: url(../images/new/menu_on.gif) repeat-x;
}
#MainMenu .CurrentItem a
{
	color: #FFFFFF;
}
#MainMenu li ul a /* level 2 a's */
{ 
	font-size: 11pt;
	line-height: normal;
	text-decoration: none;
	color: #00395A;
	text-align: left;
	display: block;
	/*float: left;*/
	width: 236px;
	height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 0px 8px;
}
#MainMenu li.sfhover ul a
{
	color: #00395A;
}
#MainMenu li ul a:hover, #MainMenu li.sfhover a 
{
	color: #ffffff;
}

#MainMenu li ul li:hover, #MainMenu li.sfhover
{
	background: #2E639E;
}
#MainMenu li ul /* second-level lists */
{ 
	margin-top: -7px; /* HACK */
	background: #E2EBF4;
	position: absolute;
	border: 1px solid #275385;
	border-left: 3px solid #275385;
	width: 252px;
	float: left;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#MainMenu li ul li /* IE HACK */
{
		height: 30px;
	
}

#MainMenu li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 220px;
}

#MainMenu li:hover ul ul, #MainMenu li:hover ul ul ul, #MainMenu li.sfhover ul ul, #MainMenu li.sfhover ul ul ul {
	left: -999em;
}

#MainMenu li:hover ul, #MainMenu li li:hover ul, #MainMenu li li li:hover ul, #MainMenu li.sfhover ul, #MainMenu li li.sfhover ul, #MainMenu li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}
#MainMenu a.widerMenu {
	width: 160px;
}



/*
* Home Page styles
*/
#HomeBoxes 
{
	border-left: 1px solid #666666;
	border-bottom: 2px solid #666666;
	margin-top: 10px;
	background: #9C9C9C;
}
#HomeBoxes th
{
	width: 165px;
	background: url(/images/march08/home_heading_bg.gif) repeat-x;
	text-align: left;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0px 10px 0px 10px;
	vertical-align: middle;
	height: 24px;
	border-right:1px solid #666666;
}
#HomeBoxes .Main
{
	background: url(/images/march08/home_box_bg.gif) repeat-x;
	height: 249px;
	padding: 4px;
	border-right:1px solid #666666;
	font-size: 80%;	
}
#HomeBoxes .Foot
{
	border-right:1px solid #666666;
	text-align: right;
}
#HomeBoxes .Foot a
{
	margin-right: 5px;	
	margin-bottom: 5px;
}
#HomeBoxes td h3
{
	font-size: 12pt;
	margin: 0px 0px 5px 0px;
}
#HomeBoxes td p
{
	margin: 0px;
	color: #666666;
}


#HomeSecondBox
{
	border: 1px solid #000000;
	margin-top: 10px;
	background: #ECECEC;
}
#HomeSecondBox th
{
	font-weight: bold;
	text-align: left;
	color: #666666;
	padding: 4px;
	border-bottom: 1px solid #666666;
}

#HomeSecondBox .Thumb
{
	float:	left;
	margin: 5px;
}
#HomeSecondBox h3
{
	font-weight: normal;
	font-size: 13pt;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#HomeSecondBox p
{
	color: #666666;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	font-size: 9.25pt;
}

/*
 * Sign Up page styles
 */

#FAQ a {
	line-height: 14pt;
}

#FAQ {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-decoration: none;
	text-align: left;
	padding: 2px 30px 20px 20px;
}

#FAQ h1 {
	color: #00395A;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 20px;
	margin: 20px 40px 15px 0px;
	text-decoration: none;
}

#FAQ h2 {
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14pt;
	margin: 15px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#FAQ h3 {
	color: #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	margin: 15px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}
#FAQ blockquote {
	margin: 0px 0px 0px 20px;
}

.TextBox {
	width: 200px;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	
}
.TextArea {
	width: 300px;
	height: 100px;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}
.DropDownList {
	width: 200px;
	font-family: Calibri, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}
.Button {
	
}
.Register .Label
{
	width: 140px;
}

.Register tr
{
	vertical-align: top;	
}
.Register label {
	/*width: 140px;
	float: left;*/
	
}
.Register h3 {
	color:#00395a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	margin-top:10px;
	margin-bottom:5px;
	font-style:italic;
}
.Hint
{
	/*width: 300px;*/
	
	border: 1px solid #555555;
	color: #555555;
	font-size: 9.25pt;
	padding: 5px;
	margin-bottom: 1px;
	line-height: normal;
	
	/*float: right;*/
	
}
.Register .TextBox
{
	width: 200px;
	border: 1px solid #555555;
	padding: 2px;
	color: #333333;
}
.Register .ErrorSummary
{
	background: #FFFFE1;
	padding: 8px;
	
	line-height: normal;
	margin: 5px;
}
.Register .Error {
	color: #CC0000;
	font-size: 9.25pt;
	line-height: normal;
	font-weight: bold;
	/*border: 1px solid #CC0000;*/
	padding: 2px;
	/*margin-left: 150px;*/
	width: 250px;
}
.Register textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.25pt;
}
.Register input 
{
	margin-bottom: 2px;	
	font-size: 12pt;
}
.Register select 
{
	margin-bottom: 2px;	
	margin-right: 2px;	
}
#PlanTitle {
	float: none;
	font-weight: bold;
	color:#337BBD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:0px;
	width: auto;
	display: block;
}

.Box {}
.Box .content { padding: 8px; height: 100%; }
.Box .head {background: url(../images/new/box_t.gif) repeat-x; height: 35px; width: 100%; font-weight: bold; color: #FFFFFF; }
.Box .tl {background: url(../images/new/box_tl.gif) 0 0 no-repeat; height: 35px; width: 100%;  }
.Box .tr {background: url(../images/new/box_tr.gif) 100% 0 no-repeat; height: 35px; width: 100%;  }

.Box .l {background: url(../images/new/box_l.gif) 0 0 repeat-y; width: 100%; min-height: 250px;  }
.Box .r {background: url(../images/new/box_r.gif) 100% 0 repeat-y; width: 100%; min-height: 250px;  }

.Box .b {background: url(../images/new/box_b.gif) 0 0 repeat-x; height: 6px; width: 100%;  }
.Box .bl {background: url(../images/new/box_bl.gif) 0 0 no-repeat; height: 6px; width: 100%;  }
.Box .br {background: url(../images/new/box_br.gif) 100% 0 no-repeat; height: 6px; width: 100%;  }


.Box .Price 
{
	font-size: 1.5em;
	color: #CC0000;	

	padding-left: 10px;
}
.Box .Price sup
{
	font-size: 0.8em;
}
.Box strong
{
	font-style: italic;
	color: #CC0000;	
} 

/*
 * Blog Styles
 */
 
 
.BlogH1
{
	font-family: "Trebuchet MS", Arial, Helvetica;
	text-decoration: none;
}
.BlogFoot
{
	border-top: 1px dotted #555555;
	font-size: 10px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: right;
}
.BlogDate
{
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}
#BlogArchive
{
	text-align: left;
	line-height: normal;
	font-size: 10pt;
	border-bottom: 2px solid #0571B9;
	background: url(/images/new/home_benefits_bg.gif) no-repeat #7EBFFC;
	padding: 20px;
	height: 100%;
}
#BlogArchive h3
{
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	/*border-bottom: 1px dotted #ffffff;*/
	font-weight: normal;
	font-size: 14pt;
}
#BlogArchive ul
{
	padding: 0px;
	margin: 0px;
}
#BlogArchive li
{
	list-style-type: none;
}
#BlogArchive a
{
	color: #ffffff;	
	
}
#BlogArchive a:visited
{
	color: #eeeeee;	
}
.Comment {
	margin:5px 0 10px 0;
	border-bottom: 1px dotted #555555;
}
.CommentName
{
	font-size: 9.25pt;
	margin: 0px 25px 0 0;
	padding:10px 25px 0px 10px;	
}
.CommentTime{
	font-size: 10px;
	color:#888888;
}

.Comment p{
	padding: 0 30px 10px 10px;
	font-size: 11pt;
}
.ComposerBody
{
	width: 400px;
	height: 90px;
	font-family: Arial, Helvetica;	
	font-size: 10pt;
}

#BlogPreview
{
	/*border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 3px solid #EBEBEB;*/
	font-size: 10pt;
	background: url(../images/new/benefits_bg.gif) no-repeat 0% 10%;
	/*background: #EBEBEB;*/
}
#BlogPreview h3
{
	background: #4787C5 url(../images/new/blue_grad.gif) repeat-x;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 0px;
	text-align: center;
	font-size: 12pt;
	font-weight: normal;
	color: #ffffff;
}
#BlogPreview a
{
	margin: 0px 40px 0px 30px;
	display: block;
}
#BlogPreview .Date
{
	text-align: right;
	margin: 0px 50px 0px 30px;
	display: block;
	color: #333333;
	font-size: 8.25pt;
	font-weight: bold;
}

/*
* Right bar
*/
#RightContent
{
	width: 327px;
	text-align: left;
	float: left;
	line-height: normal;
	font-size: 10pt;
}
.YellowBlock
{
	background: url(../images/new/plainyellow_bg.gif) no-repeat 100% 100% #DCF1A2;
	
	width: 327px;
}
.YellowBlock p
{
	padding: 0px 80px 0px 20px;	
	margin: 0px;
}
.YellowBrain
{
	background: url(../images/new/brain_bg.gif) no-repeat 100% 100% #DCF1A2;
	width: 327px;
}
.YellowBlock h3
{
	color: #00395A;
	font-size: 14pt;
	font-weight: lighter;
	padding: 0px 80px 13px 20px;	
	margin: 0px;
}
.YellowBlock h1
{
	font-size:15pt;
	color: #00395A;
	font-weight: bold;
	padding: 10px 80px 0px 20px;	
	margin: 0px;
}
.YellowBlock h2
{
	color: #337BBD;
	font-size: 1.3em;
	font-weight: lighter;
	padding: 10px 80px 5px 20px;	
	margin: 0px;
}

#SideBenefits 
{
	/*background: url(../images/new/benefits_bg.gif) no-repeat;*/
	padding: 10px 10px 10px 10px;
	text-align: left;
}
#SideBenefits p
{
	margin: 2px 5px 2px 20px;
	font-size: 0.9em;
}
#SideBenefits h2
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	display: block;
	font-weight: lighter;
	color:  #00395A;
	font-size: 14pt;
}
#SideBenefits h3
{
	margin: 2px 5px 2px 0px;
	padding: 0px;
	display: block;
	font-weight: lighter;
	color: #00395A;
	font-size: 12pt;
}

#Assessment
{
	background: url(../images/new/ass_bg.gif) no-repeat #0571B9;
	padding: 20px;
	height: 100%;
}
#Assessment h3
{
	color: #FFFFFF;
	font-size: small;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#Assessment h2
{
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	margin: 2px 0px 10px 0px;
	padding: 0px;
}
#Assessment p
{
	color: #ffffff;	
}

/*
* Sections
*/
#SectionContent
{
	
}
#SectionContent h1
{
	color: #00395A;
	font-size: 1.4em;
	font-weight: lighter;
	margin: 0px 0px 5px 0px;
}
#SectionContent h2
{
	color: #337BBD;
	font-size: 1.2em;
	font-weight: normal;
	margin: 10px 0px 5px 0px;
}
#SectionContent h5
{
	color: #337BBD;
	font-size: 1em;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
}
/* Attempt to give inserted pictures a border */
#SectionContent table
{
	border: 1px solid #cccccc;
	margin: 5px;
}
#SectionContent table td
{
	font-size: 9pt;
	line-height: normal;	
	padding: 5px;
	text-align: center;
}
/*
 * Sign Up
 */
#SignUp table
{
	border: 0px;
}
#SignUp table td
{
	text-align: left;
}
#SignUp strong
{
	color: #CC0000;
	font-style: italic;	
}