@import url('menu.css');
body {
	margin: 12px 16% 20px 12%;
	padding: 0;
	border: 0;
	font-family: Verdana;
	background-color:#CFCFCF
}

#container {
	border-style: solid;
	border-width: 2px;
	border-color: #808080 #000000 #000000 #808080;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: Verdana;
	font-size: 12px;
}

#masthead {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.masthead_white_font {
	color: white;
	font-size:16px;
	font-weight:500;
}

.masthead_green_font {
	font-size: 22px;
	color: #00CC00;
	font-weight: 700;
}

	
#content {
	padding: 10px;
	color: #000;
	background-color: #FFFFFF;
}

#footer {
	border: 0;
	text-align:center;
	margin: 0px;
	padding:4px;
}

#footer ul, #footer li {
	margin: 0; 
	display: inline;
	font-size:x-small;
	list-style-type: none;
}

#footer a {
	padding:4px;
	color:black;
	text-align:center;
	text-decoration:none;
}
#footer a:hover{
	border-style: solid;
	border-width: thin;
	border-color: #C0C0C0 #666666 #666666 #C0C0C0;
	color: #00CC00;
	background-color: #FFFFFF;
	font-family: Verdana;
	font-weight: 500;
}

.copyright {
	font-size: x-small;
	text-align: center;
	margin:5px;
}

h1, h2, h3, h4 {
	font-weight:normal;
}

p {font-size: small;}

p a:link {
	color: #666666;
}

p a:hover {color:#00CC00;}

p a:visited {
	color: #000000
}

.align_center {
	text-align: center;
}

div.figure {
	border-style: solid;
	border-width: medium;
	border-color: #666666 #DBDBDB #DBDBDB #666666;
	padding: 10px;
	margin: 0.67em;
	background-color: #CFCFCF;
}
div.figure img { width: 100%; height:100%; }

div.figure p {
	font-family: verdana, arial, sans-serif;
	font-size: x-small;
	padding-left: 1%;
	padding-right: 1%;
	line-height: 1.1;
	margin: 0.25em auto 0 auto;
	text-align: justify;
}
div.figure p.caption { text-align: center; }
.full { width: 90%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.three_quarters { width: 75%; padding: 10px; margin: 0.5em 0.67em; }
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }