/**
 * General HTML Body Styling
 * -------------------------
 */
body {
	margin-top:0px;
	font: 75%/1em Arial, Helvetica, sans-serif;
}		

a { text-decoration: none;
	  	border: none;  } 

a { 
    text-decoration: none;
	  color : #3E57B3;

}

a img { border:none; } 

a.blk {color : #000000; } 

a:hover {
	color: #898F91; 
}

p {	line-height: 1.5em; } 

p.center {	line-height: 1.5em;
		text-align: center; 
 }

q {
	line-height: 1.5em;	
	text-align: justify;
	font-style: italic; 
	} 					


h1 { 
	
	font: 100%/1em Arial, Helvetica, sans-serif; 
	font-size: 1.75em; 
	font-weight: bold; 
} 

h2 {
	font: 120%/1em Arial, Helvetica, sans-serif;
	font-weight: bold;  
	}

h3 {
	font: 120%/1em Arial, Helvetica, sans-serif;
	font-weight: bold;  
	border-top:1px #3E57B3 solid; 
	background-color:#f0f0f0; 
	padding: .4em .2em .4em .2em; 
	margin-top: 0;
	}

h4 {
	font: 100%/1em Arial, Helvetica, sans-serif;
	color: #DE822C;
	font-weight: bold;  
	margin-top: 0;
	}

hr { 
	border: none; 
	border-top: 1px solid #3E57B3; 
	height : 3px; 
	width : 100%; 
}

dl {
line-height: 140%;
padding-left: 1em;
}

dt {
text-transform: uppercase;
padding-top: 1em;
}

dd {
margin: 0;
padding-left: 1em;
}

ul {
	line-height: 1.5em;	
	list-style-type: none;
	padding-left: 1em;
	margin: 0;
}

ol {
	line-height: 1.5em;
	list-style-type: none;
	padding-left: 1em;
	margin: 0;	
}

ol.alpha {
	line-height: 1.5em;
	list-style-type: lower-alpha;
	padding-left: 2em;
	margin: 0;
}

li.bullet {
	background-image: url('img/bullet.png'); background-repeat: no-repeat;
	background-position: 0 .1em;
	padding-left: 1.25em;
	line-height: 1.5em;
}




/**
 * Basic DIV Elements 
 * ----------------------------
 * 
 */
 

#container {
	width:841px;
	margin:0 auto;
	background-color:#FFFFFF;		
}
  

#rightColumn {
	float : right;
	width : 200px;
	margin: 0; 
	margin-top: 40px; 
	padding: 1em; 
	min-height: 900px;
	border-left: 1px dotted #316194;		
}	  
  
#content {
	padding: 1em; 	
	margin-right: 225px; 
	background-color:#FFFFFF;
	min-height: 550px; 	 
}

#header {
	width:841px;
	margin:0 auto;
	background-image:url('img/headerh.jpg');  
	background-repeat:no-repeat;
	background-color:#FFFFFF;			
	height : 200px; 	
}

#headera {
	width:841px;
	margin:0 auto;
	background-image:url('img/headera.jpg');  
	background-repeat:no-repeat;
	background-color:#FFFFFF;			
	height : 200px; 	
}

#headerb {
	width:841px;
	margin:0 auto;
	background-image:url('img/headerb.jpg');  
	background-repeat:no-repeat;
	background-color:#FFFFFF;			
	height : 200px; 	
}

#headerc {
	width:841px;
	margin:0 auto;
	background-image:url('img/headerc.jpg');  
	background-repeat:no-repeat;
	background-color:#FFFFFF;			
	height : 200px; 	
}

#headerd {
	width:841px;
	margin:0 auto;
	background-image:url('img/headerd.jpg');  
	background-repeat:no-repeat;
	background-color:#FFFFFF;			
	height : 200px; 	
}

#menudiv {
	width:841px;
	margin:0 auto;
	background-color:#FFFFFF;			
	height : 31px; 	
}


#pathway {
	width: 450px;
	margin-bottom: 10px; 
	letter-spacing   : .15em; 
	font-size: .8em;
	color: #666666; 
}
	
