img, div.imgpng { behavior: url(css/iepngfix.htc) }

body {

	background-color: #58585A;

	margin: 0px;

	font-family: Tahoma, Arial, Verdana;

}

#header {

	margin: auto;

	text-align: center;

	width: 980px;

	background-image: url(../images/header.png);

	height: 85px;

}

/* common styling */

#top_menu {

	background: url(../images/bg_menu.png) top left repeat-x transparent;

	color:#FFFFFF;

	margin: auto;

	width: 900px;

	height: 29px;

	text-align: left;

	text-decoration:none;

	font-family:Tahoma, Verdana, Arial;

	font-size:14px;

	padding: 0 40px;

}



#top_menu .current {

	text-decoration:underline;	

	color:#DDDDDD;

}



#top_menu a.current:hover {

	background-color:#777;

}



#main {

	margin: auto;

	width: 940px;

	background-color: #FFFFFF;

	padding: 20px;

	font-size: 14px;

	color: #000000;

	height: auto !important;

	height: 520px;

	min-height: 520px;

}

#notify {
	margin: auto;
	width: 400px;
	text-align: center;
	padding: 5px;
	color: #F00;
	background-color: #FFC;
	border: dashed 1px #F00;
}

#navigator {
	padding: 20px;
	font-size: 14px;
	background-color: #FFFFFF;
	margin: auto;
	width: 940px;
	height: auto !important;
	height: 20px;
	min-height: 20px;
}

#logo {
	text-align:left;
	display:block;
	width: 100px;
	height:85px;
	float:left;
}
#sitename {

	color: #FFFFFF;

	display: block;
	
	float: left;

	height: 85px;

	width: 640px;

	text-align: left;

	font-size: 36px;

	font-weight: bold;

}
#sitename-text {
	display: block;
	float: left;
	width: 540px;
	height: 85px;
}
#header-text {
	color: #FFF;
	text-align: left;
	display: block;
	font-size: 28px;
	font-weight: bold;
	width: 500px;
	float:left;
	padding: 5px 5px 0;
}
#subheader-text {
	color: #FFF;
	text-align: left;
	display: block;
	font-size: 16px;
	font-weight: bold;
	width: 500px;
	float:left;
	padding: 0 5px;
}

h1 {

	color: #541B54;

	font-size: 36px;

}

#footer {

	text-align: center;

	margin: auto;

	height: 35px;

	width: 960px;

	background-image: url(../images/footer.png);

	background-repeat: repeat-x;

	background-color: #000000;

	padding: 14px 10px 0;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #999999;

	color: #FFFFFF;

	font-size: 14px;

}

#footer a {

	color:#FFF;

}

.loginbox {

	float: right;

	height: 85px;

	width: 300px;

	color: #FFFFFF;

	font-size: 12px;

	margin: auto;

}

.logoutbox {

	display: block;

	float:right;

	width:300px;

	height:65px;

	color:#FFFFFF;

	font-size:12px;

	text-align:right;

	padding: 10px;

	line-height: 18px;

	margin: auto;
}

.logoutbox a {

	text-decoration:none;

	color:#FFF;	

}

.logoutbox a:hover {

	color:#F00;

	text-decoration:underline;

}

.loginform {

	float:left;

	width:140px;

	height:70px;

}

.loginbox .loginform span {

	display: block;

	float: left;

	height: 12px;

	width: 38px;

	text-align: left;

	margin-top: 2px;

	margin-right: 0px;

	margin-bottom: 0px;

	font-size: 10px;

}

.loginbox .loginform input {

	float: left;

	width: 120px;

	margin-left: 0;

	height: 12px;

	margin-top: 2px;

	font-size: 10px;

}

.loginbox .loginbutton {

	float:left;

	text-align:center;

	vertical-align:middle;

	margin-top:25px;

	width: 120px;

	height: 40px;

}

#loginbutton {

	cursor:pointer;

	font-size:20px;

	color:#FFFFFF;

	background-image: url(../images/button.png);

	background-position:0 0;

	background-repeat:no-repeat;

	border:hidden;

	text-align:center;

	padding-top:5px;

	display: block;

	height: 30px;

	width: 110px;

	float: right;

}

#loginbutton:hover{ 

	background-position:0 -35px;

}



#forgotpassword {

	margin: 3px 0 0 0;

	font-size: 10px;

	float: left;

	color:#FFF;

	cursor: pointer;

}



#forgotpassword:hover {

	text-decoration: underline;	

}



h2 {

	color: #541B54;

	font-size: 24px;

}

h3 {

	color: #541B54;

	font-size: 20px;

}