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

/* Content with Left Navigation */


#contentwithleftnav {
	float:left;
	margin:0px;
	padding:0 0 0 18px;
	width:70%;
}

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

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

#contentwithleftnav .doubleCol {
	float:left;
	margin:0 8px 0px 0;
	padding:0;
	width:60%;
}
#contentwithleftnav .singleCol {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:30%;
}


/******Content Area General Typography*****/
/*sets the base type attributes for 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:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}
#contentwithleftnav h2, #contentwithleft-rightnav h2, #contentwithrightnav h2, #content h2{
	color: #000000;
	padding: 0em;
	font-size: 1.25em;
	margin: 8px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#contentwithleftnav h3, #contentwithleft-rightnav h3, #contentwithrightnav h3, #relatedLinks h3, #content h3  {
	color: #000000;
	font-size: 1em;
	margin: 8px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#contentwithleftnav h4, #contentwithleft-rightnav h4, #contentwithrightnav h4, #content h4 {
	color: #000000;
	font-size: .9em;
    margin: 8px 0;
    font-family:"Trebuchet MS","Arial","Sans-Serif";
	font-weight:bold;
}

#relatedLinks h4 {
	color: #000000;
	font-size: .9em;
    margin: 8px 0px 4px 0px ;
	font-weight:bold;
}

#contentwithleftnav p, #contentwithleft-rightnav p, #contentwithrightnav p, #relatedLinks p, #leftCol p {
	font-family:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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:"Trebuchet MS","Arial","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:"Trebuchet MS","Arial","Sans-Serif";
	color: #000000;
	margin: 0px 16px 0px 20px;
	line-height: 1.65em;
	font-size: 1em;

}

#contentwithleftnav img.lrg {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0.5em;
}


/* Content attributes with Right Nav Specific padding*/
#contentwithrightnav h2{
	color: #000000;
	padding: 0px;
	font-size: 1.25em;
	margin: 8px 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#contentwithrightnav h3 {
	color: #000000;
	font-size: 1em;
	margin: 8px 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#contentwithrightnav h4 {
	color: #000000;
	font-size: .9em;
    	margin: 8px 16px;
        font-family:"Trebuchet MS","Arial","Sans-Serif";
	font-weight:bold;
}

#contentwithrightnav p {
	font-family:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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 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:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
}

#content h3 {
	color: #000000;
	font-size: 1em;
	margin: 8px 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#content h4 {
	color: #000000;
	font-size: .9em;
    margin:8px 16px;
    font-family:"Trebuchet MS","Arial","Sans-Serif";
	font-weight:bold;
}

#content p {
	font-family:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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:"Trebuchet MS","Arial","Sans-Serif";
	/*font-family:Geneva, 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: 50%;
	padding-bottom:16px ;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin: 0px;
	padding: 0px 0px 16px 10px;
}

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

#contentwithleft-rightnav img.lrg {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px ;
}

/* Content With Right Navigation */
#contentwithrightnav {
	float: left;
	width: 75%;
	border-right: solid 1px #CCC;
	margin:0px;
	padding: 0px;
}

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

#contentwithrightnav .columns3 {
	width: 30%;
	float: left;
	padding: 0;
	margin:0 10px ;
}

#contentwithrightnav ul li ul li {
	font-family: "Trebuchet MS","Arial","Sans-Serif";
	color: #000000;
	margin: 0px 16px 0px 20px ;
	line-height: 1.65em;
	font-size: 1em;

}

#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: 100%;
	margin: 0px;
	padding: 0px 0px 16px 0px;
}

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

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

#content .columns4{
	width: 22%;
	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:60%;
}
#content .singleCol {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	width:30%;
}

       
#content .control-click {
	color:#666666;
	float:right;
	font-size:0.75em;
	font-style:italic;
	margin-left:20px;
	width:150px;
}

#content #utility2 {
	float:right;
}

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

/* Content Generic's (Left-Right Navigation)*/
#relatedLinks {
	float: right;
	width: 190px;
	padding:0px 8px;
	margin:5px 0px;
	}
	
#relatedLinks p.pullquote {
    font-family:georgia;
    font-size:1.15em;
    font-style:italic;
    text-align:center;
    padding:16px 16px 16px 8px;
    color:#333;
    }
    
    	#relatedLinks p.pullquote_small {
    font-family:georgia;
    font-size:1em;
    font-style:italic;
    text-align:center;
    padding:16px 16px 16px 8px;
    color:#333;
    }
    
    

