/* -------------------------- */
/* ----- General styles ----- */
/* -------------------------- */
body {background:#f4e7bd; margin: 0; padding: 0; font-family: Arial; font-size: 12px; color:#464646}
p {margin:0 0 20px 0}
a {text-decoration: none}
a img {border: 0}
h2 {color:#7E8901; font: normal 28px Georgia; margin:30px 0 20px 0; padding:0;}
h3 {color:#7E8901; font: normal 22px Georgia; margin:30px 0 0px 0; padding:0; clear: both}
h4 {margin:0; font-size: 12px; color:#B22D00; clear: both}
ul {list-style: none}


/* -------------------------- */
/* ----- Common classes ----- */
/* -------------------------- */
.container {width:960px; margin:0 auto}
.button {background: #f4f4f4; color:#000; border:1px ridge #999; width:50px; padding:2px 5px; text-align: center; margin:10px 0; 
	font-size: 9px}
.button a {color:#000}


/* -------------------------- */
/* -------- header ---------- */
/* -------------------------- */
#header {height:158px; background:url(../images/bkgd-header.jpg) repeat-x; margin:0; border-bottom: 3px solid #c0943c}
#logo {width:363px; height:118px; margin:0 auto; display:block}

#nav {margin:10px 0 0 0; padding: 0; float:right}
#nav li {float:left; width:76px; height:18px; background:url(../images/menu.jpg) no-repeat; text-align: center; padding:7px 1px 5px 1px}
#nav li a {color:#fff; font-size: 13px;}


/* -------------------------- */
/* -------- Content --------- */
/* -------------------------- */
#primary, #main-content, #secondary {float:left}

#chess {width:297px; height:309px; margin:-146px 0 0 0; float:left;
	/* fix for IE6 */ position: relative}

#login {float: right; width:640px; border: 1px solid #c0943c; margin:30px 0 20px 0; padding:10px; background: #efdb9e; font-size: 10px; color:#95844D;
	-webkit-border-radius:5px; -moz-border-radius: 5px;}
#login h3 {font-size:20px; margin: 0; color:#000}
#login form {float: left; margin:5px 0; color:#95844D}
#login input {background: #ead28b; border:1px solid #d9c17a; height: 21px; color:#95844D; width:200px}
#login input.submit {background: #f9f9f9; color: #000; border: 1px solid #999; height:21px; width:50px; margin-left: 20px}
#login p {clear: both}
#login a {color:#943415; font-size: 13px; margin-left: 20px}


/* Pimary sidebar */
#primary {width:215px; padding:0 15px; clear:both}
#primary h4 {clear: none}
#primary p {margin:15px 0 10px 0}
#primary a {color:#B22D00}
#primary a:hover {text-decoration: underline}

.news {clear: both; margin-top:20px}
.lefticon {float:left; background: url(../images/lefticon.jpg) no-repeat; width:36px; height: 34px; margin: 0 5px 0 0; padding:7px 0 0 0;
	color:#fff; font-size: 11px; text-align: center}
.meta {font-size: 9px; background: #f1e0ac; padding:2px 0; display: inline}

#resources {margin:0; padding: 0}
#resources li {border-bottom: 1px dotted #999}
#resources a {color:#464646; display: block; padding:4px 0; }
#resources a:hover {color:#B22D00; background: #f1e0ac}
#resources span {margin-right: 5px}

/* main content */
#main-content {width:435px; padding:0 34px 30px 34px; border:dotted #999; border-width: 0 1px}
#comment {border: 1px solid #c0943c; background: #efdb9e; padding:5px 10px; color:#B22D00;}
#comment a {color:#B22D00; font-size: 11px}

.project-date {color:#C0943C; font-size: 12px; padding-left: 14px}
.project {padding:10px; background: #f0dfa9; border: 1px dotted #c0943c; overflow: hidden}
.project img {float:left; margin:0 10px 10px 0; border:3px solid #EBD693}
.project h4 {margin-top: 20px; color:#853008; clear: none}

.purpose {margin:20px 20px 20px 0; padding: 0; float:left;}
.purpose li {margin:5px 0;}
.purpose a {color:#853008; display: block; background:#eed;  padding: 2px 5px}
.purpose a:hover {background:#f2e8aa}

/* secondary sidebar */
#secondary {width:182px; padding:0 0 0 28px; font-size: 12px}


/* -------------------------- */
/* --------- footer --------- */
/* -------------------------- */
#footer {background:#8c2c00 url(../images/footer-2.png) repeat-x; padding:40px 0; text-align: center; overflow: hidden; font-size: 11px; 
	clear: both; color:#000}
#footer p {margin:5px 0}
#footer a {color:#ee7e1f;}
#footer .button a {color: #000}

#footerbox-wrapper {width:785px; margin:0 auto;}
.footerbox {background: url(../images/footerbox.jpg) no-repeat; width:181px; height:128px; float:left; color:#fff;
	font-size: 12px; padding:20px 17px; margin:0 20px;}
.footerbox h3 {color:#f4e7bd; font-size: 24px; margin: 0}
.footerbox p {margin: 20px 0;}
.footerbox .button {margin:10px auto}

#footer-nav {clear:both; width:340px; margin:0 auto; padding:10px 0}
#footer-nav li {float:left}
#footer-nav a {padding:0 5px; border-left: 1px solid #ee7e1f; font-size: 11px}
#footer-nav li#home a {border: 0}

#validation {width:155px; margin:10px auto;}
#validation div {float: left; margin:0 5px}