/* ================== Start of Page Layout CSS Rules ================= */

body {
	background-color:#4d4e50;	
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:76%;
	line-height: 1.4em;
	}

a {
	color:#a61043;
	text-decoration:none;
}

a:hover {
 	text-decoration:underline;
 	color:#ff8c13;
}

img {
	border:0;
}


p,span,div,h1,h2,h3,h4,h5,ul,li,img,a,body,form {
	margin:0px;
	padding:0px;	
}

ul{
	margin-left:15px;
	padding-bottom:10px;
}

ol {
	margin-left:25px;
	padding-bottom:10px;
}

.rightColumnHolder h1{  
    color:#ffffff;
    font-size: 1.1em;
    line-height:1.1em;
    padding:4px 15px;
	background-color:#514e72; /* dark purple */
	background-image:  url("related-links.gif");
	background-repeat:no-repeat;
	margin-bottom:15px;
}



h1 {
    color:#ffffff;
    font-size: 1.1em;
    line-height:1.1em;
    padding:4px 15px;
	background-color:#514e72; /* dark purple */
	background-image:  url("compactbgTitle.gif");
	background-repeat:no-repeat;
	margin-bottom:15px;
}


h2 {
	color:#555555;
	font-size: 1.1em;
	padding-bottom:5px;
}

h3 {
	color:#99CC33;
	font-size: 1em;
	padding-top:10px;
}

.bodyHolder {
	text-align:center;
	width:100%;
	}
	
.layoutHolder{
	width:776px;
	margin-left:auto;
	margin-right:auto;
	background-image:  url("compactbgTopBanner.jpg");
	background-repeat:no-repeat;
	background-color:#66628f;
	color:#555555;
	}	

.small {
	font-size: 0.9em;
}

.subheading {
	font-size: 1.1em; 
	color:#99CC33; 
	font-weight:bold;
}

.mainContentcompact {
	margin-left:10px;
	margin-right:5px;
	text-align:left;
}


.mainContent {
	margin-left:15px;
}

/* ================== Top banner content ================= */

.menuItemsPuller{
	float:none;
	clear:both;
	height:15px;
	padding:0;
	margin:0;
	font-size:0em;
	}
	
.logoHolder {
	padding-bottom:17px;
	padding-top:15px;
}

.missionHolder{
	font-size:1.1em;
	text-align:left;
	float:left;
	width:475px;
	color:#ffffff;
	padding-top:3px;
	font-weight:bold;
	}

.topRightHolder{
	font-size:1.1em;
	width:270px;
	float:right;
	text-align:right;
	color:#ffffff;
	}


.topItemsHolder{
	width:745px;
	margin-left:15px;
	margin-right:15px;
	text-align:left;
	padding: 0;
	}


.breadcrumbHolder{
        width:760px;
        float:left;
        padding:0;
        margin-left:7px;
        text-align:left;
        height: 30px;
        font-size:0.9em;       
        line-height:2.4em;
}

html>body .breadcrumbHolder {margin-left:15px;}


.topItemsHolder label {
        margin-bottom: 1em;
        cursor: pointer;
        color:#ffffff;
        padding: 0 0 0 10px;
}

input, textarea, select {
	background: #fff; 
	color: #555555; 
	border:1px solid #66628f;
	font:100% Arial, Helvetica, sans-serif;
}

input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {
	border-color: #7f6619;
}

input.submit {
	width: auto !important; 
	padding: 0 !important; 
	border: 1px solid #66628f !important; 
	background-color: #ff8c13; 
	color: #fff; 
	font-weight: bold; 
	text-transform: uppercase;
}

input.submit:hover, input.submit:focus {
	border: 1px solid #5f4b12;
}


/* ================== Main content ================= */

.mainItemsHolder{
	width:776px;
	background-color:#ffffff;
}

.mainMenuSystem{
	position: relative;	
	padding: 3px 0px;		
	margin: 0px;
	background-repeat:repeat-x;
	width:776px;
	text-align:left;
	background-image:  url("bgTopNav.jpg");
	background-color:#666666;
	height:17px;
	}

