body {
	background : White;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: none;
	font-size: smaller;
}

bold {
	font-weight : bold;
}

td {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}

/* layout classes */
div.row { /* each row of content that needs to be aligned in a split type way (like two column table)
goes in here */
  clear: both;
 }
 
 div.spacer { /* this class is kind of like a hard return. It makes sure that any floating elements 
 before it have been cleared and it realigns itself with the normal order of the page flow */
  clear: both;
  }
  
  div.row span.float { /* this class works for any spans with class left that are contained in a div with class row. 
They are used for alignment. See not for div.row */
  float: left;
  text-align: left;
  width: auto;
  }

div.content {
	padding : 10px 10px 0px 10px;
	margin: 0px 220px 0px 160px;
	width: auto;
}

div.widecontent {
	padding : 10px 10px 0px 10px;
	margin:0px 0px 0px  160px;
	width: auto;	
}
  
  
/*end layout classes */



p {
	padding : 0px 10px;

}

a {
}

form {
	padding : 0px 0px 0px 0px;

}

a:link, a:visited, a:active {
	color : #085081;
}

a:hover {
	color: #FF9933;
}

a.menuitem {
	text-decoration: none;
	padding: 0px 5px 5px 10px;
	margin: 0px;
	display: block;
	clear: both;
	width: auto;
	
}
a.menuitem:hover {
	text-decoration: underline;
	padding: 0px 5px 5px 10px;
	margin: 0px;
	display: block;
	clear: both;
	width: auto;
	
}

div.menusubhead {
 margin: 2px 2px 2px 10px;
 font-weight: bold;
	color : #085081;
}


a.sitenav {
	text-decoration: none;
	background : #EEEEEE;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
	border-color : #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	border-style : solid;
	border-width : 1px 1px 1px 1px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #085081;
	text-align : center;
	width : auto;
	vertical-align : middle;
	display: block;	
	height: 16px;
	float: left;
}

a.sitenavOver {
	text-decoration: none;
	background : #EEEEEE;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
	border-color : #CCCCCC #FFFFFF #FFFFFF #CCCCCC;
	border-style : solid;
	border-width : 1px 1px 1px 1px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #085081;
	text-align : center;
	width : auto;
	vertical-align : middle;
	display: block;	
	height: 16px;
	float: left;
}
	
div.sitenav {
	clear: both;
	background : #EEEEEE;
	width: 100%;
    border-bottom : 1px solid #085081;
    border-top : 1px solid #085081;
    border-left : none;
    border-right : none;
    height: 20px;	
	padding:0px;
	margin: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 22px;
}




img {
	border : none;
}

img.sitenav {
	margin : 2px 5px 2px 2px;
}

div.menu {

		width: 150px;
		border-width : 1px;
		border-style : solid solid solid none;
		border-color : #085081;
		padding-bottom : 20px;
		position : absolute;
		left: 0px;
		top: 108px;
}

#menuhead {
	background : #FF9900;
	padding: 5px 5px 5px 20px;
	color: #FFFFCC;
	display: block;
	font-weight : bold; 
	font-variant: small-caps;
	margin: 0px 0px 5px 0px;
	width: 150px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 125px;
}
html>body #menuhead { /* hacks for width propery screwups */
	width: 125px;
}


div.submenu {
	padding: 0px 4px 0px 10px;
	width: auto;
	margin: 3px 0px 5px 20px;
	border-width : 0px 0px 0px 1px;
	border-style : none none none solid;
	border-color : #C5E7FF;
}

div.submenuitem {

}

div.help {
	background-color : #FFFFCC;
	width: 200px;
	position : absolute;
	top: 92px;
	right: 0px;
	margin: 0px;
	padding: 15px 10px 20px 10px;
	border-style : solid none solid solid;
	border-width : 1px;
	border-color: #085081;
	z-index: 2;
	color: black;
}

div.helpshadow {
	background-color : Silver;
	color: Silver;
	width: 204px;
	position : absolute;
	margin: 0px;
	padding: 15px 10px 20px 10px;
	top: 98px;
	right: 0px;
	z-index: 0;
}

div.shadow {
	width: 100%;
	background-color : Silver;
	height: 4px;
}

hr {
	background-color : #FF9900;
	border: none;
	color: #FF9900;
	height: 1px;
	
}

h2 {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	color: #33478c;
}

input.submit {
	border : 1px solid;
	font-weight : bold;
	font-family: Verdana, Arial Helvetica sans-serif;
	color : white;
	background : #FF9A00;
	border-color : #FFCF6B #C67500 #C67500 #FFCF6B;
}

input.text {
	border : 1px solid #085081;
	font-weight : bold;
	font-family: Verdana, Arial Helvetica sans-serif;
}

div.error, .error {
	color: red;
	font-weight: bolder;
}

h2.helptoc {
	margin-bottom: 2px;
	margin-top: 2px;
}

ul.helptoc {
	margin-top: 0px;
	margin-left: 8px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 1px;
}

li.helptoc {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
	padding-top: 0px;
	padding-bottom: 1px;
	text-indent: -2.2em;
	font-size: smaller;
	list-style-type: none;
}

/* first time visit step design */
.steps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9F9400;
}
div.steps {
	position : absolute;
	left: 20px;
	top: 180px;
}
b.steps {
	font-weight : bold;
	color: #33478C;
}