/*=======was margin-top: 20px; changed to see how it looked */

body	{	/*==background-color: #66FF00;*/
		background-image: url(images/green_page_bgrnd_rev_1400.jpg);
		background-repeat: repeat-x;
		margin-top: 0px;
		font-family: verdana, arial, sans-serif;
		color: #333333;
		font-size: 12px;
}

#container {	background-image: url(images/gradedbg_rev.jpg);
		background-repeat: repeat-x;
		width: 770px;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		border-top: white solid 1px;
		border-left: white solid 1px;
		border-bottom: white solid 1px;
		border-right: white solid 1px;
}

/*==Masthead background was simply #CCC==*/

#masthead {	background-image: url(images/gradedbg_rev3.jpg);
		background-repeat: repeat-x;
		padding-top: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px;
		font-size: 130%;
		color: white;
		border: black solid 0px;
}

/*==Links is navigation space on the left. The background was simply #EEE==*/

#links  {	background-image: url(images/gradedbg3.jpg);
		width: 140px;
		height: auto;
		float: left;
		padding-top: 0px;
		padding-bottom: 10px;
		font-size: 100%;
}

/*==News background was simply #EEE==*/

#news {		float: left;
		background-color: #EEE;
		width: 145px;
		padding-top: 0px;
		padding-right: 5px;
		padding-left: 10px;
		padding-bottom: 10px;
		margin-top: 0px;
		font-size: 75%;
		color: #333333;
}

#news a:hover{ background-color: #eee;
 		font-weight: bold;
		padding: 0px;
}

#news a {text-decoration: none;
		border: none;
}

#news h1 {	color: black;
		text-align: left;
		font-size: 120%;
		font-weight: normal;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		padding-left: 12px;
		padding-right: 6px;
		padding-top: 0px;
		padding-bottom: 3px;
		border: solid 1px silver;
}

#news p {	margin: 6px 12px;
}

/*==main section is different for home page (homemain)==*/

#main {		float: left;
		width: 442px;
		margin-right: 13px; /*was 25px right and left - adds space betwen columns*/
		margin-left: 13px;
		border: black solid 0px;
		padding-top: 5px;
		padding-bottom: 15px;
		text-align: justify;
		font-size: 80%;
		color: #333333;
}

#main a {	color: black; /*was color: #0000FF;*/
}

#main a:hover { font-weight: bold;
		/*was background-color: #EEE; then white;*/
		border: solid 0px silver;
		padding-left: 0px; /*was padding-left: 8px*/
		padding-right: 0px; /*was padding-right: 8px*/
		color: black; /*was color: #666;*/
}

/*==homemain is for home page onlyl==*/

#homemain  {	float: left;
		background-image: url(images/logotrs3c.jpg);
		/*background-image: url(images/logotrs3c.jpg);*/
		/*background-image: url(images/green_graded_rev.jpg);*/
		background-repeat: no-repeat;
		width: 460px;
		margin-right: 3px; /*adds space betwen columns*/
		margin-left: 3px;
		margin-top: 3px;
		padding-right: 0px;
		padding-top: 15px;
		padding-bottom: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: right;
		font-size: 90%;
		color: #333333;
		border: solid #999 2px;
}

#homemain a {	color: #333;
}

#homemain a:hover { font-weight: bold;
		color: white;
		/*background-color: #999;
		border: solid 1px silver;
		padding-left: 8px;
		padding-right: 8px;
		color: white;*/
}

/*==Heading color was a version of the green #00DD00. Then a royal blue #0000FF ==*/

h1 {	color: black;
		text-align: right;
		font-size: 180%;
		font-weight: normal;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		margin: 6px 0px;
}

/*==old versions

h1 {	color: black;
		font-size: 180%;
		font-weight: normal;
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 6px 0px;
}

h2  {	color: #0000FF;
		font-size: 110%;
		font-weight: normal;
		margin-top: 16px;
		margin-bottom: 5px;
		margin-left: 12px;
}
==*/

h2 {	color: black;
		text-align: right;
		font-size: 110%;
		font-weight: normal;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		padding-left: 10px;
		padding-right: 6px;
		padding-top: 3px;
		padding-bottom: 3px;
		border: solid 1px silver;
}

h3  {	color: #333333;
		text-align: right;	
		font-size: 130%;
		font-weight: normal;
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
		margin-right: 20px;
		/*	background-color: #99ff00; */
		border: solid 0px silver;
}