.menu li.first a {
	padding-left:15px;
 }
 
.menu li.last a {
	padding-right:32px;
	padding-left:15px;
 }

.menu {
	list-style:none;
	margin:0px;
	padding:0px;
	}
		
.menu li {
	margin:0px; 
	padding:0px;
	display:inline;
	list-style-type:none;
	}
	
	
.menu li a {
   	padding: 4px 31px 4px 27px;
	text-decoration:none;
	font-size:1em;	
	color:#ffffff;
	}

.menu li a:hover {	
	background-color:#ff8c13; /* orange HH color is #ff8c13 */
	color:#ffffff;
	text-decoration:none;
	}



.menu li .current {
	background-color:#66628f; /*pink */
}

/* ================== Right content ================= */

.rightColumnHolder{
	width:220px;
	float:right;
	margin:0px;
}

.rightColumnLinks{
	padding-bottom:1px;
	margin:0px;
	font-size:0.9em;
	text-align:left;
	float:right;
}

.rightColumnLinks ul {
	list-style:none;
	padding:0;
	margin:0;
	color:#ffffff;
}

.rightColumnLinks ul li {
	margin-top:8px;
	margin-bottom:8px;
}

.rightColumnLinks li a{
	line-height: 1.2em;
	color:#ffffff;	
	display:block;
	padding:10px;
}

.rightColumnLinks li a:hover{
	background-color:#ff8c13;
	text-decoration:none;
	color:#ffffff;
	border: 0px solid #ff8c13;
}

.rightColumnLinks li.first a:hover, .rightColumnLinks li.last a:hover{
	color:#ffffff;
}

.rightColumnLinks li.first a{
	color:#000000;
	}
	
.rightColumnLinks li.children {
	margin:0px 0px 18px 0px;
	border:1px solid  #ffffff; 
	
}

	

.rightColumnLinks li.first {
	margin-top:0px;
	background-color:#888888;
	color: #000000;	
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks li.second {
	background-color:#666666;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks li.third {
	background-color:#555555;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks li.third {
	background-color:#444444;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks li.fourth {
	background-color:#333333;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks li.fifth {
	background-color:#222222;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks li.last {
	margin-top:0px;
	margin-bottom:8px;
	background-color:#ffffff;
	border: 1px solid #ff8c13;
}

.rightColumnLinks li.last a{
	color:#444444;
	}

.rightColumnLinks li.current{
	margin-top:0px;
	margin-bottom:8px;
	background-color:#c51850;
	color:#ffffff;	
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;	
}

.rightColumnLinks ul ul{
	list-style:none;
	padding: 0px 0px;
	margin:0px;
	background-color:#ffffff;
	color:#555555;
	}
	
.rightColumnLinks ul ul li{
	padding:0px;
	margin:0px;
	
}

.rightColumnLinks ul ul li a{
	color:#555555;
	padding:0px 10px;	
}

.rightColumnLinks ul ul li.current {
	margin:0px;
	color:#FFFFFF;
}

.rightColumnLinks ul ul li.current a {
	color:#FFFFFF;
	
}

.rightColumnLogos  {
	float:right;
	clear:both;
	padding-right:5px;
}


/* ================== Left Column and Nav ================= */

.leftColumnHolder{
	width:140px;
	float:left;
	margin:0px;
	text-align:left;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

#navcontainer li { 
	margin: 0;
	border-bottom: 1px dotted #555555;
   }
	
.leftnav {
    display: block;
	padding: 5px 15px;
	color: #aaaaaa;
	width: 140px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 110px;	
	}

#navcontainer a {
	display: block;
	padding: 5px 15px;
	color: #333333;
	text-decoration: none;
	width: 140px; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 110px;
	}

#navcontainer a:hover {
	background-color: #ff8c13;
	color:#ffffff;
	text-decoration: none;
	}
	
	
