/******************************************************************************************************
 * This file represents the common styles used throughout all the pages on the site. It defines all
 * layout rules, base font styles, and common content elements.
 ******************************************************************************************************/

/** Basic Text Styles  ************************************************************************************/

h2{
	font:bold 2.0em helvetica,arial,sans-serif;
	color:#009b7b;
	text-transform:uppercase;
	background: url(Images/Shared/hr_h2_gradient.gif) repeat-x;
	padding-bottom:10px;
}
h2.AltH2{
	text-transform:none;
}
h3{
	/*font:bold 1.6em helvetica,arial,sans-serif;*/
	color:#333;
	text-transform:uppercase;
}
h3.AltH3 {
    color:#009B7B;
    margin:20px 0 5px 0;
    text-transform:none;
    background: url(Images/Shared/hr_dotted.gif) bottom repeat-x;
    padding-bottom:2px;
}
h3.GraphicalH3{
    background: url(Images/Shared/hr_dotted.gif) bottom repeat-x;
    padding-bottom:4px;
    color:#009B7B;
    margin:20px 0 5px 0;
    text-transform:none;	
}
h3.GraphicalH3 img{
	position:relative;
	top:5px;
	padding-right:5px;	
}

h4{
	font:bold 1.4em helvetica,arial,sans-serif;
	text-transform:uppercase;	
}
h5{
	font:bold 1.6em helvetica,arial,sans-serif;
}
h6{
	font:bold 1.4em helvetica,arial,sans-serif;
}

a, a:visited{
	text-decoration:none;
	color:#005cab;
}
a:hover, a:active,
a:hover h3, a:active h3{
	text-decoration:underline;
	color:#004075;
}

h2 a, h2 a:visited {
	text-decoration:none;
	color:#009b7b;
}
h2 a:hover, h2 a:active{
	text-decoration:underline;
	color:#06735d;
}

a.ArticleCommentsLink:link,
a.ArticleCommentsLink:visited {
	color:#333;
	font-weight:bold;
	font-size:0.9em;
}
a.ArticleCommentsLink:hover
a.ArticleCommentsLink:active {
	color:#000;	
}
.ErrorTxt{
	color:Red;
}
.NoFlash,
.NoFlashNoScript {
    font-size: 1.8em;
    padding: 36px;
}
.NoFlash {
    text-indent: -9999px;
}

ul.NestedList{
	margin-left:30px;
	list-style: none;
}
ul.NestedList li{
	padding:3px 0 3px 11px;
	background:url(Images/Shared/bullet2.gif) no-repeat 0 0.55em;
}
sup{
	font-size:0.7em;
}
blockquote{
	font-style:italic;
}

/** Sitewide Trickery  **********************************************************************************/

.ContentPadded{ /* Compensates for the smaller margin in place due to the outer shadows */
	margin:0 4px;
}
.ContentPaddedMore{ /* for less-busy pages with more room on the sides */
	margin:0 12px;
}
.hideText{
	text-indent:-9000px;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
}
.clearDiv{ /* add this after a floated element to clear when there's nothing below it but you need to force a box-height */
	clear:both;
	overflow:hidden;
	height:1px;
	padding:0;
	margin:0;
}
.Hidden{
	display:none;
}
.hrDotted{
	height:1px;
	background:url(Images/Shared/hr_dotted.gif) repeat-x top;
	overflow:hidden;
}
.hrSolid{
	height:0px;
	border-bottom:solid 1px #ddd;
	overflow:hidden;
}
.hrSolidDark{
	height:0px;
	border-bottom:solid 1px #BFBFBF;
	overflow:hidden;
}
.hrDotted hr,
.hrSolid hr,
.hrSolidDark hr{
	display:none;
}
.MarginTopBtm{
	margin-top:12px;
	margin-bottom:12px;
}
.PadBottom{
	padding-bottom:12px;
}


/* Compensate for the fact that shadowed boxes have a 4px shadow border that shouldn't count any width */
.indentLeft{
	margin-left:4px;
}
.indentRight{
	margin-right:4px;
}
.indentBoth{
	margin-left:4px;
	margin-right:4px;
}





/** Content Standard Footer  ***************************************************************************/

.ContentStandardFooter{
	margin:10px 0 15px 20px;
	width:692px;
	height:29px;
	float:left;
}
.ContentStandardFooter .hrSolid{
	margin-bottom:6px;
}
.ContentStandardFooterLeft{
	float:left;
}
.ContentStandardFooterLeft img{
	position:relative;
	top:4px;
}
.ContentStandardFooterLeft h2{
	padding:0 3px 0 1px;
	margin:0;
	background:none;
	letter-spacing:-0.05em;
}
.ContentStandardFooterLeft h2, .ContentStandardFooterLeft h6{
	display:inline;
	vertical-align:baseline;
	margin-bottom:4px;
	background:none;
	padding:0;
	margin:0;
}
.ContentStandardFooterLeft h2{
	font-size:1.8em;
}
.ContentStandardFooterLeft h6{
	font-size:1.3em;
	font-weight:normal;
}
.ContentStandardFooter .SubscribeButton{
	float:right;
	position:relative;
	top:3px;
}





