BODY{
margin: 0px;
text-align: center;
background-image: url(../images/whiteBg-rpt.gif);
background-repeat: repeat;
padding-bottom: 25px;
}
/*overall page attributes. for example, changing the width will affect the overall width of the page format*/
.pageSize{
margin: 25px auto 25px auto;
padding: 0px 0px 0px 0px;
text-align: center;
width: 760px;
height: auto;
background-color: red;
color: #000000;
vertical-align: top;
overflow: visible;
border-top: 5px solid #608a48;
}
.headerLogoBox{
margin: 0px;
padding: 0px;
text-align: left;
width: 100%;
height: 150px;
background-color: #222222;
color: #ffffff;
overflow: hidden;
float: left;
/*background-image: url(../images/keyboard-150px3.jpg);*/
background-image: url(../images/keyboard-large.jpg);
background-repeat: no-repeat;
background-position : top;
text-indent: 0px;
}
.headerLogoBox H1{
margin: 0px;
padding: 0px 0px 0px 0px;
color: #FFA500;
background-color: #000000;
width: 300px;
height: 29px;
border-top: 1px solid #ffffff;
border-left: 0px solid #111111;
border-bottom: 0px solid #111111;
border-right: 1px solid #ffffff;
font-size: 13pt;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
line-height: normal;
text-align: left;
text-indent: 1px;
position: relative;
top: 121px;
left: 0px;
z-index: 20;
}
.headerLogoBox H2{
margin: 0px;
padding: 0px 0px 0px 0px;
color: #ffffff;
background-color: #555555;
font-size: 9pt;
width: 300px;
height: 16px;
border: 1px solid #ffffff;
font-size: 10pt;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
text-indent: 10px;
line-height: normal;
position: relative;
top: 98px;
left: 292px;
z-index: 30;
visibility: visible;
}
a.headerHomeLink {
color: #FFA500;
text-decoration: none;	
position: absolute;
z-index: 40;
top: auto;
left: auto;
width: 760px;
height: 150px;
border: 0px solid red;
}
/*defines the size of text after the words Metro 2 in the H1 tag of the logo/header */
.smallTextH1{
font-size: 13pt;
}
.headerLogoBox H3{
margin: 0px;
padding: 0px;
color: #93FF26;
text-align: center;
font-size: 70pt;
font-weight: normal;
font-family: times, serif;
filter: alpha(opacity=30);
opacity: .30;
position: relative;
top: 0px;
z-index: 10;
width: 100%;
height: 90px;
background-color: transparent;
-moz-opacity: .30;
}
H4{
margin-top: 15px;
margin-right: 25px;
margin-left: 125px;
padding: 0px;
text-align: justify;
font-size: 13pt;
font-weight: normal;
letter-spacing: normal;
word-spacing: normal;
line-height: 20pt;
}
/*Currently used as the "about us" title on index.html*/
H5{
margin: 10px 0px 10px 0px;
text-align: left;
border-bottom: 1px solid #608A48;
text-indent: 10px;
font-size: 13pt;
}
/*page titles for most pages within the site*/
H1{
margin: 0px 0px 10px 0px;
text-align: left;
border-bottom: 1px solid #608A48;
text-indent: 0px;
font-size: 13pt;
}
/*used as a paragraph for text imediatly following a header*/
.subHeaderParagraph{
margin-top: 0px; 
margin-bottom: 5px; 
margin-left: 25px; 
font-size: 10pt; 
text-align: left; 
text-indent: 0px;
}
/*begin help topic link list styles some other styles may be used in connection with these*/
UL.linkList{
text-align: left;
font-size: 10pt;
list-style: none;
list-style-image: url(../images/bullet-pic.jpg);
margin-right: 35px;
}
LI.linkList{
margin-bottom: 10px;
border-bottom: 1px dashed #A6C794;
padding-bottom: 10px;
text-align: justify;
}
A.questionListLinks{
color: #4E6F39;
background-color: transparent;
text-decoration: none;
font-weight: normal;
}
A.questionListLinks:hover{
color: #FFA500;
background-color: transparent;
text-decoration: underline;
}
H5.linkListHeader{
margin: 40px 0px 10px 0px;
text-align: left;
border-bottom: 1px solid #608A48;
text-indent: 10px;
font-size: 13pt;
clear: both;
}
/*end help topic link list styles*/