.leftnavvisited {
   color: #aaaaaa;
   padding: 5px 15px;
}


.leftnavvisitedlink{
    background-color:#dddddd;       
}


	


/* ================== Middle Items ================= */


.middleColumnHolder{
	width:390px;
	float:left;
	margin-left:12px;
	margin-top:0;
	text-align:left;
}

.middleColumnHolder p{
	padding-top: 5px;
}


.nobullets ul{
        padding:0;
        margin:0;
}

.nobullets li {
        list-style:none;
        padding-bottom:5px;
        padding-top:5px;
		margin:0;
}

.date {
	font-size:0.9em;
	font-weight:bold;
}


/* ================== 2 Column Layout ================= */

.mainColumnHolder{
	width:546px;
	float:left;
	margin:0;
	text-align:left;
}

.mainColumnHolder p{
	padding-top: 5px;
}

.mainLeftColumnHolder {
	width:268px;
	float:left;
	margin:0;
	text-align:left;
}

.mainLeftColumnHolder ul, .mainRightColumnHolder ul {
	list-style:none;
	margin:0; 
	padding:0;
}

.mainRightColumnHolder {
	width:268px;
	float:right;
	margin:0;
	text-align:left;
}

/* ================== Footer logo  Items ================= */	
.flogoItemsHolder{
	width:776px;
	background-color:#ffffff;
	}
	
	
.flogoPuller{
	float:none;
	clear:both;	
	}
	
.flogo{
	float:right;
	padding-right:5px;
	padding-bottom:5px;
	border-style: solid 1px
}

/* ================== Footer Items ================= */	

.footer {
	background:  url("compactbgFooter.gif");
	background-repeat:no-repeat;
	background-color:#514e72;
}

.footerItemsHolder{
	width:745px;
	margin-left:15px;
	margin-right:15px;
	}
	
.footerNav{
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#ffffff;
	font-size: 0.9em;
	text-align:left;
	}
	
.footerNav ul{
	margin:0; 
	padding:0;
	display:inline;
	list-style:none;
}
	
.footerNav ul li {
	display: inline;
	list-style-type: none;	
	}	
.footerNav ul li a {
	text-decoration:none;
	padding:0;
	margin:0;
	padding-right:6px;
	padding-left:4px;	
	color:#ffffff;
	border-right:1px solid #ffffff;
	text-decoration:none;	
	}	
.footerNav ul li a:hover {
	text-decoration:underline;	
	}
.footerNav li a.first {
	padding-left:0;
	}
.footerNav li a.last {
	border-right:0;
	}
.footerPuller{
	float:none;
	clear:both;
	height:0;
	line-height:0em;
	font-size:0em;
	}

/* ================== Other Styles ================= */
.right {
	float:right;
	padding-left:15px;
}	

.left {
	float:left;
	padding-right:15px;
}

.hiddenItems {
	display:none;
	text-align:left;
	}

.docContentPuller{
	float:none;
	clear:both;
	font-size:0em;	
	height:10px;
	}
	
.mainContent form label{
	float: left;
	width:150px;		
}

.form_right{
	float: right;
	width:370px;
}

.mainContentexternal{
    margin:10px 15px;
	width:745px;	
}

/* =================== News Styles ================= */
.newstitle {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-weight: bold;		
		color:#694B89;
	}
	
		
.newstext {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-align: justify;
		color: #666666;
		}
	
	
	.newslead {
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-align: justify;
		color: #666666;
	}				

.newsrightbarlink:hover { 	
		margin-left:0px;	
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-decoration:underline;
		color:#ff8c13;
	}
	
	
	.newsrightbardate {		
		margin-left:0px;
		margin-bottom:10px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-decoration:none;
		color:#666666;
		font-size:80%;
		}
		
	.newsrightbarlink {			
		margin-left:0px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		text-decoration:none;		
		display:block;
	}
	
.w250
{
  width:250px;
}