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


img, div, a { behavior: url(iepngfix.htc) }

* {
	margin: 0;
}
html{
	height:100%;
	}

body{
	margin:0px;
	padding: 0px;
	text-align: left;
	font-size: 80%;
	font-family: trebuchet MS, arial, Helvetica, sans-serif;
	background:url(images/background.jpg) repeat-x top;
	color: #000000;	
	background-color:#4E80C5 ;
	line-height:24px;
	/*height:100%;*/
	}

p {}

p a {
	color:#cc3300;
	text-decoration: none;
}
a {
	color:#257f11;
	text-decoration: none;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

img{
	border: none;
	margin: 0px;
	padding: 0px;
}

h1{
	color: #6DA949;
	font-size: 180%;
	font-weight: normal;
	line-height: 30px;
}
h2{
	color: #3173BB;
	font-size: 140%;
	font-weight: normal;
	line-height: 26px;
}

h3{
	color: #666666;
	font-size: 115%;
	font-weight: bold;
	line-height: 26px;
}
h4{
	color: #3CA470;
	font-size: 100%;
}

.smallTxt{
font-size:85%;
color:#333333;
line-height:20px;
}

li { 
	list-style-position: outside;
	list-style-type: none;
	line-height: 24px;
	margin-left:20px;
	border-bottom:1px dotted #AEE1C8;
	width:80%;
}


/* layout */
#wrapper{
	margin:0 auto ;/* the bottom margin is the negative value of the footer's height */
	margin-left: auto;
	margin-right: auto;
	width:983px;
	padding:0px;
	background:url(images/content_bg.png) repeat-y top;
	/*min-height: 100%;
	height: auto !important;
	height: 100%;*/
	}
	

#topShadow{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	height:60px;
	width:983px;
	background:url(images/top_shadow.png) no-repeat top;
	}

#header{
	width:983px;
	height:254px;
	background:url(images/header.png) no-repeat top;
	}
	
#logo{
	background:url(images/swirl.png) no-repeat top;
	z-index:1;
	position:absolute;
	width:339px;
	height:290px;
	margin-left:-70px;
	
}
#push{
	height:58px;
	}

#footer{
	background:url(images/footer_bg.png) no-repeat bottom;
	margin:0px;
	margin-left: auto;
	margin-right: auto;
	height:58px;
	width:983px;
	font-size: 85%;
	color:#FFF;
	text-align:center;
	}
#footer a {
	color:#FFF;
}
#footer a:hover {
	color:#cccccc;
}

.hidden /*hides html text for when stylsheet is turned off*/
{
	display: none;
}

.clear {
	clear:both;
	}
	
/* content layout*/
#leftNav{
	float:left;
	width: 220px;
	padding-left:48px;
	display:inline;
	}
/*#leftNav a{
	color:#257f11;
	}
#leftNav a:hover{
	color:#0b7bc2;
	}*/
.subNav{
	line-height: 24px;
	font-size: 90%;
	margin-left:20px;
	border-bottom:0px solid #ffffff;
	color: #3173BB;
}
.subNav a{
	color: #3173BB;	
}
.subNav a:hover{
	color: #000000;	
}
	
#content{
	float:left;
	width: 420px;
	margin-left:25px;
	display:inline;
	}
	
#rightPanel {
	float:right;
	width:205px;
	margin-right:25px;
	display:inline;
	font-size:90%;
	}
#rightPanel a{
	color:#0b7bc2;
	}
	
#rightPanel a:hover{
	color:#257f11;
	}
#helpPanel{
	width:400px;
	padding-left:14px;
	padding-top:8px;
	padding-bottom:14px;
	padding-right:0px;
	line-height:20px;
	border:#9abc2c 1px solid;
	}
#borderTop{ border-top: 1px dashed #84a70c; margin-right:14px;}

/* ----------------------- form */

form{
	margin: 0px;
}
	
input,textarea{
	font-size: 100%;
	font-family: trebuchet MS, arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 4px;
}

.mandatory{
color:#FF0000;
font-size:120%;
}

/* form */