@charset "iso-8859-1";
/* CSS Document */

body, html{margin:0 auto; background:#a0b7c0; height:100%; font:0.9em/1.3 arial, verdana, Helvetica, SansSerif;
	}

#pageContainer
{width:100%; margin:0 auto;  padding:0; position: relative; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	line-height:100%;
	/* background-position: center 0px; background-repeat: repeat-y; background-image: url(../images/bg.png); */
	}

/* is defaulted to 193c58 */ 
#header {background-color:#fff; height: 128px; width: 100%; background-position: right 0px; background-repeat: no-repeat; }

/*	#header.Current {background-image: url(../images/current/banner-top.jpg);}
	#header.Connect {background-image: url(../images/connect/banner-top.jpg);}	
	#header.Action {background-image: url(../images/action/banner-top.jpg);}	
	#header.Rights {background-image: url(../images/rights/banner-top.jpg);}	
	#header.Equality {background-image: url(../images/equality/banner-top.jpg);}
*/		
/*Utility menu*/
#navUtility {z-index: 3; position:absolute; right: 15px; top: 0px; padding-top: 10px; color:#1A1718;	white-space:nowrap}
	#navUtility a, #navUtility a:visited  {color:#46596D;  text-decoration:none; padding:0 3px;}
	#navUtility a:hover{text-decoration:underline;}

#Banner {height: 129px; width: 100%; background-position: left 0px; background-repeat: no-repeat;
	background-color:#5aa4b2; background-image: url(../images/bg-sub.jpg); border-bottom: 5px solid #eef6fa;}
	
	
/** Section Title, Page Title and illustration on the left **/
#Title {float: left; margin-top:90px;width:370px;}
	
/** Page Title on the left above the illustration **/	
	#Title h1 {font-size:16px; margin-top: 35px; margin-right:25px; color:#6a8c96; font: verdana, arial; font-weight:bold; 
		letter-spacing: 1px; text-align:right; line-height: 20px;}
		
	#Title h1.Equality {margin-top:60px;}

/** Design container **/
#MainContainer {color:#204955; height:100%; margin-top:90px; margin-left:490px; width:600px;}
		
	#MainContainer a:link {color:#3f593c; text-decoration:underline;}
	#MainContainer a:hover {color:#d9e2e6; text-decoration:underline;}
	#MainContainer a:visited {color:#3f593c; text-decoration:underline;}
	
	#MainContainer p {line-height:20px; font-size:1em;}
	#MainContainer p.qa {padding-top: 20px; line-height:20px; border-top: 1px dotted #809da7;}
	#MainContainer p.disclaimer {padding: 10px 0px 10px 0px; line-height:13px; font-size:11px; width: 560px; font-style:italic; 
		color:#648791; border-bottom: 1px dotted #809da7; border-top: 1px dotted #809da7;}
		
	/*margin T R B L*/
	#MainContainer h2 {margin:25px 0px 0px 0px; line-height: 20px; border-bottom: 1px dotted #809da7; font-size: 14px; 
		text-transform:uppercase; color: #d9e2e6; font-weight:bold;}
	#MainContainer h3 {margin:25px 0px 0px 0px; line-height: 20px; font-size: 1em; color: #6a8c96;}
	#MainContainer h4 {margin:25px 0px 0px 0px; background-color:#acc2ca; letter-spacing: 1px; line-height: 20px; font-size: 12px; color: #6a8c96; padding-left:5px;}
	#MainContainer h5 {line-height: 20px; font-size: 1em; color: #6a8c96; font-weight:bold;}
	#MainContainer h6 {margin:25px 0px -10px 0px; line-height: 20px; font-size: 2em; color: #d9e2e6; font-weight:bold; 
		Border-bottom: 1px dotted #809da7;}
		
	#MainContainer td {line-height:20px; font-size:1em;}
	#MainContainer form {text-align:left;}
	#MainContainer b {color:black;}

	#MainContainer ul {list-style-type: square; line-height:20px;}
	#MainContainer li {margin:15px 50px 0px 0px;}
	#MainContainer ol {line-height:0px; line-height:20px;}
	
	/* Sidenotes - whole width */
#MainContainer div.noteRight {
	width:180px;
	float:right;
	margin:5px 0px 15px 0px;
	line-height:1.5em;
	background: #809da7;
	font-size: 0.9em; 
	color:#ffffff; 
	border: 1px solid #112C3A;
	padding: .8em .8em 1.2em .8em;
}


/* Sidenotes - left */
#MainContainer div.noteLeft {
	width:180px;
	float:left;
	margin:5px 15px 15px 0px;
	line-height:1.5em;
	background: #809da7;
	font-size: 0.9em; 
	color:#ffffff; 
	border: 1px solid #112C3A;
	padding: .8em .8em 1.2em .8em;
}


/** footer **/
#footer {clear:both; position:relative; text-align:center; width:100%; bottom:0px; padding:0; font-size:1.1em;
	height:3.5em;
	margin-top:-3.5em;
	border-top: 1px solid #1A2829;
	background-color: #809da7;
	margin-left:auto;
	margin-right:auto;
	letter-spacing:1px;
}

#footer #footerLinks{color:#5D6F79; padding-top:1em;}
#footer #footerLinks a{color:#5D6F79; text-decoration:none; line-height:1.5em; padding:0 0.5em;} 
#footer #footerLinks a:hover{text-decoration:underline;}

#Submenu #subLinks a {color: #46596D; text-decoration:none;}
#Submenu #subLinks a:hover {color: #46596D; text-decoration:underline;}

#copyright {font-size:.8em; color:#1A2829; padding-bottom:7em; line-height:14px;}

/*Forms*/
input, textarea {
background:#AFD6E6; 
border: 1px solid #5989A2;
color:#112C3A;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size: 0.9em;
text-transform:none;
}

input, text { 
background:#AFD6E6; 
border: 1px solid #5989A2;
color:#112C3A;
text-transform:uppercase;
font-size: 0.9em;
}



/************* specific to home page ****************/ 
#HeaderHome {
		background-color:#fff; 
		height: 125px; 
		width: 100%; 
		background-position: right bottom; 
		background-repeat: no-repeat; 
		background-image: url(../images/rough-edge.jpg);
		}
		
#HomeTitle {
		width: 387px ;
		margin-left: auto ;
		margin-right: auto ;
		z-index: 5;
		}

#BannerHome {
	height: 306px;
	width: 100%;
	background-color:#5aa4b2;
	border-bottom: 5px solid #eef6fa;
	}

/************* specific to home page ****************/