/*	**********************************************************************

		STANDARD.CSS

	**********************************************************************	*/
	
BODY {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	background-color: #22304C;
}

.clearer {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

.spacer5 {
	line-height: 1px;
	font-size: 1px;
	height: 5px;
}

.spacer10 {
	line-height: 1px;
	font-size: 1px;
	height: 10px;
}

.spacer20 {
	line-height: 1px;
	font-size: 1px;
	height: 20px;
}

.separator {
	line-height: 1px;
	font-size: 1px;
	height: 1px;
	background-color: #FFFFFF;
	margin: 4px 0px 4px 0px;
}



/*	**********************************************************************
		PAGE FRAME
	**********************************************************************	*/

#pageheader {
	width: 960px;
	height: 139px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header_image.jpg);
	background-repeat: no-repeat;
}

#pageheader .backlink {
	width: 245px;
	height: 92px;
	position: absolute;
	top: 0px;
	left: 40px;
	z-index: 121;
}

#pagebody {
	width: 960px;
	background-image: url(../images/background_body.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px 0px 30px 0px;
}

#leftcol {
	width: 240px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#rightcol {
	width: 240px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#content {
	width: 470px;
	float: left;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}

#pagefooter {
	width: 950px;
	height: 100px;
	background-image: url(../images/background_footer.gif);
	background-repeat: no-repeat;
}




/*	**********************************************************************
		TOP LINKS
	**********************************************************************	*/

#toplinks {
	position: absolute;
	top: 39px;
	left: 414px;
}

#toplinks A {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

#toplinks A:hover {
	text-decoration: underline;
}




/*	**********************************************************************
		LOGIN
	**********************************************************************	*/

#login {
	width: 341px;
	position: absolute;
	top: 68px;
	left: 281px;
	z-index: 99;
}

#login FORM {
	margin: 0px;
	padding: 0px;
}

#login .inputfield {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
	display: block;
	float: left;
	margin: 5px;
	padding-left: 4px;
}

#login .submitbutton {
	width: 42px;
	height: 23px;
	display: block;
	float: left;
	margin-left: 1px;
	margin-top: 3px;
}




/*	**********************************************************************
		LOGOUT
	**********************************************************************	*/

#logout {
	
}

#logout .userdata {
	color: #000000;
	width: 280px;
	height: 16px;
	position: absolute;
	top: 75px;
	left: 291px;
	z-index: 99;
	overflow: hidden;
	clip: rect(0px, 275px, 20px, 0px);
}

#logout .submitbutton {
	position: absolute;
	top: 71px;
	left: 573px;
	z-index: 100;
}


/*	**********************************************************************
		PRIMARY NAVIGATION
	**********************************************************************	*/

#primarynav {
	position: absolute;
	top: 94px;
	left: 40px;
	z-index: 99;
	width: 950px;
}

#primarynav A {
	width: 125px;
	height: 25px;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
}

#primarynav A:hover {
	background-position: 0px -25px;
}

#primarynav A.active {
	background-position: 0px -50px;
}

#primarynav A.active:hover {
	background-position: 0px -50px;
}

#primarynav #pnav0 {
	background-image: url(../images/primarynav0.gif);
}

#primarynav #pnav1 {
	background-image: url(../images/primarynav1.gif);
}

#primarynav #pnav2 {
	background-image: url(../images/primarynav2.gif);
}

#primarynav #pnav3 {
	background-image: url(../images/primarynav3.gif);
}

#primarynav #pnav4 {
	background-image: url(../images/primarynav4.gif);
}

#primarynav #pnav5 {
	width: 127px;
	height: 60px;
	position: relative;
	top: -20px;
	left: -3px;
	background-image: url(../images/primarynav5.gif);
	background-position: 0px 0px;
}

#primarynav #pnav5:hover {
	background-position: 0px -61px;
}

#primarynav #pnav5.active {
	background-position: 0px -122px;
}

#primarynav #pnav5.active:hover {
	background-position: 0px -122px;
}




/*	**********************************************************************
		CITY SELECTION
	**********************************************************************	*/

#cityselect SELECT {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 176px;
	height: 16px;
	position: absolute;
	top: 97px;
	left: 804px;
	z-index: 99;
}




/*	**********************************************************************
		PAGE FUNCTIONS
	**********************************************************************	*/

#pagefunctions {
	text-align: center;
	height: 28px;
}

#pagefunctions A {
	color: #D69200;
	background-color: #2E5A82;
	text-decoration: none;
}

#pagefunctions A:hover {
	text-decoration: underline;
}

#printpage {
	background-image: url(../images/icon_printpage.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
}

#sendpage {
	background-image: url(../images/icon_sendpage.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}

#topofpage {
	background-image: url(../images/icon_topofpage.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 15px;
}




/*	**********************************************************************
		BOTTOM NAVIGATION
	**********************************************************************	*/

#bottomnav {
	text-align: center;
	font-size: 10px;
}

#bottomnav A {
	color: #FFFFFF;
	text-decoration: none;
}

#bottomnav A:hover {
	color: #FFFFFF;
	text-decoration: underline;
}


