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

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111111;
}
body {
	background-color: #3a6f98;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #36668c;
}
a:visited {
	color: #31516b;
}
a:hover {
	color: #3a6f98;
}
a:active {
	color: #3a6f98;
}
h1 {
	font-size: 20px;
	color: #31516b;
	font-weight: bold;
}
h2 {
	font-size: 16px;
	color: #024276;
	font-weight: bold;
	background-color:#cfdfec;
	width:100%;
	padding:2px;
}

h3 {
	font-size: 14px;
	color: #584938;
	font-weight: bold;
}
	
.bluebold {
	color: #2f4e66;
	font-weight: bold;
}	
.smalltext {
    font-size:10px;
	color:#222222;
	}

		
.list li{
    display: list-item;
    list-style: none;
	list-style-image:url(images/bullet.gif);
	list-style-position: outside;
	padding-bottom:8px;
	padding-left:0px;
	}	

.border {
    background-image:url(images/border_side.gif);
	background-repeat:repeat-y;
	width:2px;
	}	
.leftcol {
    background-color:#cbbfa0;
	border-right:1px solid #594f39;
	width:170px;
	}	
.rightcol {
    background-color:#cbbfa0;
	border-left:1px solid #594f39;
	width:7px;
	}		
.infobox {
	border:1px solid #594f39;
	padding:5px;
	}	
.content {
    background-color:#f6f6f2;
	padding:20px;
	width:581px;
	}	
.homebuttons {
	text-align:center;
}
.homebuttons img {
	border:none;
	margin:0 0 10px 0;
}
/* Left Nav */
#leftnav {
	color:white;
	padding:2px;
	}

#leftnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	font-size: 10px;
	font-weight:bold;
}

#leftnav li {
    list-style-type: none; 
	margin: 0px 0px 0px 0px;
	}

#leftnav li a, #leftnav li a:active, #leftnav li a:visited {
    background-image:url(images/nav_btnBG.jpg);
	background-position:left;
	background-repeat: no-repeat;
	display: block;
	width:100%;
	color: #ffffff;
	text-decoration: none;
	margin: 2px 0px 0px 0px;
	padding:6px 0px 6px 8px;
}
html>body #leftnav li a {
	width: auto;
}
#leftnav li a:hover {
    background-image:url(images/nav_btnBG-over.jpg);
	background-position:left;
	background-repeat: no-repeat;
	display: block;
	color: #ffffff;
	text-decoration: none;
	margin: 2px 0px 0px 0px;
	padding:6px 0px 6px 8px;
}
.thispage a:link {
    background-image:url(images/nav_btnBG-over.jpg);
	background-position:left;
	background-repeat: no-repeat;
}

/* sub page nav */
#subnav {
    background-image: url(images/subnav_btnBG.jpg);
	background-position:top;
	background-repeat:repeat-x;
	width:100%;
	padding:6px;
	}

#subnav a, #subnav a:visited, #subnav a:active {
    color:#EEEEEE;
	padding:3px;
	margin:8px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	}	
#subnav a:hover {
    background-image: url(images/subnav_btnBG-over.jpg);
	background-position:top;
	background-repeat:repeat-x;
	}
		
	
        	
.footer {
	color: #62513d;
	font-size:10px;
	font-weight:bold;
	padding:5px;
	text-align:center;
    background-color:#cbbfa0;
	}
.footer a:link {
    font-size: 10px;
	font-weight: bold;
 	color: #405e76;
	text-decoration: none;
}
.footer a:visited {
    font-size: 10px;
	font-weight: bold;
 	color: #405e76;
	text-decoration: none;
}
.footer a:hover {
    font-size: 10px;
	font-weight: bold;
 	color: #4581ae;
	text-decoration: none;
}
.footer a:active {
    font-size: 10px;
	font-weight: bold;
 	color: #405e76;
	text-decoration: none;
}

.inputbox {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  background-color: #f7f7f7;
  background-image:url(images/BGshade.gif);
  background-position:top;
  background-repeat: repeat-x;
  border: 1px solid #003366;
  padding:1px;
  margin-bottom:5px;
}

.button {
  font: bold 9px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  background-color: #477599;
  border-top: 2px solid #DDDDDD;
  border-left: 2px solid #DDDDDD;
  border-right: 2px solid #222222;
  border-bottom: 2px solid #222222;
  padding: 3px;
  cursor: pointer;
}	

.tabletitle {
    background-image: url(images/subnav_btnBG.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#477599;
	color: #ffffff;
	font-weight:bold;
	padding:3px 0px 3px 3px;
}

.form {
	text-align:right;
	width:280px;
}
.form label {
	width:200px;
	font-weight:bold;
	vertical-align:top;
}
#emp-left {
	width:280px;
	float:left;
}
#emp-right {
	width:280px;
	float:right;
}
.clear{
	clear:both;
}