h4 {	color: black;
		font-size: 180%;
		font-weight: normal;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		text-align: right;
		margin-top: 6px;
		margin-bottom: 0px;
		margin-right: 10px;
		margin-left: 0px;
}

h5  {	color: #00DD00;
		font-size: 110%;
		font-weight: normal;
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left: 12px;
}

h6  {	color: black;
		font-size: 110%;
		font-weight: normal;
		margin-top: 0px;
		margin-bottom: 5px;
		margin-left: 0px;
}

/*==Misc other styles==*/

p {		/*margin: 6px 12px;*/
		margin-top: 6px;
		margin-bottom: 12px;
		margin-left: 6px;
		margin-right: 6px;
}

table { padding: 0px;
		border: solid #999 0px;
		margin: 0px;
}

a  {	text-decoration: none;
		color: black; /*was color: #0000FF*/
		border: none;
		
}

/*a:hover { background-color: #66FF00;
		color: black;
}*/

img a {	color: white;
		text-decoration: none;
		border: none;
}

img a:hover { text-decoration: none;
		border: none;
}

.screen {	background-image: url(images/cool_screen_r1.jpg);
		background-repeat: no-repeat;
}

#navtop {	background: #CCC;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 0px;
		font-size: 120%;
		color: #333333;
		border-top: white solid 1px;
		border-bottom: white solid 1px;
}

/*==============left side navigation buttons*/
	
ul#vnav {	list-style: none;
		margin: 0;
		padding-left: 8px;
		padding-bottom: 12px;
		font-size: 80%;
}



ul#vnav li a  {	display: block;
		/*==background-color: #eee;==*/
		border-top: solid 1px #eee;
		border-left: solid 1px #eee;
		border-right: solid 1px gray;
		border-bottom: solid 1px gray;
		width: 100px;
		height: 22px;
		line-height: 22px;
		padding-left: 12px;
		margin-top: 6px;
		margin-left: 0px;
		text-decoration: none;
		color: #333;
}


ul#vnav li a:hover  {	background-color: #99ff00;
		border-right: solid 1px gray;
		border-bottom: solid 1px gray;		
		padding-left: 12px;
		color: #333;
}

/*==Gallery of website thumbnails==*/	

#gallery {		float: left;
		width: 442px;
		margin-right: 13px; /*adds space betwen columns*/
		margin-left: 13px;
		border: black solid 0px;
		padding-top: 4px;
		padding-bottom: 15px;
		text-align: justify;
		font-size: 90%;
		color: #333333;
}

#gallery a:hover { background-color: white;
		padding: 0px;
		border: white solid 0px;
}

/*==Footers==*/

#footer {	clear: both; /*starts the footer below all the floated content*/
		text-align: center;
}

#whitebar	{	display: block;
		height: 12px;
		background-color: white;
		border-top: solid 0px silver;
		border-bottom: solid 0px silver;
}

#sitemap {	clear: both; /*starts below all the floated content*/
		text-align: left;
		font-size: 75%;
		padding-left: 30px;
		padding-right: 0px;
}

#sitemap td {  text-indent: 10px;
		border-left: ridge white 1px;
}

#sitemap a { color: #333;
}

#sitemap a:hover { color: black;
}


.footer2 {	padding-left: 2%;
		padding-top: 4px;
		padding-bottom: 4px;
		font-size: 75%;
		color: #666666;
		vertical-align: middle;
}

.footerw3 {	background-color: white;
		line-height: 20px;
		padding-left: 0%;
		font-size: 75%;
		text-align: center;
		color: #666;
		vertical-align: middle;
}

.footerw3 a {	padding: 0px;
		text-decoration: none;
		border: none;
}

.footerw3 img {border: solid 0px silver;
		vertical-align: middle;
}

/*==============bottom navigation bar. Background color was #EEE*/

ul#hnav {	list-style: none;
		line-height: 28px; 
		margin: 0 0 0 0px;
		padding: 0 0 0 0%;
		font-size: 75%;
		background-color: #FFFFFF;
		clear: both;  /*this ensures its place beneath the previous content*/
		color: gray;
}


ul#hnav li  {	display: inline;
}


ul#hnav li a  {	display: inline;
		padding-left: 6px;
		padding-right: 6px;
		background-color: #FFF;
		text-decoration: none;
		color: gray;
		border-right: 1px solid gray;
}


ul#hnav li a:hover  {	background-color: silver;
			padding: 6px;
			color: white;
}

/*=================*/

.class	{ text-align: left;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 140%;
		font-weight: normal;
		font-variant:small-caps;
		padding-left: 20px;
}