/*this class is designed to be embeded in the linkList class*/
/*it is intended for embeded UL*/
UL.subListLinks{
text-align: left;
font-size: 10pt;
list-style: none;
list-style-image: url(../images/bullet-pic.jpg);
margin-right: 35px;
margin-bottom: 0px;
}
LI.subListLinks{
margin-left: 0px;
margin-bottom: 0px;
border-bottom: 0px dashed #A6C794;
padding-bottom: 10px;
text-align: justify;
}
A.subListLinks{
color: #4E6F39;
background-color: transparent;
text-decoration: none;
font-weight: normal;
}
A.subListLinks:hover{
color: #FFA500;
background-color: transparent;
text-decoration: underline;
}

/*standard appearance of un-ordered lists*/
UL{
text-align: left;
font-size: 10pt;
list-style: lower-roman;
margin-right: 10px;
}
LI{
text-align: left;
font-size: 10pt;
margin-right: 10px;
margin-bottom: 20px;
}
/*main menu styles (the horizontal menu along the top of pagecontent)*/
.menu{
overflow: hidden;
margin: 0px;
padding: 0px 0px 0px 20px;
width: 100%;
height: 20px;
/*background-color: #A6C794;*/
background-color: #50743D;
color: #608A48;
clear: none;
text-align: left;
text-indent: 0px;
float: left;
/*background-image: url(../images/menu-bg-rpt.jpg);*/
background-repeat: repeat-x;
/*border-bottom: 1px solid #608A48;*/
border-bottom: none;
font-size: 10pt;
}
.menu A:link{
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-size: 10pt;
font-family: tahoma, serif;
font-weight: normal;
color: #ffffff;
background-color: transparent;
vertical-align: middle;
float: left;
}
.menu A:visited{
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-size: 10pt;
font-family: tahoma, serif;
font-weight: normal;
/*color: #608A48;*/
color: #ffffff;
background-color: transparent;
vertical-align: middle;
float: left;
}
.menu A:hover{
text-decoration: none;
color: orange;
background-color: transparent;
}

/*changing the color attribute will change the text color for most of the site (after the header tags)*/
/*A classes and respective classes will need to have "color" changed individualy*/
/*see contentWraper as well*/
.contentArea{
margin: 0px;
padding: 0px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
line-height: 15pt;
width: 100%;
float: left;
border-bottom: 10px solid #608a48;
background-color: #91B97B;
color: #4E6F39;
}
/*You must also change the color attribute here. Color is required for compliance with CSS2 and CSS3 validation*/
/*see contentArea as well*/
.contentWraper{
margin: 0px auto 0px auto;
padding: 5px;
width: 95%;
border-left: 1px solid #608a48;
border-right: 1px solid #608a48;
background-color: #FBF7CE;
color: #4E6F39;
}
.contentWraper A.regularLink{
color: #4E6F39;
background-color: transparent;
}
.contentWraper A.regularLink:hover{
color: #FFA500;
background-color: transparent;
}
.contentParagraph{
text-align: left;
font-size: 10pt;
margin-left: 20px;
margin-right: 20px;
clear: both;
}
a.linkopacity img{
filter: alpha(opacity=75);
opacity: .75;
}
a.linkopacity:hover img{
filter: alpha(opacity=100);
opacity: 1.0;
}
.disclaimer{
font-size: 8pt;
font-weight: bold;
background-color: #ffffff;
margin: 0px;
color: #666666;
}