#footer {
  clear: both; 
	text-align: center;
	margin: 0px auto;
	margin-top:0px; 
	width: 821px;
	height: 40px;
	line-height: 1.0em; 
	background-color:#FFFFFF;	
	padding: 1em 0 ; 
	padding-left: 10px; 
	padding-right: 10px; 
}

	#footer ul {
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	#footer li {
		display: inline;
		padding: 0 20px 0 0;
		margin: 0;
		white-space: nowrap;
	}
	
#pagetitle { 
/*	font: 185%/1em Arial, Helvetica, sans-serif; */
	font-size: 2em; 
	font-weight: bold; 
	padding-top: 10px; 
	color: #898F91; 
	padding-bottom: 20px;
}		

#topBorder {
	margin: 0 auto;
	margin-top: 10px; 
	width: 841px;
	height: 8px;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: transparent url('img/toph.jpg') no-repeat center bottom
}	

#topBordera {
	margin: 0 auto;
	margin-top: 10px; 
	width: 841px;
	height: 8px;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: transparent url('img/topa.jpg') no-repeat center bottom
}	

#topBorderb {
	margin: 0 auto;
	margin-top: 10px; 
	width: 841px;
	height: 8px;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: transparent url('img/topb.jpg') no-repeat center bottom
}	

#topBorderc {
	margin: 0 auto;
	margin-top: 10px; 
	width: 841px;
	height: 8px;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: transparent url('img/topc.jpg') no-repeat center bottom
}	

#topBorderd {
	margin: 0 auto;
	margin-top: 10px; 
	width: 841px;
	height: 8px;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: transparent url('img/topd.jpg') no-repeat center bottom
}	

#bottomBorder {
	text-align: left;
	margin: 0px auto;
	width: 841px;
	height: 8px;
	background: transparent url('img/botround.gif') no-repeat center top;
}


#leftColumn p, #rightColumn p { 
	margin: .5em 0 1em 0; 
}

#leftColumn h2, #rightColumn h2 { 
	font: 100%/1em Arial, Helvetica, sans-serif;
	margin: .5em 0 1em 0; 
	border-bottom: 1px dotted #316194;
	font-weight: bold; 
	padding-left: 2px; 
	margin-bottom: 10px;
	line-height: 1.35em;
}


#rightColumn ul { 
	margin: .5em 0 1em 0; 
}

#content h2 { 
	margin: 1em 0 .5em 0; 
	font: 125%/1em Arial, Helvetica, sans-serif; 
	font-weight: bold; 	
} 

#rightColumn a:hover {
  background:#DCF8F6;   
}

/**
 * Class Definitions  
 * ----------------------------
 * 
 */


.columnHeading { 
	border-bottom: 1px dotted #316194;
	font-weight: bold; 
	padding-left: 2px; 
	margin-bottom: 10px;
/*	background-color: #CC7E55; */
}

.cssform p{
width: 440px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform labelin{
font-weight: bold;
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 230px;
}

.cssform input[type="textmed"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}
.cssform input[type="textsm"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 80px;
}

.cssform textarea{
width: 400px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

table.sh,td.sh,th.sh{
	border:1px solid #000;
	border-collapse:collapse;
	text-align: left;
	margin:0;
	padding:0;
}

td.sh,th.sh{
	padding:.2em .5em;
	vertical-align:top;
	font-weight:normal;
}

thead th.sh{
	text-transform:uppercase;
	background:#FFBA7B;
	color:#000;
}
tbody td.sh{
	background:#E3E7F3;
}
tbody tr.odd td.sh{
	background:#D8D8F2;
}

table.sz,td.sz,th.sz{
	border:1px solid #000;
	border-collapse:collapse;
	text-align: left;
	margin:0;
	padding:0;
}

td.sz,th.sz{
	padding:.3em .7em;
	vertical-align:top;
	font-weight:normal;
}

thead th.sz{
	text-transform:uppercase;
	background:#FFBA7B;
	color:#000;
}
tbody td.sz{
	background:#E4E4D4;
}
tbody tr.odd td.sz{
	background:#E4E0DD;
}