@charset "utf-8";
/* CSS Document */

/* Content with Left Navigation */


#contentwithleftnav {
	float:left;
	margin:0px;
	padding:0 0 0 16px;
	width:690px;
}

#contentwithleftnav .columns2 {
	float:left;
	margin:0 16px 0 0;
	padding:0;
	width:325px;
}

#contentwithleftnav .columns3 {
	float:left;
	margin:0 5px;
	padding:0;
	width:220px;
}

#contentwithleftnav .doubleCol {
	float:left;
	margin:0 8px 0px 0;
	padding:0;
	width:455px;
}
#contentwithleftnav .singleCol {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:220px;
}
#contentwithrightnav .doubleCol {
	float:left;
	margin:0 8px 0px 0;
	padding:0;
	width:455px;
}
#contentwithrightnav .singleCol {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:220px;
	border-left: 1px solid #ededed;
	border-right:1px solid #ededed;
}
.singleCol .didyouknow {
	border: 2px solid #007f9f;
	-moz-border-radius:10p 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border-radius:10px;
	background-image: url(../images/didyouknow_bg.png);
	background-position: center center;
	overflow:hidden;
}

/******Content Area General Typography*****/
/*sets the base type attributes for h1, h2, h3, h4, p, ul, ol, li tags within any page configuration. special cases can be added
*/

#contentwithleftnav h1, #contentwithleft-rightnav h1, #contentwithrightnav h1, #content h1{
	color: #000000;
	padding: 0em;
	font-size: 1.4em;
	margin: 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}


#contentwithleftnav h2, #contentwithleft-rightnav h2, #contentwithrightnav h2, #relatedLinks h2, #content h2{
	color: #007F9F;
	padding: 0em;
	font-size: 1.25em;
	margin: 8px 0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentwithleftnav h3, #contentwithleft-rightnav h3, #contentwithrightnav h3, #relatedLinks h3, #content h3  {
	color: #007F9F;
	font-size: 1em;
	margin: 8px 0;
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentwithleftnav h4, #contentwithleft-rightnav h4, #contentwithrightnav h4, #content h4 {
	color: #000000;
	font-size: .9em;
    margin: 8px 0;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}


#relatedLinks h4 {
	color: #000000;
	font-size: .9em;
    margin: 8px 0px 4px 0px ;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentwithleftnav p, #contentwithleft-rightnav p, #contentwithrightnav p, #relatedLinks p, #leftCol p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	margin: 8px 0px 12px 0px;
	padding: 0 10px 0 0;
	line-height: 1.5em;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
	margin: 8px 12px 16px 0;
	padding: 0;
	line-height: 1.5em;
}
#contentwithleftnav ul, #contentwithleft-rightnav ul, #contentwithrightnav ul, #relatedLinks ul, #content ul {
	padding-left: 16px;
	padding-top: 8px;
	font-size: 1em;
    margin-bottom: 16px;
}
#contentwithleftnav ol, #contentwithleft-rightnav ol, #contentwithrightnav ol, #relatedLinks ol, #content ol {
	padding-left: 16px;
	padding-top: 8px;
	font-size: 1em;
    margin-bottom: 16px;
}
#contentwithleftnav li, #contentwithleft-rightnav li, #contentwithrightnav li, #relatedLinks li, #content li {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 16px 0px 20px;
	line-height: 1.65em;
	font-size: 0.8em;
}

#contentwithleftnav li ul li, #contentwithleft-rightnav li ul li, #contentwithrightnav li ul li, #relatedLinks li ul li, #content li ul li {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 16px 0px 20px;
	line-height: 1.65em;
	font-size: 1em;

}

#contentwithleftnav li ol li, #contentwithleft-rightnav li ol li, #contentwithrightnav li ol li, #relatedLinks li ol li, #content li ol li {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 16px 0px 20px;
	line-height: 1.65em;
	font-size: 1em;

}
#contentwithleftnav table {
    margin:16px;
        } 

#contentwithleftnav table td{
        font-size:.8em;
        padding:.5em;
        } 
#contentwithleftnav img.lrg {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
}


