/* proctors.us style sheet */

/* basics */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	text-align: center;
	font: 84%/1.5 Arial, sans-serif;
}

#container {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

.menuleft {
	width: 390;
	float: left;
}

.menuright {
	width: 360;
	float: left;
}

.contentleft {
	width: 600;
	float: left;
}

.contentleft div.highlight {
	background: #E7F2CC;
	float: left;
	width: 200px;
	padding: 5px 5px 5px 5px;
	border-bottom: 3px solid #689000;
	border-top: 3px solid #689000;
	margin: 5px 5px 5px 5px;
}

.contentleft div.highlight div.by {
	float: right;
}

.contentright {
	width: 150;
	height: 100%;
	float: left;
	background: #E7F2CC;
}


/*=COMMON
=== === === === === === === === === === */
* {
	padding: 0;
	margin: 0;
	font-size: 100%;
}

img {
	border: 0;
}

a:link, a:visited {
	color: #689000;
}

a:hover, a:active {
	color: #526821;
}

p{
	padding: 0 20px 10px 20px;
	color: #333333;
	line-height: 150%;
}

li{
	color: #555555;
	line-height: 150%;
	list-style: none;
	background: url(img/bullet.gif) no-repeat top left;
	padding: 0 0 0 15px;
}
blockquote{
	padding: 15px 0 10px 0;
	font-style: italic;
	color: #666666;
	border: 1px solid #CCCCCC;
	margin: 0 20px 15px 20px;
	background-color: #F4F4F4;
}

/*=MASTHEAD
=== === === === === === === === === === */
#masthead {
	float: left;
	width: 100%;
	clear: both;
	border-bottom: 9px solid #689000;
	background: transparent;
	padding: 0 0 0 0;
}
#masthead img{
	display: block;
}

#masthead p{
	color: #689000;
	padding: 20px 20px 10px 20px;
	font-family: Georgia;
	font-size: 110%;
}

#masthead li {
	float: left;
	font-weight: bold;
	list-style: none;
	margin: 0 4px 0 0;
	background: none;
	padding: 0;
}

#masthead li a {
	background: #526821 url(img/corner-tab.gif) left top no-repeat;
	color: #E7F2CC;
	display: block;
	float: left;
	text-decoration: none;
}
#masthead li a span {
	background: url(img/corner-tab.gif) right top no-repeat;
	cursor: hand;
	cursor: pointer;
	display: block;
	float: left;
	padding: 3px 10px 3px 9px;
}
#masthead li a:hover, #masthead li.current a {
	background: #689000 url(img/corner-tab.gif) left top no-repeat;
	color: #FFFFFF;
}
#masthead li a:hover span, #masthead li.current a span {
	background: url(img/corner-tab.gif) right top no-repeat;
}
#masthead ul{
	float: left;
	padding: 5px 10px 0 15px;
}


/*=CONTENT
=== === === === === === === === === === */
#content {
	float: left;
	width: 100%;
	clear: both;
	padding: 0 0 10px 0;
}
#content ul, content ol{
	padding: 0 20px 10px 20px;
}

#content ul li.nobul{
	background: none;
}

#content span{
	color: #689000;
}

#content h1{
	font-size: 200%;
	padding: 15px 20px 5px 20px;
	clear: both;
	color: #526821;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
#content h1 span,
#content h3 span{
	color: #689000;
}
#content h1.message{
	padding: 15px 20px 20px 20px;
	margin: 0 0 20px 0;
	background: #E7F2CC;
}
#content h2{
	clear: both;
	color: #555555;
	font-size: 125%;
	padding: 0 10px 10px 10px;
	font-weight: normal;
}
#content h3{
	clear: both;
	padding: 0 20px 5px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #526821;
	font-size: 160%;
	font-weight: normal;
}
#content h3.pdf{
	background: #E7F2CC url(pdf.gif) no-repeat left;
	padding: 5px 20px 5px 45px;
	margin: 0 10px 5px 10px;
}
#content h3 a:link, #content h3 a:visited{
	text-decoration: none;
	color: #526821;
}
#content h3 a:hover, #content h3 a:active{
	text-decoration: underline;
}
#content h4{
	padding: 0 20px 5px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #526821;
	font-size: 120%;
	font-weight: normal;
}
#content .secondary{
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0 -10px 0;
	padding: 15px 0 10px 0;
}

