/* version 1.1 */

/* main content space */
#content .main {
	clear: left;
	width: 695px;
	float: left;
}


/* top box */
#content .promo {
	float: left;
	padding-bottom: 16px;
	background-color: #f3f3f3;
	border-top: 4px solid #949494;
}

#content .promo *{
	margin: 0;
	padding: 0;
}
#content #expand-btn {
	line-height: 16px;
	margin-left: 20px;
	margin-top:10px;
}
#content #expand-btn a.callout {
	padding-left: 5px;
}
#content #promo-text {
	float: left;
	margin: 16px 20px 0;
	width:655px;
	height: auto;
	overflow: hidden;
	color: #505050;
	font: 12px verdana, tahoma, serif;
	background: transparent url('../images/promo_background.png') top left repeat-y;
}

#content #promo-text ul,
#content #promo-text ol,
#content #promo-text li {
	padding-left:5px;
	margin-left: 5px;
	line-height: 16px;
}

#content #promo-text-left {
	float: left;
	width:420px;
	margin-right: 50px;
}
#content #promo-text-right {
	float: left;
	width:165px;
	margin-left: 20px;
}

#content #promo-text-left p,
#content #promo-text-right p {
	line-height: 18px;
	margin-top: 16px;
}
#promo-text h2{
	color: #505050;
	font-size: 32px;
	line-height: 32px;
}
#content #promo-text a{
	color:#11568b;
	text-decoration: none;
}
#content #promo-text a:hover{
	text-decoration: underline;
}

#content #promo-text-right p.strong {
	color: #505050;
	font: bold 10px verdana, tahoma, serif;
}
#content #promo-text-right p.quote {
	margin-top: 5px;
	margin-bottom: 16px;
	font: italic 13px Georgia, serif;
	text-indent: -5px;
	line-height: 18px;
}

/* top box video */
#content .promo-video {
	float: left;
	padding-bottom: 16px;
	background-color: #f3f3f3;
	border-top: 4px solid #949494;
}

#content .promo-video *{
	margin: 0;
	padding: 0;
}

#content #expand-btn-video {
	line-height: 16px;
	margin-top: 10px;
	padding-left: 20px;
}

#content #expand-btn-video a.callout {
	padding-left: 5px;
}

#content #promo-text-video {
	float: left;
	margin: 16px 20px 0;
	width:655px;
	height: auto;
	overflow: hidden;
	color: #505050;
	font: 12px verdana, tahoma, serif;
	/*background: transparent url('../images/promo_background.png') top left repeat-y;*/
}

#content #promo-text-video ul,
#content #promo-text-video ol,
#content #promo-text-video li {
	padding-left:5px;
	margin-left: 5px;
	line-height: 16px;
}

#content #promo-text-left-video {
	float: left;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	border-style:solid;
	border-width:thin;
}


#content #promo-text-right-video {
	width:330px;
	margin-left: 20px;
}

#content #promo-text-left-video p,
#content #promo-text-right-video p {
	line-height: 18px;
	margin-top: 16px;
}

#promo-text-video h2{
	color: #505050;
	font-size: 32px;
	line-height: 32px;
}

#content #promo-text-video a{
	color:#11568b;
	text-decoration: none;
}

#content #promo-text-video a:hover{
	text-decoration: underline;
}

#content #promo-text-right-video p.strong {
	color: #505050;
	font: bold 10px verdana, tahoma, serif;
}

#content #promo-text-right-video p.quote {
	margin-top: 5px;
	margin-bottom: 16px;
	font: italic 13px georgia, serif;
	text-indent: -5px;
	line-height: 18px;
}

