body {
	background-color: #000;
	color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial;
	/*
	http://www.alistapart.com/articles/howtosizetextincss
	As suggested by the above article, we'll set the body font size
	to 100% which essentially solidifes it across most browsers as
	16px.  In order to specify any other sizes, we will be doing it
	in EM's relative to 16.  So for instance, to get the 14px equiv:
	14 / 16 = 0.875em */
	font-size: 100%;
}

/* fixes for random asp.net stuff that gets in the way */
#__asptrace { background-color: White; }


p { font-size: 0.8125em; /* 13/16 */ }

img { border-style: none; }

h1, h2 { margin: 0; }
h2 {
	font-size: 1.125em; /* 18/16 */
	color: #FC0;
}
h3 {
	font-size: 0.8125em; /* 13/16 */
	font-weight: bold;
	color: #D00;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* commons styles for form elements */
input, select, textarea 
{
	font-size: 0.8125em; /* 13/16 */
	font-family: Verdana, Helvetica, Arial;
	background-color: #FFF;
}

#main  {
	width: 800px;
	margin: 0px auto 0px auto;
}
#side {
	width: 180px;
	float: left;
	padding: 15px;
	margin-top: 45px;
	border: 1px solid #D00;
	border-right-style: none;	/* take away the right hand border */
	text-align: right;
	border-radius-topleft: 8px; /* CSS3 rounded corners */
	border-radius-bottomleft: 8px; /* CSS3 rounded corners */
	-moz-border-radius-topleft: 8px; /* Mozilla rounded corners */
	-moz-border-radius-bottomleft: 8px; /* Mozilla rounded corners */
	-webkit-border-top-left-radius: 8px; /* Safari rounded corners */
	-webkit-border-bottom-left-radius: 8px; /* Safari rounded corners */
}
#content1Side
{
	 width:558px; 
	 float: left; 
	 padding: 15px;
}
#contentNoSide
{
	width: 558px;
	margin: 0px auto 0px auto;
	padding: 15px;
}

div.titleMain {
	margin-bottom: 10px;
}

div.titleMain img.Title {
	float: left;
}
div.titleMain img.AltTitle {
	float: right;
}

a, a:hover {
	color: #DDD;
}

a.side, a.side:hover {
	color: #FC0;
	text-decoration: none;
}
a.side:hover {
	text-decoration: underline;
}

a.list, a.list:hover {
	color: #FFF;
	text-decoration: none;
	font-size: 0.8125em; /* 13/16 */
}
a.list:hover {
	text-decoration: underline;
}


/* main graphic along the top of the page */
#header {
	width: 100%;
	height: 150px;
	background-image: URL("/images/header.jpg");
	background-position: center;
}

#footer {
	clear: both;
	width: 100%;
	height: 30px;
	padding-top: 20px;
	text-align: center;
	font-size: 0.875em; /* 14/16 */
	font-variant: small-caps;
}

/* --- BEGIN NAV BAR STYLE STUFF --- */

#navborder {
	width: 100%;
	background-color: #000;
}
#nav, #nav ul { /* setup our default list properties */
	padding: 0;
	margin: 0;
}
#nav { /* the main UL tag containing the nav menu */
	margin: 0 auto 0 auto;	/* this along with the hard coded width allows the object to be centered on screen */
	width: 490px;
	height: 28px;
	background-image: url("/images/nav/nav-map.gif");
	background-repeat: no-repeat;
	position: relative;
}
#nav li {
	position: absolute;	/* relative to its parent UL */
	top: 0;
}
#nav li, #nav a  { /* match the sizes of the main LI's and contained A's */
	height: 28px;
	display: block;
}
#nav li span {	/* for browsers that actually support this css, we want to hide the real text since they can see the graphics */
	position: absolute;
	left: -9999px;
}

/* Set all the pixel positions for the sprite based buttons */
#navbtn1 {left: 0px; width: 84px;}
#navbtn1 a:hover {background: transparent url("/images/nav/nav-map.gif") 0px -28px no-repeat;}
#navbtn2 {left: 84px; width: 76px;}
#navbtn2 a:hover {background: transparent url("/images/nav/nav-map.gif") -84px -28px no-repeat;}
#navbtn3 {left: 160px; width: 90px;} /* w: 75 */
#navbtn3 a:hover {background: transparent url("/images/nav/nav-map.gif") -160px -28px no-repeat;}
#navbtn4 {left: 250px; width: 139px;} /* l: 235 */
#navbtn4 a:hover {background: transparent url("/images/nav/nav-map.gif") -250px -28px no-repeat;}
#navbtn5 {left: 389px; width: 119px;} /* l: 374 */
#navbtn5 a:hover {background: transparent url("/images/nav/nav-map.gif") -389px -28px no-repeat;}

/* now we get into the submenu stuff */
#nav ul {
	background-color: #000;	/* match the background color of the active buttons */
	position: absolute;
	left: -9999px;	/* hide the sub menu while the parent is not hovered over */
	padding: 10px;
	/* If the width is not explicitly set, each item in the submenu will be limited 
	   to whatever the width of the parent LI is set to above.  So text will wrap 
	   if it's longer. */
	width: 100px;
	/* z-index: 50; */
	border-left: 1px solid #D00;
	border-bottom: 1px solid #D00;
	border-radius-bottomleft: 8px; /* CSS3 rounded corners */
	-moz-border-radius-bottomleft: 8px; /* Mozilla rounded corners */
	-webkit-border-bottom-left-radius: 8px; /* Safari rounded corners */
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;  /* show the sub menu while the parent is being hovered over */
	/* fix for IE7 sticking dropdown problem */
	position: static;
}
/* get rid of the hover background image */
#nav ul a:hover { background-image: none; }

#nav ul li, #nav ul a {
	position: relative;	/* fix the absolute positioning of the parent */
	height: auto;	/* fix hard coded height from parent */
	color: #D00;
	font-variant: small-caps;
	text-decoration: none;
}
#nav ul a:hover { color: #FC0; }

/* --- END NAV BAR STYLE STUFF --- */


#bsbox {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}
#bsbox p {
	position: relative;
	margin: 0;
	padding: 5px;
	top: 0px;
	left: -9999px;
	background-color: #000;
	border: 2px solid #D00;
	border-radius: 8px; /* CSS3 rounded corners */
	-moz-border-radius: 8px; /* Mozilla rounded corners */
	-webkit-border-radius: 8px; /* Safari rounded corners */
}
#bsbox p.visible { left: 0px; }