div.rightblock{
	width: 140px;
	padding: 5px 5px 5px 5px;
	border-bottom: 3px solid #689000;
}

div.adminformheading {
	clear: both;
	width: 100%;
	background: #689000;
}

div.adminformheading a{
	color: #FFFFFF;
	font-size: 125%;
	padding: 0 10px 5px 10px;
	font-weight: normal;
}

div.adminformleft {
float: left;
clear: left;
background: #E7F2CC;
width: 15%;
}

div.adminformleft input {
margin: 0 0 10px 10px;
}

div.adminformright {
float: left;
clear: right;
width: 85%;
}

div.ta {
height:215px;
}

div.adminformright textarea {
width: 100%;
height: 200px;
padding: 4px;
}

div.adminformmenu {
float:left;
width:40%;
}

div.adminformmenu textarea {
width: 100%;
height: 200px;
padding: 4px;
}

.wide {
	width: 90%;
}

/*=TABLE
======================================= */
div.table {
	margin: 0;
	padding: 0;
	float: left;
	clear: none;
	width: 446px;
}

div.ntable {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

div.namecol {
float: left;
clear: none;
}

div.scrolling{
	overflow: auto;
}

div.row {
	clear: both;
	width: 3000px;
}

div.ta_row {
	clear: both;
}

div.cell {
	float: left;
	margin: 1px;
	padding: 1px;
	clear: none;
	width: 40px;
	height: 15px;
	overflow: hidden;
}

div.hcell {
	background: #E7F2CC;
	color: #526821;
	height: 100px;
}

div.ncell {
width: 150px;
overflow: hidden;
}

div.gcell {
	width: 80 px;
}


table {
width: 100px;
margin: 0;
padding: 0;
float: left;
clear: none;
}

tr.header {
	background: #E7F2CC;
	color: #526821;
}

td.header {
	background: #E7F2CC;
	color: #526821;
}

td.data {
margin: 0;
padding: 1px;
width: 10px;
overflow: hidden;
}

td.name {
margin: 0;
padding: 1px;
width: 80px;
overflow: hidden;
}

/*=MESSAGE
======================================= */
#message {
	width: 750px;
	height: 250px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	background: #E7F2CC;
	border-bottom: 9px solid #689000;
}

div.messagehead {
	width: 598px;
	margin: 0 auto;
	text-align: left;
	clear: both;
	background: #E7F2CC;
	border-bottom: 9px solid #689000;
	border-right: 2px solid #689000;

}

#message h1{
	font-size: 200%;
	padding: 15px 20px 5px 20px;
	clear: both;
	color: #526821;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#message h1 span,
#message h3 span{
	font-size: 60%;
	color: #689000;
}

#message form {
	clear: both;
	padding: 15px 20px 5px 20px;
}

#message .left {
	float: left;
	width: 100;
	height: 100;
}

#message .middle {
	float: left;
	width: 240;
	height: 100;
}

#message .right {
	float: left;
	width: 100;
	height: 100;
}

/*=FOOTER
=== === === === === === === === === === */
#footer {
	float: left;
	width: 100%;
	clear: both;
	border-top: 9px solid #689000;
	padding: 10px 0 80px 0;
	background: transparent url(wide-corners.gif) no-repeat top;
}

#footer h4{
	padding: 0 20px 5px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #526821;
	font-size: 125%;
	font-weight: normal;
}

#footer ul{
	float: left;
	padding: 0 20px 10px 20px;
}