/* Section:  Set defaults */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
body {
  background-color: #FFFFFF;
  color: #000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
  color: #DB4105;
  font-size: medium;
  font-weight: bold;
  line-height: 20px;
}
/* Commonly used to style section titles. */
h2 {
  color: #5254FF;
  font-size: small;
  font-weight: bold;
  line-height: 16px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #5254FF;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #5254FF;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #693D10;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}
div#masterwrapper {	
	position: relative; /* now all child absolutely positioned child elements will be relative to masterwrapper */
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: auto;
	background-color: #F0F0F0;  /* make this a strange color.  It should never be seen because masterwrapper has no elements outside of divs */
	text-align: left;
}
div#homewrapper {
	position: relative; /* now all child absolutely positioned child elements will be relative to masterwrapper */
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	margin-bottom: auto;
	background-color: #F0F0F0;  /* make this a strange color.  It should never be seen because masterwrapper has no elements outside of divs */
	text-align: left;
	border-top: solid #63FF62 4px;
}
div#banner {
	position: absolute;
	height: 154px;
	width: 100%; 
	top: 0px;
	left: 0px; 
	background-color: #F0F0F0;
}
div#helpnav {
	float: right;
	margin-top: 4px;
	margin-right: 4px;
	background-color: #F0F0F0;
	line-height: 35px;
	width: auto;
	position: relative;
	z-index: 20;
}
div#logo {
	background-image:url(/images/UrbemisLogo.png);
	position: absolute;
	height: 124px;
	width: 300px;
	top: 0px;
	left: 0px;
	/*background-color: #F0F0F0; */
	overflow: hidden;
	z-index: 10;
}
div#sitenav {
	position: absolute;
	height: 30px;
	width: 100%;
	top: 125px;
	left: 0px;
	text-align: left;
	background-color: #5254FF;
	border-bottom: solid #63FF62 2px;
	border-top: solid #63FF62 2px;
}

div#youRhere {
	position: absolute;
	height: 30px;
	width: 50px;
	top: 125px;
	left: 600px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #5254FF;
	border-bottom: solid #63FF62 2px;
	border-top: solid #63FF62 2px;
}

div#youRhere h2 {
	margin: 0px;
	margin: 2px, 2px, 4px, 2px;
	padding: 0px;
	height: 26px;
	color: #FFFFFF;
}
div#bodywrapper {
	position: absolute;
	margin-top: 158px;
	padding: 2px;
	background-color: #FFFFFF;
}
div#bodywrapperhome {
	position: absolute;
	margin-top: 158px;
	padding: 2px;
	background-color: #FFFFFF;
	/*border-bottom: solid #63FF62 4px;*/
}
div#leftcol {
	padding: 5px;
	width: 280px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
div#content {
	padding: 5px;
	margin-left: 290px;
	margin-right: 140px;
	margin-bottom: 20px;
}
div#rightcol {
	padding: 5px;
	width: 100px;
	float: right;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 20px;
	/*overflow: scroll;*/
	height: 400px;
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#homeWrapper .clearFloat {
  clear: left;
  display: block;
}
div#footer {
  background-color: #FFFFFF;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center;
}

/*
div#footer {
	padding: 5px;
	margin-left: 290px;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #FFFFFF;
}
*/

/* Formating for all nav menus */
div#helpnav ul {
	margin: 0px;
	padding: 0px;
	font-size: medium;
	color: #F0F0F0;
	line-height: 20px;
	white-space: nowrap;
}
div#helpnav li {
    height: 10px;
    width: 16px;
    margin: 1px 1px;
	 list-style-type: none;
	 display: inline;
}
div#helpnav li a {
	text-decoration: none;
	padding: 1px 1px 1px 4px;
	color: #5254FF;
}
div#helpnav li a:link {
	color: #5254FF;
}
div#helpnav li a:visited {
	color: #5254FF;
}
div#helpnav li a:hover {
   text-decoration: underline;
	font-weight: bold;
	color: #693D10;
}

div#sitenav ul {
	margin: 0px;
	padding: 0px;
	font-size: medium;
	color: #63FF62;
	line-height: 30px;
	white-space: nowrap;
}
div#sitenav li {
    height: 10px;
    width: 16px;
    margin: 1px 1px;
	 list-style-type: none;
	 display: inline;
}
div#sitenav li a {
	text-decoration: none;
	padding: 1px 12px 1px 1px;
	color: #63FF62;
}
div#sitenav li a:link {
	color: #63FF62;
}
div#sitenav li a:visited {
	color: #63FF62;
}
div#sitenav li a:hover {
   text-decoration: underline;
	font-weight: bold;
	color: white;
	background-color: #5254FF;
}

/* cancel out normal list styling so we can set button styles below */
#leftcol ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
/* li items need height set separately from ul so li.nolink can be set to auto below */
#leftcol li {
	height:24px;
	line-height:24px;
	border-bottom: solid #63FF62 2px;
}
/* need to set width of li to width of div minus padding-left (set below) */
#leftcol li {
	width:190px;
}
/* width of indented items need to be reduced by indent amount */
#leftcol li ul li {
	width:170px;
}
/* style the category items to match first level list items */
#leftcol li.category {
	padding-left:10px;
	height:auto; /*must include to keep indented list from overlapping main list - duh */
	color: black;
	background-color: #FFFFFF;
}
/*IE needs xtra margin and padding set for the li */
* html #nav li ul li { 
	margin-left:-10px; 
	padding-left:10px;
}
/* end IE hack */

/* standard setup for rollover button links */
#leftcol li a,
#leftcol li ul li a {
	font-weight: normal;
	text-decoration: none;
	display: block; /* makes full block clickable */
	height: 100%;
	width: 100%;
	padding-left: 10px; /* sets left offset of non-indented items - use padding to make left margin clickable */
}
#leftcol li.category ul li a {
	margin-left:-10px; /* reverses indent inherited from li.nolink so rollover can go to left margin */
	padding-left:30px; /* sets full indent for indented list items */
}
/* sets normal rollover colors */
#leftcol li a:link, 
#leftcol li a:visited {
	color: #5254FF;
	background-color: #FFFFFF;
}
#leftcol li a:hover, 
#leftcol li a:active {
   text-decoration: underline;
	color: #693D10;
}
#leftcol h2 {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
#content h1 {
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
#content p {

}
#emailform p {
	font-weight: bold;
}
#emailform h3 {
	text-decoration: underline;
}
#emaillinks h3 {
	text-decoration: underline;
}
ul.mid {
	list-style-type: square;
	line-height: 200%;
}
.javascriptwarning {
	font-size: 130%;
	color: #FF0000;
}
ul.low {
	list-style-type: disc;
	line-height: 250%;
}
ul.none {
	list-style-type: none;
} 

#accordion_container a{
	text-align: left;
	font-size: 100%;
}

#accordion_container .accordion_content a {
	color: #5254FF;
}
	

.accordion_toggle {
	background: transparent url(bluebar.jpg) no-repeat top right;
	color: #63FF62;
	padding: 3px;
	border: 1px solid #63FF62;
	cursor: pointer;
	display: block;
}

#accordion_container a:hover{
    text-decoration: underline;
	color: white;
}

#accordion_container .accordion_content a:hover{
		color: #693D10;
}

.accordion_toggle_active {
	background: transparent url(greenbar.jpg) no-repeat top right;
	color: #5254FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.accordion_content {
	background-color: #ffffff;
	color: #000000;
	overflow: hidden;
}