@import "reset.css";

body {
	margin: 0;
	padding: 0;
	background: #E5E5E5;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #666666;
}

blockquote {
	font-style: italic;
}

a {
	color: #0f4e21;
	font-size:0.9em;
}

a:hover {
	color: #2878c9;
}

.title1 {
	margin: 0;
	padding: 10px 0;
	font-weight: normal;
	font-size: 180%;
	color: #006600;
}

.title2 {
	margin: 0;
	padding: 10px 0;
	background: url(../images/img09.gif) repeat-x left bottom;
	font-size: 227%;
	font-weight: normal;
	color: #006600;
}

.title3 {
	margin: 0;
	padding: 5px 0;
	font-size: 129%;
	font-weight: normal;
	color: #819e6e;
	border-bottom:1px solid #549767;
	margin-left:30px;
}
h4 { 
	margin: 0;
	padding-bottom:0px;
	padding-top:15px;
	font-weight: normal;
	font-size: 140%;
	color: #0f4e21;
}
.boxed {
	padding: 5px 30px 20px 30px;
}

.boxed p, .boxed ul, .boxed ol {
	line-height: 180%;
}

.orange {
	margin: 20px 30px;
	background: #ecf1ea;
	border-top:3px solid #549767;
	color: #819e6e;
}

.orange a {
	color: #819e6e; text-decoration:none;
}
.orange a:hover {color:#0f4e21;}
.col-one {
	float: left;
	width: 150px;
}
.col-two ul {margin-left:-10px;}
.col-one ul li {list-style:none;}
.col-two ul li {list-style:none;height:80px; line-height:12px; padding-top:5px; }
.col-two {
	float: right;
	width: 450px;
}

/* Page */

#page {
	width: 980px;
	margin: 0 auto;
	background: #FFFFFF url(../images/img01.gif) repeat-y;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

/* Logo */

#logo {
	height: 220px;
	background: #FFFFFF url(../images/img02.gif) repeat-y right top;
}

#logo h1, #logo h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #006600;
}

#logo h1 {
	padding: 110px 0 0 0;
	background: url('../images/img03.gif') no-repeat center center;
	font-size: 36px;
}

#logo h2 {
	font-size: 14px;
}
#logo h1 a {color:#006600; letter-spacing:4px;}
#logo a {
	color: #9C9C9C;
	text-decoration: none;
}

/* Menu */

#menu {
	padding: 20px;
	border-top:1px solid #549767;
	border-bottom:1px solid #549767;
	background-color:#006600;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	padding: 10px 0;
	border-bottom:1px dotted #bad4a9;
}

#menu li.first {
	background: none;
	border-top:1px dotted #bad4a9;
}

#menu a {
	text-decoration: none;
	font-size: 129%;
	color: #bad4a9;
}

#menu a:hover {
	color:#fff;
}

/* Login */

#login {
	padding: 20px;
	background:#cfdfc5;
}

#login form {
	margin: 0;
	padding: 20px 0 0 0;
}

#login fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#login label {
	color: #FFFFFF;
}

#inputtext1, #inputtext2 {
	width: 194px;
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#inputsubmit1 {
	margin-bottom: .5em;
	font: bold 100% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}

#login a {
	color: #FFFFFF;
}

/* Content */

#content {
	float: right;
	width: 740px;
}

/* Footer */

#footer {
	width: 980px;
	height: 120px;
	margin: 0 auto;
	background: url(../images/img12.gif) repeat-x;
}

#footer p {
	margin: 0;
	font-size: 85%;
}

#links {
	float: left;
	width: 220px;
	height: 45px;
	padding: 35px 0 0 20px;
	background: url(../images/img13.gif) repeat-x;
}

#links a {
	color: #FFFFFF;
}

#legal {
	float: right;
	width: 720px;
	height: 45px;
	padding: 35px 0 0 20px;
}

.jsvalidation {
	color: red;
	font-size: .8em;
	margin-left: 10px;
}

.contactForm table {
	width: 100%;
}

.contactForm td { 
	text-align: left;
	vertical-align: top;
}


.errorBox{
	display:none;
	
}

.errorBox p{
	padding-left: 10px;
	color:black;
}

#navigation img { cursor: pointer; }
#controls { width: 80%; margin:20px 0px 0px 20px; font-size: .8em; }
#navigation { width: 60%; float: left; text-align: center; }
#perpage { width: 20%; float: left; }
#text { width: 20%; float: left; margin-top: 2px; text-align: right; }


	
/*--- Forms ---*/

/* VALIDATION */
input.error, select.error, textarea.error, .errorBox{
	border: 1px solid #CC0000;
	background-color:#FFE0E3;
}

.message .error{
	padding:5px;
	border:1px solid red;
	background-color:#FFE0E3;
	width:370px;
	margin-left:15px;
	background-image:none;
	font-weight:bold;
}

.error {
	background:none;

}


div.error{
	background:#FFE0E3 none repeat scroll 0 0;
	border:2px solid red;
	font-weight:bold;
	line-height:2em;
	margin:0 0 20px;
	padding:10px;
}

label.error{
	display:none;
}

.boxed ul li {
	list-style-type:disc;
}

.message .success_form {
	color:blue;
	font-size:1.5em;
}


/* Sortable Table */
.sortable { width: 100%; }
.sortable th {background:url(../images/admin/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.sortable th h3 {font-size:.6em; font-weight: bold; padding:6px 8px 8px}
.sortable td {font-size:.8em; padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.sortable .head h3 {background:url(../images/admin/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc, .sortable .asc {background:url(../images/admin/header-selected-bg.gif)}
.sortable .desc h3 {background:url(../images/admin/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc h3 {background:url(../images/admin/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .evenrow td {background:#fff}
.sortable .oddrow td {background:#ecf2f6}
.sortable td.evenselected {background:#ecf2f6}
.sortable td.oddselected {background:#dce6ee}
.sortable td.center { text-align: center; }
.sortable td.left { text-align: left; }
.sortable td.right { text-align: right; }