/*previous and next buttons*/
.nav1{
font-family: tahoma, Serif;
color: #608A48;
background-color: transparent;
margin-bottom: 10px;
margin-top: 20px;
}
.nav1 A{
font-family: tahoma, Serif;
font-size: 10pt;
color: #608A48;
background-color: transparent;
margin-left: 10px;
margin-right: 10px;
}
.nav1 A:visited{
color: #608A48;
background-color: transparent;
}


.copyRight{
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: center;
width: 100%;
height: auto;
font-size: 9pt;
color: #444444;
background-color: #FFFFFF;
border-bottom: 1px solid #91B97B;
border-top: 1px solid #91B97B;
}
.copyRight A{
color: #444444;
background-color: transparent;
}
.copyRight A:hover{
color: #222222;
background-color: transparent;
}

/**/
A.banner{
padding-bottom: 5px;
margin: 0px;
border-bottom: 1px solid #4E6F39;

}
IMG.banner{
margin: 10px 10px 5px 10px;
}

.oDBox{
width: 146px;
height: 150px;
background-color: #f0f0df;
border: 1px solid #000000;
text-align: center;
font-size: 9pt;
font-family: arial;
padding: 5px;
line-height: 12pt;
margin: 20px 0px 0px 520px;
}
.oDBox .colOne{
border-right: 0px solid #c0c0c0;
float: left;
width: 50%;
text-align: left;
padding-left: 0px;
}
.oDBox .colTwo{
/*border: 1px solid red;*/
float: left;
width: 45%;
text-align: left;
padding-left: 5px;
}
.oDBox A{
color: blue;
}
.oDBox A:hover{
color: orange;
}

.bottomPageMenu{
margin: 0px;
padding: 0px;
padding-bottom: 10px;
width: 100%;
height: 20px;
background-color: #ffffff;
color: #608A48;
clear: none;
text-align: center;
text-indent: 0px;
float: left;
border-bottom: 0px solid #608A48;
font-size: 8pt;
}
.bottomPageMenu A:link{
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-size: 8pt;
font-family: tahoma, serif;
font-weight: normal;
color: #608A48;
background-color: transparent;
vertical-align: middle;
}
.bottomPageMenu A:visited{
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-decoration: none;
font-size: 8pt;
font-family: tahoma, serif;
font-weight: normal;
color: #608A48;
background-color: transparent;
vertical-align: middle;
}
.bottomPageMenu A:hover{
text-decoration: underline;
color: #608A48;
background-color: transparent;
}

/*Tab Styles Start*/
/*active tab classes start*/
.tabActiveStart {
	font-size: 10pt;
	font-size: 10pt;
	font-family: tahoma, serif;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	float:left;
	vertical-align: middle;
	background-image: url(../images/tab-start-active2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 11px;
	height: 20px;
	}
	.tabActiveCenter {
	font-size: 10pt;
	font-size: 10pt;
	font-family: tahoma, serif;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	float:left;
	vertical-align: middle;
	background-image: url(../images/tab-bg-active-2.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	}
	.tabActiveEnd {
	font-size: 10pt;
	font-size: 10pt;
	font-family: tahoma, serif;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	float:left;
	vertical-align: middle;
	background-image: url(../images/tab-end-active-2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 11px;
	height: 20px;
	}
/*active tab classes end*/

/*inactive tab classes Start*/
	.tabInactiveStart {
	font-size: 10pt;
	font-size: 10pt;
	font-family: tahoma, serif;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	float:left;
	vertical-align: middle;
	background-image: url(../images/tab-start-inactive.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 11px;
	height: 19px;
	}
	.tabInactiveCenter {
	font-size: 10pt;
	font-size: 10pt;
	font-family: tahoma, serif;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	float:left;
	vertical-align: middle;
	background-image: url(../images/tab-bg-inactive.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 19px;
	}
	.tabInactiveEnd {
	font-size: 10pt;
	font-size: 10pt;
	font-family: tahoma, serif;
	font-weight: normal;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	float:left;
	vertical-align: middle;
	background-image: url(../images/tab-end-inactive.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 11px;
	height: 19px;
	}
/*inactive tab classes End*/
/*Tab Styles End*/