/* Left Navigation */    
#leftCol {
	width: 236px;
	margin:0px;
	padding:0px;
	height: auto;
	float: left;
}

#leftCol p.pullquote {
	font-family:georgia;
	font-size:1.35em;
	font-style:italic;
	text-align:center;
	padding:16px;
	color:#333;
	}
#leftNav {
	width: 236px;/*18.44em*/
	margin:-5px 0px 0px 0px;
	padding:0;
	height: auto;
	float: left;
	font-size: 0.8em;
	background-color:#625F50;
	margin-bottom:16px;
    border-radius: 8px;
    -moz-border-radius: 8px; -webkit-border-radius: 8px;
    behavior: url(css/PIE.htc);	
}


#leftCol p{
	padding:0em 1em;
}

ul.leftCol{
	margin:0px 0px 0px 28px;
	padding:0em;
	font-size:.75em;
}
#leftCol hr{
	margin-left:.75em;
}
#leftNav ul {
	list-style-type:none;
	margin:0;
	padding:16px 0px 16px 16px;
	width:220px;
	}

#leftNav li {
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	margin:0;
	padding:0 16px 10px 0px;
	width:208px;
	}
        
#leftNav a:link, #leftNav a:visited {
	margin:0;
	padding:0;
	display: block;
	color: #FFFFFF;
}
#leftNav a:hover, #leftNav a:focus {

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

#leftNav ul ul {
	padding-bottom:0px;
	padding-top: 16px;
	width: 220x;
	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: Georgia, "Times New Roman", Times, serif;
    }	


#leftNav #leftNavControls {
	width: 236px;
	padding: 16px ;
	height: auto;
	float: left;
	font-size: .8em;
}

.image_left {
	float: left;
	margin: 0px 16px 8px  0px;
}

.image_right {
	float: right;
	margin: 0px 0px 8px  16px ;
}

/* News Page Items*/

p.caption {
	float: right;
	background-color:#CCCCCC;
	width:150px;
}

img.caption {
	float: right;
	background-color:#CCCCCC;
	width:auto;
    padding:8px;
    margin:16px 0px 16px 16px ;
}

div.imageCaption_right {
	padding:8px ;
	float: right;
	margin-top: 8px ;
	margin-right:8px ;
	margin-bottom: 16px ;
	margin-left: 16px ;
	border: 0px solid #999999;
	clear: right;
}
div.imageCaption_right img {
	margin-bottom: 10px;
}

#mainContent div.imageCaption_right p {
	color: #333333;
	font-size: 0.7em;
	font-weight:bold;
	}

div.imageCaption_left {
	padding: 8px ;
	float: left;
	height: auto;
	width: auto;
	margin-top: 8px ;
	margin-right: 16px ;
	margin-bottom: 16px ;
	margin-left: 12px ;
	border: 0px solid #999999;
	clear: left;
}

div.imageCaption_left img {
	margin-bottom: 10px;
}

#mainContent div.imageCaption_left p {
	color: #333333;
	font-size: 0.7em;
	font-weight:bold;
	}
#breadcrumbs {
	color: #333;
	font-size: 70%;	
	height:20px;
	margin-top:8px;
	margin-right:8px;
	margin-left:12px;
	float:left;
	width:400px;
        }

#breadcrumbs ul {
	margin-left: 12;
	padding-left: 0px;
	display: inline;
	border: none;
	} 
#breadcrumbs ul li a:hover, #breadcrumbs ul li a:focus 
{
	color: #000000;
}
#breadcrumbs ul li {
	margin-left: 0px;
	padding-left: 0px;
	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;
}

hr {
 margin: .8px 8px 8px 0px;
}

/*   WYSIWYG Edtior Styles	*/

.right
{
float: right;
margin: 0px 12px 8px 12px ;
}

.left
{
float: left;
margin: 0px 12px 8px 16px;
}

.center
{
 text-align: center;
}

.justify
{
 text-align:justify;
}
.imageleft 
{
	float: left;
	margin: 0px 16px 8px  0px;
}
.imageright {
	float: right;
	margin: 0px 0em 8px 16px ;
}