/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

/* Normalizes font-size for headers */
/*h1, h2, h3, h4, h5, h6 { font-size: 100%; }*/

/* Removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* Removes border styles from tables */
table { border-collapse: collapse; border-spacing: 0; }

/* Removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left aligns text in caption and th */
caption, th { text-align: left; }

/* Removes quotation marks from q */
q:before, q:after { content: ''; }

/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a { text-decoration: none; }

/***********************************
		=Gen Styling
***********************************/
body 
{
	background: url(../images/bg_mainPattern.png); 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
 }
h2, h3, h4, P{
padding-top: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

h2{ font-size: 200%;
color:#0256a3;
font-weight: normal;}

h3{
color:#0256a3;
font-size: 150%;
}

h4{ font-size: 120%;
color:#0256a3;}

a { font-size: 10px; color: #333; }

/* Gilder / Levin Image Replacement */
.ir { display: block; /*position: relative;*/ overflow: hidden; }
	.ir em 
	{ 
		display: block; 
		/*position: absolute; */
		top: 0px; 
		left: 0px; 
		height: 100%; 
		width: 100%; 
		background-repeat: no-repeat; 
		background-position: top left;
	}
	
	a em { cursor: pointer; }


/***********************************
		=Wrappers
***********************************/
	#outerWrapper 
	{			
		margin:0px auto;
		width:770px;
		padding: 10px;
		background-color:#FFFFFF;
		height:100%;
		position: relative;
	}
		#wrapper 
		{ 
			bottom:0px;
		}
		
		#contentWrapper 
		{
			background: url(../images/sb_content.gif) no-repeat top left;
			padding-top: 20px;
			width:100%;
		}
		
			#content { padding: 0px 0px 0 3px; width: 682px; top:0px; float: right; height:auto;}
				.leftColumn		{width: 457px; float: left; margin-right: 12px; padding-right: 11px;}
				.leftColumnFull { width:681px; float:none; }
				.mainMenu {position: relative; left: 0px;}
				


/***********************************
		=Header
***********************************/
		
#header 
{
	background-image:url(../images/sb_headerbg.gif);
	background-position:bottom;
	height:75px;
	top: 0px; 
	left: 0px;  
	width:100%
 }
	.logo {height: 75px;  }
		.logo em { background: url(../images/sb_logo.gif) no-repeat top left; }

	.loginControls { position: absolute; right:30px; top: 12px; color:#f1f1f1;}
		.loginControls a 
		{ 
			text-decoration:none;
			color:#f1f1f1;
		}
		.searchWrapper 
		{ 
			position: absolute;
			right: 0px;
			top: 37px;
		}
			
			.searchWrapper input 
			{ 
				width: 140px;
				height: 21px;
				border-top: solid 1px #b7b7b7;
				border-left: solid 1px #b7b7b7;
				border-right: solid 1px #efefef;
				border-bottom: solid 1px #efefef;
			}
		
			.searchWrapper a {display:inline-block; width: 26px; height: 24px; bottom:0px; top:3px;}
				.searchWrapper a em { background: url(../images/sb_but_go.gif) no-repeat  bottom left ; }

.subHeader
{
	top: 0px;
	height:170px;
	width: 470px;
}
.searchButton input {
    background: url(  '../images/sb_but_go.gif' ) no-repeat bottom left;
    border-style: none;
    padding: 0;
    height: 24px;
    width: 54px;
    cursor: pointer;
    display: inline-block; 
    /*float: right;*/
}

/***********************************
		=mainMenu
***********************************/
#menu 
{
	background-image: url(../images/sb_navigation.gif);
	background-repeat: repeat-x;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#FFFFFF;
		
		padding:0px;

 }

#nav, #nav ul {padding: 0;margin: 0; list-style: none;float: left; font-weight: 700; font-size: 12px; z-index:150;position:relative;}

/*first level*/
#nav li {position: relative;float: left; padding: 0px 18px 0px 18px}
#nav li a {font-size:9pt;}

/*#nav li.nav1 { padding: 0px 17px 0px 17px; background-image:url(../images/menu_div.gif); background-repeat: no-repeat; background-position:right; }*/

/*#nav li.nav1Last { padding: 0px 7px 0px 7px; }*/

/*second level position*/
#nav li ul {position: absolute; left: -999em; margin-top:0px; border-bottom:0px;   width:140px;  font-size:  12px; z-index:150;}
#nav li ul a {font-size:8pt;}

/*controls font color and style for first level menu items*/
#nav li a {display: block; color: #fff; text-decoration: none; padding:7px;}
#nav li a:hover {color: #f6fbc6;}
#nav li a.navlinkon{color: #f6fbc6;}

/*controls font color and style for second level menu items*/

#nav li ul li a {display: block; color: #538345; text-decoration: none; background-color:#e1efde;
 padding:3px; padding-left:7px; width:140px; border-bottom: solid 1px #fff;border-left: solid 1px #fff;border-right: solid 1px #fff;}

#nav li ul li.li_first a { border: solid 1px #fff;} 
 
#nav li ul li a:hover { color: #538345; background-color:#bbd6b3;}


#nav LI UL UL, #nav LI UL UL UL {
	MARGIN: -2em 0px 0px 122px
}


/*Hidden nav positioning DO NOT Adjust*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}



/***********************************
		=leftContentStyling
***********************************/
.leftColumn, .rightColumn {  margin: 23px 0 0 0; overflow: hidden; position: relative;}
.leftColumn { border-right: solid 1px #CCCCCC; padding: 0px 11px 0 0; margin-right: 12px;}
.leftColumnFull { border-right: 0; }
	.postTitle, .postTitle a { font-size: 38px; font-weight: normal; display: block; margin: 60px 0 12px 0; clear: left;}
	
	.firstPostTitle a, .firstPostTitle { margin: 0px 0 12px 0 !important; }
	
		.postTitle a:hover { text-decoration: underline; }
	.postBodyParagraph { display: block; margin: 0 0 20px 0; }

	.postBodyParagraph em { font-weight: bold; }
	.leftColumn .hilite { color: #106671; }
	
	.postInteractionLinks { position: absolute; right: 0px;}
		.roundedLinkWrapper 
		{ 
			background: url(../images/btn_contentCenter.png) repeat-x top left; 
			display: block; margin: 0 10px 0 0; 
			text-decoration: underline; 
			width: auto; 
			float: left;
			cursor: pointer;
		}
			.roundedLinkWrapper span 
			{
				padding-left: 5px;
				background: url(../images/btn_contentLeft.png) no-repeat top left;
				display: block;
				float: left;
			}	
				.roundedLinkWrapper span span
				{ 
					text-transform: lowercase; 
					line-height: 22px;
					height: 22px;
					display: block;
					padding-right: 5px;
					background: url(../images/btn_contentRight.png) no-repeat top right;
					float: left;
				}
			

/***********************************
		=rightContentStyling
***********************************/
.rightColumn 
{ 
	width: 197px;
	float: left;
}

	.rollerModule { margin: 0 0 25px 0; }
	.rollerModule * { padding: 0 15px; }
	
	.rollerModule h3, .rollerModule h3 a 
	{ 
		font-size: 20px; 
		font-weight: normal; 
		font-family: georgia; 
		color: white;
	}
	
	.rollerModule h3 { line-height: 32px; height: 32px;}
		.rollerModule  h3 a { padding: 0px; }
	.rollerModule p { padding-top: 15px; }
	
		.rollerModule .learnMoreLink { padding: 0 0 3px 0; display: block; text-align: right; text-decoration: underline; text-transform: lowercase;}
	
	.rollerModule .rollerModuleFooter 
	{ 
		display: block;
		line-height: 25px;
		height: 25px;
		text-decoration: underline;
	}


	/** BLUE **/
	.rollerModuleBlue h3 { background: url(../images/bg_roundTopBlue.png) no-repeat top left; }
	.rollerModuleBlue p { background: #bedde1; }
	.rollerModuleBlue p.alt { background: #cbe4e7; }
	.rollerModuleBlue .rollerModuleFooter { background: url(../images/bg_roundBottomBlue.png) no-repeat top left; }
	
	/** GREEN **/
	.rollerModuleGreen h3 { background: url(../images/bg_roundTopGreen.png) no-repeat top left; }
	.rollerModuleGreen p { background: #bedebc; }
	.rollerModuleGreen p.alt { background: #cbe5c9; }
	.rollerModuleGreen .rollerModuleFooter { background: url(../images/bg_roundBottomGreen.png) no-repeat top left; }
/***********************************
		=footer
***********************************/
#footer 
{
	clear:both;

background-image: url(../images/sb_footerbg.gif);
background-repeat: repeat-y;
padding: 5px;
text-align:right;
color:#13a6b6;

/*	margin-left: 206px;
	padding: 23px;
	padding-top: 20px;
	background: url(../images/sb_footerbg.gif) no-repeat bottom left;
	font-size: 10px;
	line-height: 14px;
	clear: both;
	height: 1%;*/
}

	#footer span { display: block; }
	
	#footer .membership { padding: 15px 0 0 0; border-top: solid 1px #ccc;}
		#footer .poweredBy a { color: #238796; }
			.poweredBy a:hover { text-decoration: underline∂; }








/* CONTACT PAGE FORM */
.contact .form_field_pair { padding-bottom:15px; }
.contact .form_field { margin-top:5px; }
.contact .subject input { width:300px; }
.contact .name input { width:300px; }
.contact .email input { width:300px; }
.contact .message textarea { width:400px; }