/* main content text */
#content .text {
	clear:both;
	width:650px;
	margin: 25px auto;
}
#content .text h2 {
	font-size: 22px;
}
#content .text h3 {
	color:#606060;
	font: bold 12px verdana, tahoma, serif;
}
#content .text ul,
#content .text li {
	font: normal 11px verdana, arial, sans-serif;
}
#content .blurb p {
	margin-top:0;
}
#content .blurb h4 a {
	color:#11568b;
	font: bold 11px verdana, tahoma, serif;
}
#content .text p {
	font: normal 11px verdana, tahoma, serif;
}
#content .text a {
	color: #11568b;
	text-decoration: none;
	font: 11px verdana, tahoma, serif;
}
#content .text a:hover {
	text-decoration:underline;
}
#content a.button-left {
	color: #ffffff;
	text-decoration: none;
}
#content a:hover.button-left {
	text-decoration: none;
}
#content .main .callout {
	font: bold 10px verdana, tahoma, sans-serif;
	margin-left: 0px;
	border-left: 2px solid #11568b;
	text-decoration: none;
}

#content .main a:hover.callout {
	text-decoration: underline;
}

#content .gray-bold {
	color: #606060;
	font-weight: bold;
}

/* two column layout*/
#content .bordered-columns, #content .unbordered-columns {
	float:left;
	margin-bottom: 16px;
	background: url("../images/col_divider.jpg") top left repeat-y;
}

#content .unbordered-columns {
	background:none;
	margin-top: 8px;
}

#content .column-left {
	width:300px;
	float:left;
	padding-right: 10px;
	margin-right:15px;
}

#content .column-right {
	width:318px;
	float:left;
	margin-left:7px;
}

#content .divider {
	float:left;
	clear:both;
	width:650px;
	height:2px;
	margin: 0 0 16px 0;
	border-bottom: 1px solid #dfdfdf;
}

/*box content */
#content .boxes-left,
#content .boxes-right{
	width:325px;
	float:left;
}

#content .box a {
	float:left;
	padding:8px;
	margin-top: 8px;
	text-decoration:none;
}

#content .box .link-text {
	width: 195px;
	float:left;
	color:#606060;
	font: normal 10px verdana, serif;
}

#content .box .box-image {
	width: 88px;
	height: 88px;
	float:left;
	margin-right:10px;
	border: 3px solid #cdcdcd;
}

#content .box h3 {
	color:#11568b;
	font: bold 11px verdana, tahoma, serif;
}

/* box hover state */
#content .box a:hover {
	background:#eaeaea;
	text-decoration:none;
}

/* sidebar */
#content .sidebar {
	width: 241px;
	float: left;
	margin-left: 24px;
}

#content .sidebar h2 {
	font: normal 17px georgia, serif;
	color: #343434;
	margin: 0 0 20px 0;
}

#content .sidebar ul {
	margin: 0;
	padding: 0;
	font-size: 8pt;
}
#content .sidebar li {
	color:#606060;
	margin: 5px 0 10px 10px;
	padding: 0;
}

#content .sidebar li a{
	text-decoration: none;
}

#content .sidebar li a:hover{
	text-decoration: underline;
}

/* sidebar boxes */
#content .outer-box, #content .outer-box-alt{
	padding: 20px 10px 17px 10px;
	background-color: #d8d8d8;
	border-top: 4px solid #949494;
	margin-bottom:25px;
}

#content .outer-box-alt {
	padding: 17px 23px 17px 23px;
}

#content .inner-box {
	padding: 7px 14px 7px 14px;
	margin-bottom:10px;
	background-color: #f1f1f1;
}

#content .inner-box h3 {
	margin:0 0 10px 0;
	padding:0;
	color: #343434;
	font: italic 14px georgia, serif;
}

#content .inner-box li {
	list-style-type:none;
	margin:5px 0 10px 0;
	padding-left:22px;
	min-height:19px;
	font-size:10px;
}

#content .inner-box li.pdf {
	background: transparent url("../images/resource_pdf.png") top left no-repeat;
}

#content .inner-box li.doc {
	background: transparent url("../images/resource_doc.png") top left no-repeat;
}

#content .inner-box .doc-title {
	color:#11568b;
	font-weight:600;
}

/* sidebar promo images */
#content .sidebar .content-promo {
	width:241px;
	margin-bottom:25px;
}