/* Content attributes with Right Nav Specific padding*/
#contentwithrightnav h2{
		color: #007F9F;
	padding: 0px;
	font-size: 1.25em;
	margin: 8px 16px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentwithrightnav h3 {
	color: #007F9F;
	font-size: 1em;
	margin: 8px 16px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentwithrightnav h4 {
	color: #F6891F;
	font-size: .9em;
    margin: 8px 16px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#contentwithrightnav p {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	margin: 8px 0px 20px 16px;
	padding: 0 10px 0 0;
	line-height: 1.5em;
}

#contentwithrightnav p.intro {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1em;
	font-style: oblique;
	font-weight: normal;
	color:#333333;
} 

#contentwithrightnav ul {
	padding-left: 16px;
	padding-top: 8px ;
	font-size: 1em;
    margin-bottom: 16px;
}
#contentwithrightnav ol {
	padding-left: 16px;
	padding-top: 8px ;
	font-size: 1em;
    margin-bottom: 16px;
}
#contentwithrightnav li {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 16px 0px 20px;
	line-height: 1.65em;
	font-size: 0.8em;
}

/* Attributes with #content specific left margin*/
#content h2{
	color: #000000;
	padding: 0px;
	font-size: 1.25em;
	margin: 8px 16px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#content h3 {
	color: #F6891F;
	font-size: 1em;
	margin: 8px 16px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#content h4 {
	color: #000000;
	font-size: .9em;
    margin:8px 16px;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#content p {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #000000;
	margin: 8px 0px 20px 16px;
	padding: 0 10px 0 0;
	line-height: 1.5em;
}

#content ul {
	padding-left: 16px;
	padding-top: 8px ;
	font-size: 1em;
    margin-bottom: 16px;
}
#content ol {
	padding-left: 16px;
	padding-top: 8px;
	font-size: 1em;
    margin-bottom:16px;
}
#content li {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 16px 0em 20px ;
	line-height: 1.65em;
	font-size: 0.8em;
}

/* Content with Left-Right Navigation */

#contentwithleft-rightnav {
	float: left;
	width: 490px;
	padding-bottom:16px ;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin: 0px;
	padding: 0px 0px 16px 16px;
}

#contentwithleft-rightnav .columns2 {
	width: 235px;/*14.75em*/
	float: left;
	padding:0;
	margin:0 5px;
}
#contentwithleft-rightnav .columns3 {
	width: 158px;/*9.75em*/
	float: left;
	padding: 0 8px 0 0 ;
	margin:0 0 8px 0 ;
}

#contentwithleft-rightnav table {
    margin:16px ;
    } 

#contentwithleft-rightnav table td{
    font-size:.8em;
    padding:8px ;
        } 
#contentwithleft-rightnav img.lrg {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px ;
}

/* Content With Right Navigation */
#contentwithrightnav {
	float: left;
	width: 690px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#contentwithrightnav .columns2 {
	width: 340px;
	float: left;
	text-align: left;
	padding: 0;
	margin:0 10px;
	}

#contentwithrightnav .columns3 {
	width: 220px;
	float: left;
	padding: 0;
	margin:0 4px;
}

#contentwithrightnav ul li ul li {
    font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px 16px 0px 20px ;
	line-height: 1.65em;
	font-size: 1em;

}
#contentwithrightnav table {
    margin:16px ;
        } 

#contentwithrightnav table td{
    font-size:.8em;
    padding:8px ;
        } 
#contentwithrightnav img.lrg {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px ;
	margin-left:-16px;
}
#contentwithleft-rightnav .float {
	position: relative;
	z-index: 100;
	left: 0px;
	top: 0px;
	margin-bottom: 0px;
}

/* Content only*/

#content {
	float: left;
	width: 944px;
	margin: 0px;
	padding: 0px 0px 16px 0px;
}

#content .columns2 {
	width: 448px;
	float: left;
	text-align: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
}

#content .columns3 {
	width: 288px;
	float: left;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
}

#content .columns4{
	width: 208px;
	float: left;
	padding-top:8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 16px;
}

