html {
	overflow-y: scroll;
}

body {
	margin: 0px;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	background:#ffffff;
}

ul {
    margin: 0px;
    padding: 0px;
}

img {
	vertical-align: middle;	
	border: 0;	
}

input, textarea, select {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #6699CC;
	color:#006699;
}

a {
	text-decoration: none;
	color:#000000;
}
.red {
	color: red;
}

#navigator {
	float: right;
}

#menubar {
	width: 100%;
	float: left;
	background:#83B4D8 none repeat scroll 0% 50%;
	border-top:3px solid #448ABD;
}

#menubar ul {
	
	margin: 0pt;
	padding: 0.5em 0.2em 0.3em 2em;
}

#menubar ul li {
	display: inline;
	line-height: 200%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
}

#menubar ul li a {
	border-bottom: medium none;
	color: #000000;
	font-size: 14px;
	font-weight: normal;
	margin: 0pt;
	padding: 3px 5px;
	text-decoration: none;
}

#menubar #menus ul li a#currentmenu {
	background: #0D324F none repeat scroll 0%;
	border-right: 2px solid #4F96C8;
	border-top: 1px solid #96C0DE;
	color: #FFFFFF;
	padding-bottom: 8px;
}

#menubar #menus ul li a:hover {
	background: #DDEAF4 none repeat scroll 0%;
	color: #333333;
}

#menubar .minisub { /* overflow: hidden; */
	font-size: 6px;
	height: 6px;
	line-height: 6px;
	background: #0D324F none repeat scroll 0%;
	margin: 0pt;
}

#menubar #navigator a {
	
}

#sidebar {
	width: 98%;
}

#sidebar h2 {
	background: #b5dbf8 none repeat scroll 0%;
	border-left: 5px solid #14568A;
	color: #354048;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0pt 0pt 5px;
	padding: 8px 0px 8px 10px;
	font-weight: bold;
}

#sidebar li {
	background: #EAEAEA none repeat scroll 0%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-indent:24px;
}

#sidebar ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0pt 0pt 5px;
	padding: 0pt;
}

#sidebar ul li {
	border-bottom: 1px solid #F7F7F7;
	margin: 0px;
	padding: 0px;
}

#sidebar ul li a {
	border-left: 5px solid #999999;
	color: #666666;
	display: block;
	padding: 5px 0px 5px 10px;
	text-decoration: none;
}

#sidebar ul li a:hover {
	background: #5fb6f7 none repeat scroll 0%;
	border-left: 5px solid #14568A;
	color: #F7F7F7;
	text-decoration: none;
}

.grid {
	width: 95%;
	margin:5px 0px 0px 5px;
	/*padding-left:5px;*/
}

.grid a, .grid a:visited {
	color:#14568A;
	text-decoration:none;
}

.grid a:hover {
	color:#14568A;
	text-decoration:underline;	
}

.grid table {
	text-align: left;
	color:#354048;
}

.grid input, .grid textarea {
	border: 1px solid #8E9CAE;
}

.grid .input1 {
	width: 150px;
	height: 17px;		
}

.grid .input2 {
	width: 300px;
	height: 17px;	
}

.grid .input3 {
	width: 300px;
	height: 100px;	
}

.grid .padleft {
	padding-left: 10px;
}

.grid .gridbody {
	background: #C1DCF7 none repeat scroll 0%;
	border: 1px solid #C1DCF7;
	color:#354048;
	/*padding-left: 30px;*/
	
	width: 98%;
	border-collapse: collapse;
	font-size: 12px;
}

.grid .gridbody td {
	border-color: #C1DCF7;
	border-width: 1px;
	font-size: 12px;
	padding-left:5px;
}

.grid .gridtitle td {
	background:#fff;
	height: 30px !important;
	line-height: 30px;
	text-align: left;
	padding-left: 10px;
	font-weight: bold;
	color: #354048;
	font-size: 12px;
}

.grid .gridtitle a, .grid .gridtitle a:visited {
	color: #FFF000;
	text-decoration: none;
	padding-left: 5px;
}

.grid .gridtitle a:hover {
	color:#14568A;
	text-decoration:underline;	
}

.grid .gridhead {
	background:#b5dbf8;
	color: #354048;
	height: 25px;
	padding-left: 30px;
	text-align: center;
}

.grid .gridline {
	background: #FFFFFF none repeat scroll 0%;
	height: 25px;
	text-align: left;
}

.grid .griditem {
	background: #fff none repeat scroll 0%;
	height: 25px;
}

.grid .gridmove {
	background: #E8F0FF none repeat scroll 0%;
	height: 25px;
}

/* BUTTONS */
.buttons { text-align: center; padding: 4px; }
.buttons a,.buttons button {
	display: inline-block;
	/* float: left; */
	margin: 0 7px 0 0;
	background-color: #f5f5f5;
	border: 1px solid #dedede;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 100%;
	line-height: 130%;
	text-decoration: none;
	color: #565656;
	cursor: pointer;
	padding: 3px 10px 3px 10px !important; /* Links */
	padding: 2px 10px 4px 10px;
}

.buttons button {
	width: auto;
	overflow: visible;
	padding: 2px 10px 2px 10px; /* IE6 */
}

.buttons button[type] {
	padding: 2px 10px 2px 10px !important; /* Firefox */
	line-height: 17px; /* Safari */
}