.PaginationWrapper{
	margin:14px 0 0 0;
	padding:0;
	height:24px;
}
.Pagination{
	float:right;
	border:none;
	padding:0 40px 0 0;
	margin:0;
    color: #707070;
    font-size:1.4em;
}
.Pagination .nextPageActive,
.Pagination .previousPageActive,
.Pagination .activePage{
	font-weight:bold;
}

.PaginationWrapper .OppositePaginationContainer{
	float:left;
	font-size:1.4em;
	padding:0 0 0 10px;
}



/** Global Callouts  ***************************************************************************/
/** Basic Content Divs  *********************************************************************************************/

.CalloutTwoThirdsWideA,
.CalloutTwoThirdsWideB,
.CalloutTwoThirdsWideC{	
	width:692px;
}
.CalloutTwoThirdsWideC{	
	margin-top:3px;
}
.CalloutTwoThirdsWideA div.Top,
.CalloutTwoThirdsWideB div.Top,
.CalloutTwoThirdsWideC div.Top{
	width:692px;
}
.CalloutTwoThirdsWideA div.Top div.Content,
.CalloutTwoThirdsWideB div.Top div.Content{
	width:672px;
	padding:10px;
}
.CalloutTwoThirdsWideC div.Top div.Content{
	width:664px;
	padding:14px;
	min-height:40px; /* not a big deal if this doesn't work in ie6; just make sure the content is tall enough. */
}

.CalloutOneThirdWideA,
.CalloutOneThirdWideB,
.CalloutOneThirdWideC{
	width:341px;
	margin-top:6px;
}
.CalloutOneThirdWideA div.Top,
.CalloutOneThirdWideB div.Top,
.CalloutOneThirdWideC div.Top{
	width:341px;
}
.CalloutOneThirdWideA div.Top div.Content{
	width:321px;
	padding:10px;
}
.CalloutOneThirdWideB div.Top div.Content{
	width:315px;
	padding:13px;
}
.CalloutOneThirdWideC div.Top div.Content{
	width:301px;
	padding:20px;
}

.CalloutTwoThirdsWideA{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideA_bg.gif) repeat-y;}
.CalloutTwoThirdsWideA div.Top{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideA_top.gif) no-repeat top;}
.CalloutTwoThirdsWideA div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideA_btm.gif) no-repeat bottom;}
.CalloutTwoThirdsWideB{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideB_bg.gif) repeat-y;}
.CalloutTwoThirdsWideB div.Top{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideB_top.gif) no-repeat top;}
.CalloutTwoThirdsWideB div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideB_btm.gif) no-repeat bottom;}
.CalloutTwoThirdsWideC{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideC_bg.gif) repeat-y;}
.CalloutTwoThirdsWideC div.Top{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideC_top.gif) no-repeat top;}
.CalloutTwoThirdsWideC div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsWideC_btm.gif) no-repeat bottom;}
.CalloutOneThirdWideA{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideA_bg.gif) repeat-y;}
.CalloutOneThirdWideA div.Top{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideA_top.gif) no-repeat top;}
.CalloutOneThirdWideA div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideA_btm.gif) no-repeat bottom;}
.CalloutOneThirdWideB{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideB_bg.gif) repeat-y;}
.CalloutOneThirdWideB div.Top{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideB_top.gif) no-repeat top;}
.CalloutOneThirdWideB div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideB_btm.gif) no-repeat bottom;}
.CalloutOneThirdWideC{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideC_bg.gif) repeat-y;}
.CalloutOneThirdWideC div.Top{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideC_top.gif) no-repeat top;}
.CalloutOneThirdWideC div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutOneThirdWideC_btm.gif) no-repeat bottom;}



.CalloutTwoThirdsNarrowB{	
	width:599px;
	margin-left:35px;
}
.CalloutTwoThirdsNarrowB div.Top{
	width:599px;
}
.CalloutTwoThirdsNarrowB div.Top div.Content{
	width:569px;
	padding:28px 15px 15px;
}
.CalloutTwoThirdsNarrowB{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsNarrowB_bg.gif) repeat-y;}
.CalloutTwoThirdsNarrowB div.Top{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsNarrowB_top.gif) no-repeat top;}
.CalloutTwoThirdsNarrowB div.Top div.Content{background: url(Images/Shared/StandardCallouts/calloutTwoThirdsNarrowB_btm.gif) no-repeat bottom;}



