/* CSS Document */

body{
	background:#d9e6e9;
	padding:10px;
}

/* ---------------------------------------- LAY OUT --------------------------------------- */

/* CSS Document */

#container{
	position:absolute; width:780px; margin-left:50%; left:-390px;
}

#header{
	width:780px; height:133px; background-image:url(images/Header_Bg.gif); background-repeat:no-repeat; background-position:top;
}
#header3{
	width:780px; height:133px; background-image:url(../images/Header_Bg.gif); background-repeat:no-repeat; background-position:top;
}
#header2{
	width:780px; height:133px; background-image:url(images/Header_Bg_Main.gif); background-repeat:no-repeat; background-position:top;
}

#menu{
	width:780px; height:49px; background-image:url(images/Menu_Bg.gif); background-repeat:no-repeat; background-position:top;
}

#main{
	width:780px; height:auto; background-image:url(images/Main_Bg.gif); background-repeat:repeat-y; background-position:top;
}

#sub{
	width:751px;  background-image:url(images/Sub_Bg.gif); background-repeat:no-repeat;
	background-position:top; padding: 0 0 0 30px; padding-top:25px;
}

#footer{
	width:780px; height:45px; background-image:url(images/Footer_Bg.gif); background-repeat:no-repeat; background-position:top;
}


/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------ HEADER --------------------------------------- */

#logo{
	position: relative; top:26px; left: 35px; width:398px; height:88px; background-image:url(images/Logo.gif);
	background-repeat:no-repeat; 
}

#login{
	 
	height:20px;  position:absolute; top:35px; left:535px; width:300px; overflow:hidden;
}

#login span{
	font-family:Verdana, Arial, Helvetica, sans-serif; color:#1656a4; font-size:11px; font-weight:normal;
	text-align:center; padding-left:25%;
}

/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------ MENU --------------------------------------- */

#title{
	float:left; width: 187px; height:auto; padding-top:0; margin: 13px 0 0 35px;
}

#title span{ 
	color:#4379aa; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:16px; font-weight:700;
	line-height:27px; text-align: center; vertical-align: middle;	
}

#nav_cont{
	float:right; width: 140px; height: 25px; padding-top:0; margin: 10px 0 0 0;

}
#nav {
	list-style: none; margin: 0; padding: 0; height: 25px; display: inline; overflow: hidden; width: 250px;
}
	
#nav li {
	margin: 0; padding: 0; display: inline; list-style-type: none; color:#4379aa;
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;
}

#nav a {
	overflow: hidden; text-decoration:none; color:#4379aa; 
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;
	height: 25px !important;
	height /**/:25px; /* for IE5/Win */
	line-height:27px; text-align: center; vertical-align: middle;	
}
	
#nav a:hover {
	color:#8b288f;
}

/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------ BODY --------------------------------------- */
.option_cont{
		clear:both; width:673px; border:#666666 solid 1px; margin-left:25px; background-color:#FFFFFF;
}
.spacer{
		height:25px;
}
.hd_title{
	width:100%; height:45px; background-image:url(images/HdTitle_Bg.gif); background-repeat:repeat-x; color:#4c75ac;
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; line-height: 41px;
	text-align: left; text-indent: 12px; vertical-align: middle;	
}

.hd_l1{
	margin-left:25px; padding-left:25px;
	color:#4379aa; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; line-height:20px;
}

.hd_l1_link{
	list-style-type: none; color:#4379aa;
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;
}

#sub a{
	text-decoration:none;
}

.data{
	 width:100%; table-layout:fixed;
}

.data table{
	 width:95%; table-layout:fixed; margin-left: 2%; margin-right:2%; color:#4379aa;
	 margin-top: 2%; margin-bottom:2%; height:auto; font-family:"Verdana", Arial, Helvetica, sans-serif;
	 font-size:11px; font-weight: normal;
}

.logintbl{
	color:#4379aa;
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;
	margin: 25px 0 25px 85px;  padding: 10px 10px 0 0;
}

.logintbl .btn{
	color:#4379aa;
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:13px; font-weight: normal;
	float:right; margin-top:10px;
}

.logintbl .error{
	color:#FF0000;
	font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
	float:right; padding-bottom: 10px;
}

/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------ FOOTER --------------------------------------- */

#copyright{
	float:right; margin-top:25px; padding-right:15px;
	color:#4379aa; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;
}
/* ------------------------------------------------------------------------------------------------ */