 <-- CSS declarations for styles common across screen widths

@media (min-width: 240px) and (max-width: 480px) {
<-- CSS declarations for screen size between 240px and 480px
}

@media (min-width: 481px) and (max-width: 800px) {
<-- CSS declarations for screen size between 481px and 800px
}

@media (min-width: 801px) {
<-- CSS declarations for screen size of 801px or larger
} 

/* "auto" makes the left and right margins center the wrapper */
#wrapper { 
 margin: 0 auto;
 width: 960px;
 padding: 0px;
 background: #FFFFFF;
 border: 10px solid #004000;
}
body {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 font-family: Verdana, sans-serif;
 font-size: 13px;
 background: #FFFFFF;
 }
/* styling navbar */
#navbar {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 50px;
}
#navbar ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height:50px;
	background: #004000;

}
#navbar li {
	display: block;
	float: left;
	list-style-type: none;
	font-size: medium; 
	font-family: "Times New Roman", serif;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
	height: 45px;
	text-align: center;
	z-index: 20;
	background: #004000;
}
#navbar li a {
	background-color: #004000;
	line-height: 45px;
	width: 160px;
	display: block;
	padding-left: 0px;
}
#navbar li a:visited {
	background-color: #004000;
	color: #FFFFFF;
}
#navbar li a:hover {
	background-color: #99cc99;
	color: #004000;
	font-weight: bold;
}
#navbar li a:active {
	background-color: #004000;
	color: #FFFFFF;
}
#navbar li ul {
	visibility: hidden;
}
#navbar li:hover ul {
	visibility: visible;
}
/* rest of page */
#logo {
	background-color: #FFFFFF;
	width: 960px;
	height: 200px;
	margin-top: 65px;
	border-bottom: 2px solid #004000;
}
#content {
 font-size: small;
 font-family: Verdana, sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #000000;
 width: 500px;
 margin-left: 10px;
 margin-top: 15px;
 padding: 10px;
}
#rtcol {
 width: 300px;
 text-align: center;
 margin-left: 530px;
 margin-top: -925px;
 float: right;
}
#innercontent {
 font-size: small;
 font-family: Verdana, sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #000000;
 width: 750px;
 background-color: #FFFFFF;
 margin-left: 50px;
 margin-top: 15px;
 padding: 10px;

}
#innerwpix {
 font-size: small;
 font-family: Verdana, sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #000000;
 width: 825px;
 background-color: #FFFFFF;
 margin-left: 100px;
 margin-top: 15px;
 padding: 10px
}
.signpix {
	float: left;
	margin: 7px;
	border: 1px solid #000000;
}
 
.smlpix {
	float: right;
	margin: 7px;
	border: 1px solid #000000;
}
#footer {
 font-size: x-small;
 font-family: Verdana, sans-serif;
 font-weight: bold;
 font-style: normal;
 text-align: center;
 width: 100%;
 height: 30px;
 color: #FFFFFF;
 background: #004000; 
 margin: 0px 0px 0px 0px;
}
.clear {
	clear:both;
}
/* formatting text and lists */
p {
	font-size: small;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #000000;
}
ul {
	margin-left: 1.4em;
	list-style: disc;
}
#list {
	font-size: small;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #000000;
	list-style-type: disc;
	list-style-position: inside;
}
h1 {
	font-size: 14pt;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	font-style: italic;
	color: #004000;
	
}
h2 {
	font-size: 12pt;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	color: #004000;
}
h3 {
	font-size: 12pt;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	color: #004000;
}
/* styling links */
a.body:link {
	font-size: small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #004000;
}
a.body:visited {
	font-size: small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #004000;
}
a.body:hover {
	font-size: small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	color: #99cc99;
}
a.body:active {
	font-size: small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #004000;
}
a.nav:link {
	font-size: small;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.nav:visited {
	font-size: small;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.nav:hover {
	font-size: small;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #99cc99;
}
a.nav:active {
	font-size: small;
	font-family: "Bookman Old Style", serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.credit:link {
	font-size: x-small;
	font-family: Verdana, snas-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	color: #FFFFFF;
}
a.credit:visited {
	font-size: x-small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	color: #FFFFFF;
}
a.credit:hover {
	font-size: x-small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.credit:active {
	font-size: x-small;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	color: #FFFFFF;
}