.CalloutAlmostTwoThirdsWideB{	
	width:666px;
}
.CalloutAlmostTwoThirdsWideB div.Top{
	width:666px;
}
.CalloutAlmostTwoThirdsWideB div.Top div.Content{
	width:636px;
	padding:28px 15px 15px;
}
.CalloutAlmostTwoThirdsWideB{background: url(Images/Shared/StandardCallouts/CalloutAlmostTwoThirdsWideB_bg.gif) repeat-y;}
.CalloutAlmostTwoThirdsWideB div.Top{background: url(Images/Shared/StandardCallouts/CalloutAlmostTwoThirdsWideB_top.gif) no-repeat top;}
.CalloutAlmostTwoThirdsWideB div.Top div.Content{background: url(Images/Shared/StandardCallouts/CalloutAlmostTwoThirdsWideB_btm.gif) no-repeat bottom;}



.CalloutGenericTopRow{
	background:url(Images/Shared/StandardCallouts/calloutStandard_top_Gradient.gif) repeat-x;
}
.CalloutGenericTopRow h3{
	padding:5px 0 5px 7px;
	font-weight:bold;
}


/** Article Pictures  ***************************************************************************/

.ArticlePictureSmallRectShadow{
	width:105px;
	height:73px;
	padding:5px;
	background:url(Images/Shared/ArticlePictureSmallRectShadowBG.gif) no-repeat;
	margin-right:6px;
	float:left;
	overflow:visible;
}
.ArticlePictureBigRectShadow{
	width:215px;
	height:153px;
	padding:5px;
	background:url(Images/Shared/ArticlePictureBigRectShadowBG.gif) no-repeat;
	margin-right:10px;
	float:left;
	overflow:visible;
}



/** Global Form Styles  ***************************************************************************/

.GeneralFormLabel{
	padding:6px 2px 6px 0;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	width:150px;
}
.BigboxFormLabel{
	padding:0px 2px 6px 0;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	width:150px;
}
.GeneralFormLabelAlt{
	padding:0 10px 6px 0;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	width:150px;
}
.GeneralFormLabelText{
	font-weight:bold;
}
.GeneralFormAsterisk{
	width:5px;
	vertical-align:top;
}
.GeneralFormTextbox{
	padding:6px 0;
	width:220px;
}
.GeneralFormTextbox input{
	width:210px;
	padding:2px;
	border:solid 1px #7F9DB9;
}
.GeneralFormTextbox select{
	padding:1px;
	border:solid 1px #7F9DB9;
}

/** ERROR MESSAGING ***********************/

.ErrorListWrapper{
	padding-top:8px;
	font-size:1.4em;
}
.ErrorListWrapper ul{
	margin: .5em 0;
}
.ErrorListWrapper ul li{
	color:Red;
	background:none;
	font-size:.8em;
	line-height: 1.2em;
	margin: .25em 0;
}
.MessagingAsterisk{
	width:5px;
	vertical-align:top;
}

.HeaderFeedbackBar{
	display:none;
}
.NegativeFeedbackHeaderBar,
.PositiveFeedbackHeaderBar{
	text-align:center;
	margin:0 10px 8px 5px;
	padding:0 10px;
	/*font-size:1.6em;*/
	font-weight:normal;
	vertical-align:top;
	line-height:1em;
}
.NegativeFeedbackHeaderBar .NegativeIcon,
.PositiveFeedbackHeaderBar .PositiveIcon{
	padding-top:4px;
	padding-bottom:2px;
	padding-right:6px;
}
.NegativeFeedbackHeaderBar .PositiveIcon,
.PositiveFeedbackHeaderBar .NegativeIcon{
	display:none;
}
.NegativeFeedbackHeaderBar span,
.PositiveFeedbackHeaderBar span{
	position:relative;
	top:-4px;
}


.NegativeFeedbackHeaderBar ul,
.PositiveFeedbackHeaderBar ul{
	margin:0;
	display:inline;
}
.NegativeFeedbackHeaderBar div,
.PositiveFeedbackHeaderBar div{
	margin:0;
	display:inline;
	position:relative;
	top:-4px;
}
.NegativeFeedbackHeaderBar ul li,
.PositiveFeedbackHeaderBar ul li{
	color:#CB0505;
	background:none;
	font-size:1.0em;
	display:inline;
	padding-top:0;
	padding-left:1px;
}

.PositiveFeedbackHeaderBar{
	border:solid 2px #55BCA7;
	color:#009B7B;
}
.NegativeFeedbackHeaderBar{
	border:solid 2px #CB0505;
	color:#CB0505;
}

.LittleContentPage{
	margin:0px 0px 0 0px;
}
.LittleContentPage h2{
	padding-bottom:20px;
}
.LittleContentPage p{
	padding-bottom:15px;
}
.LittleContentPage p,
.LittleContentPage ul{
	padding-right:150px;
}