﻿body {
	margin: 20px 0;
	padding: 0;
	background: #FFFFFF;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*color: #633003;*/
	color:#202020;
	text-align:left;
}

h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#427590;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#427590;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#427590;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#427590;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#427590;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color:#427590;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h3 {
}

h2 {
}

h1 {
}

h6 {
}

h5 {
}

h4 {
}

blockquote {
	margin-top: 0;
	line-height: 160%;
}

ol {
	margin-top: 0;
	line-height: 160%;
}

ul {
	margin-top: 0;
	line-height: 160%;
}

p {
	margin-top: 0;
	line-height: 160%;
}

blockquote {
	font-style: italic;
}

a {
	text-decoration: underline;
	color: #427590;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

ul{
	/*list-style:square;*/
	/*list-style-image:url('images/square-bullet.gif')*/
}

p{
	margin-top:6px;
	margin-bottom:6px;
	
}

table {
	text-align:left;
	border-bottom:thin;
	vertical-align:top;
}

tr{
	vertical-align:top;	
}

td{
	vertical-align:top;
}

td.left
{
	width:150px;
}

td.right
{
	width:250px;
}

label
{
}

.error
{
	color:red;
	font-weight: bold;
}










/* padding is for text, margin for whole section */

#all {
  width: 1005px;
  margin-left: auto;
  margin-right: auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px
}

#header {
  /*background-color: #e2e393;*/
  /*border-bottom: 3px double black;*/
  text-align: left;
  float: left;
  /*clear: both;*/
  width: 1005px;
  background-image:url('images/graded-black.gif');
  background-repeat:repeat-x;
  /*margin-top:-20px;*/
  padding-top:0px;
}

#left {
  float: left;
  clear: left;
  width: 180px;
  /*padding-left:10px;
  padding-right:10px;*/
  padding-right:20px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:100px;
  min-height:600px;
	text-align:justify;
}

#right {
  float: left;
  width: 500px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:20px;
  padding-right:100px;
  min-height:600px;
}

#footer {
  float: left;
  clear: both;
  width: 1005px;
  height:140px;
  text-align: center;
  /*background-color: #e2e393;*/
  /* border-top: 3px double black; */
  background-image:url('images/graded-black.gif');
  background-repeat:repeat-x;
}





#header h1 {
	float: left;
	padding-left:20px;
	font-size: 70px;
	color:white;
	clear:left;
}

#header h2 {
	float:left;
	clear:right;
}

#header h3 {
	float:left;
	font-size: 12px;
	color:gray;
	padding-left:20px;
	clear:both;
}


#header a {
	text-decoration: none;
	color: #FFFFFF;
}

#left h1
{
	margin-top:20px;
	background-image:url('images/side-box.jpg');
 	background-repeat:no-repeat;
 	color:black;
 	font-size:12px;
 	height:25px;
	font-family: Tahoma, Arial, sans-serif;
	padding-top:5px;
	padding-left:20px;
	
	
	
}

#left h2
{
/*
	margin-top:20px;
	background-image:url('images/side-box.jpg');
 	background-repeat:no-repeat;
 	color:black;
 	font-size:12px;
 	height:25px;
	font-family: Tahoma, Arial, sans-serif;
	padding-top:5px;
	padding-left:20px;
	*/
	
	
	font-family: Tahoma, Arial, sans-serif;
	margin-top:7px;
	margin-left:-20px;
	font-size: 12px;
	color:gray;
	font-weight:bold;
	text-decoration:underline;

	
	
	
}






#right h1
{
	font-size:24px;
	margin-bottom:20px;
	color:#191C2F;
}

#right h2
{
	font-size:16px;
	color:#427590;
	margin-bottom:10px;
	margin-top:30px;
}

#right h3
{
	font-size:14px;
	margin-bottom:6px;
	color:gray;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	font-weight:bold;
	margin-top:20px;
}














#menu {
	height: 40px;
	margin-top: 10px;
	padding-left:50px;
	background-image:url('images/grey-nav.jpg');
 	background-repeat:repeat-x;
 	z-index:auto;
}


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

#menu li {
 	list-style-type: none;
 	float: left;
 	/*width: 7em;*/
 	text-align: center;
	display: inline;
 }

#menu a {
  text-decoration: none;
  color: white;
  /*display: block;*/
  /*border: 3px blue outset;*/
  /*background-color: #CCCCFF;*/
  
  background-image:url('images/grey-nav.jpg');
  background-repeat:repeat-x;
  height:40px;


	float: left;
	/*margin: 6px 4px 6px 2px;*/
	/*padding: 1px 10px;*/
	padding-top: 7px;
	padding-left:10px;
	padding-right:10px;
	font-size: 12px;
	font-weight: normal;

}

#menu a:hover {
  /*border: 3px blue inset;*/
  background-image:url('images/grey-nav.jpg');
  background-repeat:repeat-x;
  height:40px;
	/*background: #E8922B;*/
	font-weight:normal;
	color:gray;
}

#menu .current
{
	color:gray;
}

#left ul
{
	margin-left: 0px;
	list-style-type:none;
	text-align:justify;
}

#left li
{
	margin-left: 0px;
	padding-left: 20px;
  	background-image:url('images/arrow-bullet.jpg');
  	background-repeat:no-repeat;
	text-align:justify;

}

#left a {
	text-decoration: none;
	color:#427590;
	text-align:justify;
}

#left a:hover {
	text-decoration: underline;
	text-align:justify;
}

#left a.current
{
	color:gray;
	text-decoration:none;
	text-align:justify;
}

#right ul {
	list-style-image:url('images/square-bullet.gif');
}

#membership
{
	width:180px;
	float:left;
	margin-left:500px;
	margin-top:50px;
}


#footer p
{
	color:white;
	font-size:10px;
	width:400px;
}




.box {
	width: 35em;
	margin: 50px auto;
}

.box div {
	margin: 0.5em 0 0 -2.5em;
}

.box div.topleft {
	display: block;
	background: url("images/box-bg.png") top left no-repeat white;
	padding: 2.0em 0em 0em 2.0em;
}

.box div.topright {
	display: block;
	background: url("images/box-bg.png") top right no-repeat white;
	padding: 2.0em;
	margin: -2.0em 0 0 2.0em;
}

.box div.bottomleft {
	display: block;
	height: 45px;
	margin-top: -2.0em;
	background: url("images/box-bg.png") bottom left no-repeat white;
}

.box div.bottomright {
	display: block;
	background: url("images/box-bg.png") bottom right no-repeat white;
	height: 45px;
	/*margin-left: 3.0em;*/
	margin-left: 3.0em;
}









form.userinfo
{
	font-family: Verdana;
	font-size: 12px;
	width:30em;
}
form.userinfo legend
{
	font-weight: bold;
}
form.userinfo div
{
	clear: both;
	margin: 5px 10px;
}
form.userinfo label
{
	float: left;
}
form.userinfo span
{
	float: right;
}