#content .doubleCol {
	float:left;
	margin:0 8px 0px 0;
	padding:0;
	width:650px;
}
#content .singleCol {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:275px;
}

#content table {
   margin:0px;
        } 

#content table td{
   font-size:1em;
   padding:0px;
        } 

#content img.lrg {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left:-16px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 8px 12px 16px 0;
	padding: 0;
	line-height: 1.5em;
}
/* Content Generic's (Left-Right Navigation)*/
#relatedLinks {
	float: right;
	width: 235px;
	padding:3px 8px;
	margin:0px;
	}
#relatedLinks .pullquote p {
	font-style:italic;
	font-size:.8em;
	padding:5px;
	background-color:#ededed;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	}
	
#relatedLinks .pullquote p span.cite {
	font-style:normal;
	font-weight:bold;
	font-size:.9em;
	}

#leftCol {
	width: 200px;
	margin:0px;
	padding:0px;
	height: auto;
	float: left;
}
#leftNav {
	width: 200px;
	margin:-5px 0px 0px 0px;
	padding:0;
	height: auto;
	float: left;
	font-size: 0.8em;
	background-image: url(../images/leftNav.gif);
	background-position: left top;
	background-repeat:no-repeat;
	margin-bottom:16px;
}
#leftCol h3{
	color: #F6891F;
	font-size: 1em;
	margin: 8px 0;
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0em 1em;
}

#leftCol p{
	padding:0em 1em;
}
#leftCol hr{
	margin-left:.75em;
}
#leftNav ul {
	background-image:url("../images/leftNav_btm.gif");
	background-position:left bottom;
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0;
	padding:16px 0px 16px 16px;
	width:200px;
	}

#leftNav li {
    font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0;
	padding:0 16px 10px 0px;
	width:200px;
	}
        
#leftNav a:link, #leftNav a:visited {
	margin:0;
	padding:0;
	display: block;
	color: #0082C8;
}
#leftNav a:hover, #leftNav a:focus {

	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	color:#F6891F;
	
}

#leftNav ul ul {
	padding-bottom:0px;
	padding-top: 16px;
	width: 200x;
	margin-left:12px;
	padding-left:5px;
	background-image: none;
	list-style-image: url(../images/subNavArrow.gif);
}

#leftNav ul ul li {
	padding:0px 0px 6px 0px;
	margin: 0px;
	width:200px;
    font-family: Arial, Helvetica, sans-serif;
    }	

#breadcrumbs {
	color: #0082C8;
	font-size: 70%;
	height:20px;
	margin-top:10px;
	margin-right:8px;
	margin-left:20px;
	float:left;
	width:500px;
        }

#breadcrumbs ul {
	margin-left: 0;
	padding-left: 10px;
	display: inline;
	border: none;
	} 
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:focus 
{
	color: #FF0000;
}
#breadcrumbs ul li {
	margin-left: -5px;
	padding-left: 5px;
	border: none;
	display: inline;
	list-style-type: none;
	background: url('../images/breadcrumb-separator.png') no-repeat right center;
	padding-right: 16px;
}

#breadcrumbs ul li.last {
	background: none;
}
/*styles for creating manual breadcrumbs, apply class="breadcrumbs" to ul tag in top content row.*/

#contentwithleftnav p.breadcrumbs, #contentwithleft-rightnav p.breadcrumbs, #contentwithrightnav p.breadcrumbs, #content p.breadcrumbs {
    border: medium none;
    font-size: 70%;
    width: 500px;

	} 
	
.breadcrumbs a    
{ background: url("../images/breadcrumb-separator.png") no-repeat scroll right center transparent;
    border: medium none;
    color: #0082C8;
    height: 20px;
    margin-left: 0;
    margin-right: 0px;
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 18px;
	} 

.breadcrumbs a:hover, .breadcrumbs a:focus 
{
	color: #FF0000;
}

.breadcrumbs a.last {
	background: none;
}

hr {
	margin: .8px 8px 8px 0px;
	color: #F90;
}
.imageleft 
{
	float: left;
	margin: 16px 16px 8px 0px;
}
.imageright {
	float: right;
	margin: 16px 0px 8px 16px;
}