* :first-child+html button[type] {
	padding: 2px 10px 1px 10px; /* IE7 */
}

.buttons button img,.buttons a img {
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

.buttons button {
	hutia: expression(
	(this.onmouseover = 
		new Function("this.style.backgroundColor='#dff4ff';this.style.border='1px solid #c2e1ef';this.style.color='#336699';")
		) && 
	(this.onmouseout = 
		new Function("this.style.backgroundColor='#f5f5f5';this.style.border='1px solid #dedede';this.style.color='#565656';")
		)
	);
}

.buttons button:hover,.buttons a:hover {
	background-color: #dff4ff;
	border: 1px solid #c2e1ef;
	color: #336699;
}

.buttons a:active {
	background-color: #6299c5;
	border: 1px solid #6299c5;
	color: #fff;
}

/* userinfo */
#userinfo{
	margin:2px 0px -2px 2px;
	ling-height:20px;
}
#userinfo p{
	line-height:20px;
	padding:2px;
	margin:2px 8px;
}

/* Banner */
#banner {
}

/* LoginForm */
#loginform input, #loginform textarea {
	border:1px solid #8E9CAE;
}

#loginform p {
	overflow: hidden;
	vertical-align: middle;
	height: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 0px 0px 10px;
}

#loginform #username, #loginform #password {
	height: 20px;
	width: 200px;
}

.pagediv {
	float: right;
	margin: 10px;
}

.pagediv img {
	cursor: pointer;
}


#navcontainer
{
margin: 10px 0 0 30px;
padding: 0;
height: 20px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #C1DCF7;
width: 150pt;
height: 24pt;
border-top: 1px solid #01ABE6;
border-left: 1px solid #01ABE6;
border-bottom: 1px solid #01ABE6;
border-right: none;
padding: 0;
margin: 0 0 10px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
valign:middle;

font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer ul li a:hover
{
color: #930;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #01ABE6;
color: #fff;
}

#navcontainer li#active a
{
background: #01ABE6;
border: 1px solid #01ABE6;
color: #fff;
}

#navcontainer li#last a
{
background: #C1DCF7;
border: 1px solid #01ABE6;
color: #fff;
}

#navheader{
	margin: 10px 0 0 30px;
	padding: 0;
	height: 20px;
}

#progress{
	width:1604px;
	height:600px;
	text-align:center;
	margin:15px;
	background:#FFFFFF;
}
#steptitle{
	
}
#steptitle  li{
	width:400px;
	height:40px;
	background:#2B4787;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	display:inline;
	float:left;
	
}
.titletext{
	margin-top:15px;
	color:#FFFFFF;
	letter-spacing: 5px;
}
#stepcontent{
}
#stepcontent li{
	width:400px;
	height:80px;
	background:#BECEF2;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	display:inline;
	float:left;
}
.contenttext{
	text-align:left;
	margin-top:15px;
	color:#000000;
	padding-left: 10px;
	padding-right: 10px;
}
#showtitle{
	width:100%;
	height:40px;
	background:#2B4787;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
#showtitletext{
	color:#FFFFFF;
	padding-top :15px;
	letter-spacing: 15px;
}
#maps{
	width:100%;
	height:399px;
	border-bottom: 1px solid #000000;
}
#maps li{	
	width:400px;
	height:400px;
	background:#000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	list-style: none;
	display: inline;
	float:left;
}

.departmentList{
	margin-left:4px;
}
departmentList ul,li{
	list-style:none;
	margin-top:2px;
}

/* ---------------------- NEW ---------------------------- */
.gridnew { margin-left:auto; margin-right:auto; width:98%; }
.gridnew .gridhead { background:transparent url(../images/bg_list.gif) repeat-x scroll 0%; height:30px; line-height:30px; text-align:left; padding-left:10px; font-weight:bold; color:#FFFFFF; }
.gridnew .gridhead a, .gridnew .gridhead a:visited { color:#FFFFFF; text-decoration:none; }
.gridnew .gridhead a:hover { color:#14568A; text-decoration:underline; }
.gridnew a, .gridnew a:visited { color:#14568A; text-decoration:none; }
.gridnew a:hover { color:#14568A; text-decoration:underline; }
/* tables */
table.sorttable { background-color:#C1DCF7; width:100%; text-align:left;}
table.sorttable thead tr th, table.sorttable tfoot tr th { background-color:#E6EEEE; border:1px solid #FFF; padding:4px; text-align:center }
table.sorttable thead tr .header { background:transparent url(../images/tablesorterbg.gif) no-repeat center right; cursor:pointer; }
table.sorttable tbody td { color:#3D3D3D; padding:4px; background-color:#FFF; vertical-align:top; }
table.sorttable tbody tr.odd td { background-color:#F0F0F6; }
table.sorttable thead tr .headerSortUp { background-image:url(../images/asc.gif); }
table.sorttable thead tr .headerSortDown { background-image:url(../images/desc.gif); }
table.sorttable thead tr .headerSortDown, table.sorttable thead tr .headerSortUp { background-color:#8dbdd8; }
table.sorttable tbody tr.alt td { background:#ecf6fc; }
table.sorttable tbody tr.over td { background:#E8F0FF; }
table.searchtable { background-color:#C1DCF7; width:100%; text-align:left; }
table.searchtable tbody td { color:#3D3D3D; padding:4px; background-color:#FFF; vertical-align:top; }