@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: none;
	}
	
body {
	background: #40484f;
	padding: 10px 0;
	text-align: left;
	}
	
#wrapper {
	width: 800px;
	background: #fff url(images/random/5.jpg) no-repeat left top;
	}
	
/* header */	

ul#nav {
	font: bold 12px/12px Helvetica, Arial, sans-serif;
	letter-spacing: -.085em;
	height: 18px;
	overflow: hidden;
	padding: 12px 0 0;
	}
	
ul#nav li {
	float: left;
	list-style: none;
	border-left: 1px solid #fff;
	padding: 0 9px;
	}
	
ul#nav li.n1 {
	border: none;
	}
	
ul#nav li a {
	color: #fff;
	text-decoration: none;
	}
	
ul#nav li a:hover {
	color: #a2bcd0;
	}
	
h1 {
	width: 500px;
	height: 170px;
	}

h1 a {
	background: url(images/logo.gif) no-repeat left top;
	display: block;
	width: 500px;
	height: 170px;
	text-indent: -9999em;
	}

h2 {
	height: 1px;
	overflow: hidden;
	visibility: hidden;
	}
	
p#subnav {
	font: normal 11px/18px Helvetica, Arial, sans-serif;
	height: 60px;
	margin: 0 25px;
	letter-spacing: -.025em;
	}
	
p#subnav a {
	color: #000;
	}

p#subnav a:hover {
	color: #333;
	}
	
p#subnav a.on {
	font-weight: bold;
	color: #333;
	}

/* content area */

#content {
	padding: 25px 70px 25px 0;
	}

#content h3 {
	font: normal 22px/24px Helvetica, Arial, sans-serif;
	letter-spacing: -.085em;
	color: #587993;
	margin: 0 25px 8px;
	}

#content h4 {
	font: bold 13px/20px Helvetica, Arial, sans-serif;
	letter-spacing: -.05em;
	margin: 0 25px;
	}
	
#content p,
#content ul,
#content ol {
	font: normal 12px/20px Helvetica, Arial, sans-serif;
	margin: 0 25px 16px;
	letter-spacing: -.025em;
	}
	
#content li {
	margin: 0 0 0 30px;
	}

#content a {
	color: #587993;
	}
	
#content table {
	margin: 0 0 8px 20px;
	width: 	700px;
	font: normal 11px/12px Helvetica, Arial, sans-serif;
	}

#content table th {
	font: bold 11px/12px Helvetica, Arial, sans-serif;
	width: 	90px;
	padding: 5px;
	color: #fff;
	background: #587993;
	vertical-align: bottom;
	}
	
#content table td {
	padding: 5px;
	border-top: 1px solid #ddd;
	vertical-align: top;
	}
	
#content table th.red {	background: #b76652; }
#content table td.red {
  width: 	122px;
	border-top-color: #dab9b1;
	background: #e7cfc9;
	}
	
#content table th.green {	background: #8aab48; }
#content table td.green {
  width: 	122px;
	border-top-color: #c8d5af;
	background: #dde6cb;
	}
	
#content table th.orange {	background: #d5894e; }
#content table td.orange {
  width: 	122px;
	border-top-color: #edc6a7;
	background: #f9ddc7;
	}
	
#content table th.purple {	background: #7b5c94; }
#content table td.purple {
  width: 	122px;
	border-top-color: #c1b2cd;
	background: #d8d3dc;
	}
#content table th.yellow {	background: #e1d273; } /*darker top header part*/
#content table td.yellow {
  width: 	122px;
	border-top-color: #e1d273; /*border around the box*/
	background: #fff799;       /*lighter color area*/
	}

		
/* homepage styles */	

#home #content h3 {
	font: bold 18px/20px Helvetica, Arial, sans-serif;
	color: #608f80;
	}
	
#home #content h3 a {
	font: normal 12px/20px Helvetica, Arial, sans-serif;
	color: #608f80;
	text-decoration: none;
	margin: 0 0 0 5px;
	letter-spacing: -.05em;
	}
	
#home #content h3 a:hover {
	color: #333;
	}	

#home #content a {
	color: #000;
	}	

#content ul.themes {
	margin: 0 0 20px;
	height: 100px;
/*	background: url(images/themes.gif) repeat-y left top; */
	}

#content ul.themes li {
	float: left;
	width: 310px;
	height: 25px;
	margin: 0 25px;
	display: inline;
	list-style: none;
	font: bold 12px/14px Helvetica, Arial, sans-serif;
	}
	
#content ul.themes li h4 {
	font: bold 12px/14px Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 2px;
	}
	
#content ul.themes li p {
	font: normal 11px/14px Helvetica, Arial, sans-serif;
	margin: 0;
	}	

#content ul.themes hr {
	visibility: hidden;
	height: 1px;
	overflow: hidden;
	clear: both;
	}
	
#content ul.sponsors {
	margin: 0 0 20px;
	height: 50px;
	}
	
#content ul.sponsors li {
	float: left;
	display: inline;
	list-style: none;
	margin: 0 0 0 25px;
	}
	

/* footer */
	
#footer {
	background: url(images/corner.gif) no-repeat right bottom;
	text-align: center;
	padding: 0 27px 20px;
	clear: both;
	}

#footer p {
	font: normal 11px/16px Helvetica, Arial, sans-serif;
	margin: 0 0 4px;
	color: #587993;
	}
	
#footer p a {
	color: #587993;
	}
	
#footer p.green {
	background: url(images/border.gif) repeat-x left top;
	padding: 20px 0 0;
	color: #608f80;
	}

#footer p.green a {
	color: #608f80;
	}