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


body {
	background-image: url(images/back.jpg); 
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	top: 0px;
	position: absolute;
	z-index: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: normal;
	font-size: 12px; }

.phrase {
font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
	line-height: 20px;
	padding: 30px 500px 30px 30px; }
	
.submen {
	background-image: url(images/backside.jpg); 
	background-repeat: repeat;
	width: 100%;
	height: 100%; }

.contents {
position:absolute;
z-index:1;
}

p {
	padding: 0px 15px 0px 15px}


.bg {
	background-image: url(images/backmain.jpg);
	width: 100%; 
	background-repeat: repeat-x;
	background-position: center top;}


.title {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding: 0px 15px 0px 15px; }

a { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	text-decoration: underline;
	font-weight: bold; }

a:visited { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	text-decoration: underline; }
	
a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #79c7f7;
	text-decoration: underline; }
	
.profile {
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	text-decoration: none;
	font-weight: bold;
	font-size:14px; }
	
.profile a { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	text-decoration: none;
	font-weight: bold;
	}

.profile a:visited { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	text-decoration: underline; }
	
.profile a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #79c7f7;
	text-decoration: underline; }
	

	
.sublinks { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	 }
	
.sublinks a { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: bold;
	margin-top: -20em; }

.sublinks a:visited { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none; }
	
.sublinks a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline; }


.header-nav {
	width: 920px; height: 53px; 
}


.leftnav {
	width: 199px;
	min-height: 23px;
	zoom: 1;
	border-bottom: 1px solid #9d9d9d;
}

.leftnav:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

.leftnav .number {
	font-size: 19px;
	color: #fff;
	width: 20px;
	height: 23px;
	float: left;
	margin-left: 2px;
}
.leftnav .link {
	float: left;	
	width: 170px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.leftnav .link a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.leftnav .link a:hover {
	color: #fff;
	
}

/* HOVER */
.leftnav2 {
	width: 199px;
	min-height: 23px;
	background-color: #68a8d6;
	zoom: 1;
	border-bottom: 1px solid #9d9d9d;
	
}
.leftnav2:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

.leftnav2 .number {
	font-size: 19px;
	color: #c4c4c4;
	width: 20px;
	height: 23px;
	float: left;
	margin-left: 2px;
}
.leftnav2 .link {
	float: left;	
	width: 170px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.leftnav2 .link a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.leftnav2 .link a:hover {
	color: #fff;
	
}

.leftnav-active {
	background-color: #68a8d6;
	width: 199px;
	min-height: 23px;
	zoom: 1;
	border-bottom: 1px solid #9d9d9d;
}


.leftnav-active a {
	color: #fff;
	text-decoration: none;
	margin-top: 4px;
	margin-bottom: 4px;
	font-weight: bold;

}

.leftnav-active a:hover {
	color: #fff;
}

.leftnav-active:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}

.leftnav-active .number {
	font-size: 19px;
	color: #fff;
	width: 20px;
	height: 23px;
	float: left;
	margin-left: 2px;
}
.leftnav-active .link {
	float: left;	
	width: 170px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.leftnav-active .link a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.leftnav-active .link a:hover {
	color: #fff;
	
}


.footer {
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold; }
	

.footermenu { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	font-weight: bold;
	padding-top: 10px;
	 }
	
.footermenu a { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	font-weight: bold;
	text-decoration: none;}

.footermenu a:visited { 	
	font-family: Arial, Helvetica, sans-serif;
	color:#5294c4;
	text-decoration: none; }
	
.footermenu a:hover { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #79c7f7;
	text-decoration: none; }

/* forms */

.lookup1 td {
	background-color: #27343C;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px 5px 5px 5px; 
}

.formtitle {
	font-size: 11px;
	color: #5294c4;
	font-weight: bold; }

.formfield {
	border: 1px solid #ddd;	
	color: #555;
	height: 16px;
	font-size: 10px;
	line-height: 14px;
	padding: 0; }

.formtextarea {
	border: 1px solid #ddd;	
	color: #555;
	font-size: 10px;
	padding: 0; }
	
.notice-red {
	color: #F00;	
}
p.error			{color:red;font-size:11px;font-weight:bold;}

.pagetitle {
	font-weight: bold;
	font-size: 14px;
	color: #333333;
 }

.pagetitle2 {
	font-weight: bold;
	font-size: 12px;
	color: #5294c4;
	}

.footer2 {
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #28343c;
	text-align:center; }

.areatitle{
color: #20272d;
text-decoration: none;
font: bold 16px Georgia, "Times New Roman", Times, serif;
padding: 10px 0px 10px 0px;
background: url(images/back_btm.jpg) center center repeat-x;
}

/*Menu*/
.mainmenu li{
display: inline;
background: transparent url(images/blockdefault.gif) center center repeat-x;
}

.mainmenu li a{
float: left;
color: #20272d;
padding: 16px 30px;
text-decoration: none;
background: none;
font-family:Georgia, "Times New Roman", Times, serif;
background: url(images/divider.gif) center right no-repeat;

}

.mainmenu li a#rightcorner{
background: none;
}


.mainmenu li a:hover, {
color: #79c7f7;
height: 22px;
}

.mainmenu li .current{
color: #79c7f7;
height: 22px;
}

.mainmenu{
margin: 0;
padding: 0;
float: left;
font: bold 16px Georgia, "Times New Roman", Times, serif;
width: 100%;
height: 54px;
border: none;
background: white url(images/blockdefault.gif) center center repeat-x;
list-style: none;
}





/*new sub menu*/
.glossymenu{
margin: 0;
padding: 0;
width: 215px; /*width of menu*/
	color: white;
border: none;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
	background: white url(images/glossyback.gif) repeat-x bottom left;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	background-color: #3F5563;
	border: 1px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
	color: #79c7f7;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #333333;
color:#FFFFFF;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px Arial, Helvetica, sans-serif;
background-image: url(images/glossybacksub.gif);
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
	color: white;
}

.glossymenu div.submenu ul li a:hover{
background: #79c7f7;
color: white;
}

