/***********************************************/
/* 2col_leftNav.css                            */
/* Use with template 2col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3E3890;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #FCF1DF;
}
#wrapper {
	margin: auto;
	width: 750px;
	border: 1px solid #D1E5E6;
	background-color: #FFFFFF;
	background-image: url(wrapperback.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding: 0;
	position: relative;
}


a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
}

h2{
 font-size: 14px;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
}

ul ul{
 list-style-type: none;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0;
	height: 120px;
	text-align: right;
}

#navBar{
	padding: 0;
	width: 270px;
	float: left;
	position: relative;
}

#content{
	margin: 0;
	float: right;
	width: 450px;
	position: relative;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0;
	padding: 10px 0px 0px 20px;
	font-family: Papyrus, Georgia, Times, "Times New Roman", serif;
	font-size: 53px;
	font-weight: bold;
	color: #40A4C8;
}


/*************** #pageName styles **************/

#pageName{
	padding: 10px 10px 10px 0px;
	color: #DB1866;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	display: block;
	height: 35px;
	margin: 0;
}


/************* #globalNav styles **************/

#globalNav{
	color: #000000;
	padding: 7px 15px 0px 0px;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: right;
	white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a, #globalnav a:v {
	padding: 0px 4px 0px 0px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 10px 5px 10px 20px;
	font-size: 12px;
	clear: right;
	margin-right: 20px;
	display: block;
}

.feature h3{
	padding: 20px 0px 12px;
	font-size: 13px;
	letter-spacing: 0.06em;
}

.feature img{
	padding: 0px 0px 0px 10px;
	margin: 0 0px 5px 5;
	float: right;
}
/* adjust margins to change separation between the feature image and text flowing around it */


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 10px;
	color: #40A4C8;
	width: 750px;
	margin: 20px auto auto;
	text-align: center;
}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they "touch" */

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	padding-bottom: 7px;
	padding-left: 25px;
}

/* fix for browsers that don't need the hack */
html>body #navBar li {
}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	padding: 0px 8px 0px 0px;
	border: 1px solid #f4f4f4;
	width: 245px;
	margin-left: 5px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a:link, #sectionLinks a:visited{
	padding: 2px 0px 2px 5px;
	width: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	color: #DB1866;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}



#sectionLinks a:hover{
	color: #439BC3;
	text-decoration: underline;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	margin: 6px 5px 0px;
	padding: 10px 0px 10px 6px;
	font-size: 11px;
	border: 1px solid #D1E5E6;
	background-color: #FEFAF3;
	width: 248px;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}


/************** #advert styles **************/

 #navBar #advert{
	font-size: 11px;
	border: 1px solid #F4F4F4;
	margin-top: 10px;
	text-align: center;
	color: #3952A1;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 220px;
	display: block;
}

#advert img{
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	text-align: center;
	display: block;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}
#content .feature ul {
	list-style-type: none;
	position: relative;
}
#wrapper #content .feature li {
	display: block;
}
.mainlist {
	color: #003333;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-top: 3px;
	font-size: 12px;
	float: none;
}#wrapper #content .feature .mainlist li {
	background-position: left 10px;
	background-image: url(bullet.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 45px;
	text-align: left;
	margin: 0px;
	display: block;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#wrapper #navBar .mainlist li {
	background-position: left 10px;
	background-image: url(bullet.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 30px;
	text-align: left;
	margin: 0px;
	display: block;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#navbar .mainlist li {
	background-position: left top;
	background-image: url(../bullet.gif);
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 35px;
	text-align: left;
	margin: 10px 0px;
	display: block;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
#siteInfo a {
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0.1em;
}
#sectionLinks h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #3952A1;
	font-size: 20px;
	display: block;
	padding-left: 15px;
}
.frontquote {
	color: #DB1866;
	font-size: 18px;
	padding-right: 10px;
	padding-top: 20px;
	padding-left: 20px;
}/* These are standard sIFR styles... they must be included... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}
.quote {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	color: #006633;
	background-color: #EBF1F0;
	border: 1px solid #C5D6D2;
	padding: 10px;
}


span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... Make sure to change these for your own font... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash #siteName {
	visibility: hidden;
	font: 48px;
	line-height: normal;
	text-align:center;
padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:0px;
	
}
	
.sIFR-hasFlash #sectionLinks h2 {
	visibility: hidden;
	font: 24px Arial, sans-serif;
	line-height: normal;
	text-align:center;
	color: #ffffff;
	padding-left: 15px;
	
}
.sIFR-hasFlash #advert h2 {
	visibility: hidden;
	font: 22px Arial, sans-serif;
	line-height: normal;
	color: #ffffff;
	padding-left: 40px;
	
}.sIFR-hasFlash .relatedLinks h2 {
	visibility: hidden;
	font: 24px Arial, sans-serif;
	line-height: normal;
	text-align:center;
	color: #ffffff;
	padding-left: 10px;
	
}
.sIFR-hasFlash .frontquote {
	visibility: hidden;
	line-height: normal;
	color: #006633;
	font-size: 24px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 2px;
}.sIFR-hasFlash .subheader {
	visibility: hidden;
	line-height: normal;
	color: #006633;
	font-size: 17px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom:0px;
}
#wrapper #content .feature .quotecredit {
	text-align: right;
	padding-right: 80px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #469FC4;
	font-weight: bold;
}
#advert h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #DB1866;
}
#globalNav a {
	font-weight: bold;
	font-size: 10px;
	color: #000000;
}
.bluebold {
	font-weight: bold;
	color: #006699;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.currentmark {
	color: #30ABD5;
}
#wrapper #navBar .currentmark a {
	color: #2BA9D2;
}
#wrapper #navBar #advert li {
	text-align: left;
	padding-left: 12px;
}
#content .feature .mainlist a {
	text-decoration: underline;
}

#navBar #advert a {
	color: #DB1866;
}
#wrapper #navBar #advert ul {
	margin-top: 0px;
}
#content .feature h2 {
	padding-top: 8px;
	padding-bottom: 4px;
}
#wrapper #content .feature .mainlist li ul li {
	background-image: none;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	list-style-type: none;
	font-size: 95%;
}
#content .feature p {
	margin-top: 3px;
}
#content .feature .bluebold a {
	color: #DB1866;
	text-decoration: underline;
}
.smaller {
	font-size: 90%;
}
#wrapper #navBar img {
	padding-bottom: 10px;
}
#wrapper #content #masthead img {
	margin-top: 20px;
	text-align: center;
}
#wrapper #content .feature .mainlist li ul {
	margin-left: 0px;
	list-style-type: none;
	position: relative;
}
#wrapper #content .feature a {
	text-decoration: underline;
}
.credit {
	font-size: 9px;
	color: #666666;
	width: 300px;
	float: left;
	padding-left: 20px;
}
#siteInfo .credit a {
	color: #FF9900;
	font-weight: normal;
	text-decoration: underline;
}
.rightcredit {
	font-size: 9px;
	color: #999999;
	width: 300px;
	float: right;
	text-align: right;
	padding-right: 20px;
}#siteInfo .rightcredit a {
	color: #FF9900;
	font-weight: normal;
	text-decoration: underline;
}