/* Basics
------------------------------ */
html {
	/* Moz */
	height: 100%;
}

/* Main Layout
------------------------------ */
body{
background-color: #DDD;
}

#main {
	background-image: url('/web_images/canvas.png');
	background-repeat: repeat;
	height: 1%;
}
#main2 {
	background-image: url('/web_images/vbar.png');
	background-repeat: repeat-y;
	background-position: 24% 0%;
	height: 1%;
}

td.icon {
 text-align: center;
 vertical-align: middle;
}


/* homepage and other html styles */

#content {
text-align: left;
width: 65%;
margin-top: 10px;
padding-left: 110px;
float: left;
background: transparent;
}

#content p {
margin-right: 20px;
/* margin-left: 20px; */

}
#content h1{
text-align: center;
}


#wrapper, #wrapper2{
	width: auto;
	padding-right: 5px;
 float: left;
}

#header {
	padding-bottom: 25px;
	background-image:url('/web_images/bar.png');
	background-repeat:repeat-x;
	width: 100%;
 float: left; 
 z-index: 1100;
 vertical-align: bottom;
}
#header img{
vertical-align: middle;
}
img.leftside{
 float: left;
}
img.rightside{
 float: right;
}
.clear {
	clear: both;
}


#footer {
	clear: both;
	text-align: right;
 background-image:url('/web_images/bbar.png');
	background-repeat:repeat-x;
	width: 100%;
 height: 145px;
 z-index: 1000;
 padding-top: 25px;
}

#navcontainer
{
width: 20%;
min-width: 110px;
margin: 0px;
padding: 0px;
float: left;
} 

#navlist ul
{

margin-top: 40px;
padding: 0px;
list-style-type: none;
text-align: left;
}

#navlist li, #navlist a
{
list-style-type:none;
display: block; /* This was the key to making the list work! */
padding-top: 10px;
padding-bottom: 10px;
}

#navlist a
{
text-decoration: none;
}

#navlist a:link, #navlist a:visited
{
color: black;
background: url(/web_images/button5.png) no-repeat center left;
background-repeat: no-repeat;
padding-left: 40px;
}

#navlist a:hover
{
color: black;
background: url(/web_images/button6.png) no-repeat center left;
background-repeat: no-repeat;
padding-left: 40px;
}

#navlist a.selected
{
background-color: purple;
}
	
#navlist p
{
 text-align: center;

 margin-top: -100px;
 margin-left: 40px;
 font-weight: bold;
}


/* Text Styles
------------------------------ */
body {
	font: normal 82%/200% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #306;
}
h2 {
	font: 115% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #002E5B;
}
h2 a:link, h2 a:visited {
	color: #00F;
	text-decoration: none;
}
h2 span {
	color: #090909; /* was 8db8cf */
}
h2 a:hover {
	color: #090909; /* was #94c2e5; */
	text-decoration: none;
}
h3 {
	font: 110% "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #002E5B;
	margin-top: 30px;
}
h3 a:link, h3 a:visited { text-decoration: none; }
h3 a:hover { text-decoration: underline; }