/* top level classes */
* { margin:0; padding:0; }
body {font: 1em verdana, arial, sans-serif; background-color:#232323}
	
p {
	font-family:verdana,sans-serif;
	font-size:small;
	margin:0 20px 15px 0;
	color:#666666
}
	
p span {display:block; margin-left: 10px;}

p a { color:#00F; 
	text-decoration:none; 
	font-weight:bold; }
	
a:hover {text-decoration:underline;}

a:visited {color:#00F;}

h1 { font-family: trebuchet ms,arial,sans-serif;
	color:#0189A3; 
	font-weight:bold;
	padding:10px 0 15px 0; 
	font-size:1.7em ; 
	color:#0189A3}

h2 { font-family:verdana,arial,sans-serif; 
	font-weight:bold;
    margin-bottom: 5px; 
	padding:15px 0 2px 0; 
	font-size:1.2em; 
	color:#0189A3;}

h3 { font-family:verdana,arial,sans-serif; 
	font-weight:bold;
	margin-bottom: 5px; 
	padding:10px 0 2px 0; 
	font-size:.8em; 
	color:#0189A3;}
	
img { border:0; }

hr {width:100%;
	height:1px;
	clear:both;
	background-color:#B5DC10;
	color:#B5DC10;
	margin:15px 0 15px 0;
	padding:0;
	border:0;}
	
ul li {font-family:tahoma,arial,sans-serif; 
	font-size:.75em;
	color:#666666; 
	margin:5px 85px 5px 85px;}
	
ol li {font-family:tahoma,arial,sans-serif; 
	font-size:.75em;
	color:#666666; 
	margin:5px 85px 5px 85px;}

table, th, td {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	border-collapse:collapse;}

td, th {border:1px solid #000;
	padding:3px 7px 2px 7px;}
	
th {font-size:1.1em;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#0189A3;
	color:#ffffff;}
	
td {font-size: .75em; color:#666666}

tr.alt td {color:#000000;
	background-color:#F1FBC7;}	
	
/* End top level classes */

#header{ height: 103px;
	leftpadding:0;
    margin: 0;
	background:url(/images/top-bg.gif)}
	
#header img {float:left;border:none; 
	padding:10px 0 0 10px;}
	
/* NAVBAR */
#navbar {height:103px;
	position: absolute; right: 5px; top: 0px; z-index: 100;}

#navbar ul li {float:left;
	line-height:103px;
	list-style-type:none;
	margin:0;
	border-right: 1px solid #585858;}

#navbar ul li a {display:block; text-align:center;
	padding:0 14px; 
	font-size:1.3em;
	text-decoration:none;
	color:#B2B2B2;}

#navbar a:hover {color:#FFF;background:url(/images/main-menu-hover.gif) top repeat-x;}

#navbar ul li:first-child {border-left: 1px solid #585858;}

#navbar ul li a.current {color:#FFF; background:url(/images/main-menu-hover.gif) top repeat-x;font-weight:bold}

#navbar ul li ul {margin:0;padding:0;
    position:absolute;
	width:13em;
	display:none;
	background-color:#333;}

#navbar ul li:hover ul {display:block}

#navbar ul li ul li{width:100%; margin:0;padding:0;
	border-bottom:1px solid #585858;
	font-size:.9em; line-height:30px}

#navbar ul li ul li:first-child{border-left:none; border-top:1px solid #585858;}

#navbar ul li ul li a {text-align:left;}

/* CONTENT AREA VARIATIONS */

/* places wraper around content area to give background*/
#outerwrap {width:100%; background: url(/images/background.jpg) repeat;} 

/* places wraper around content area to center*/
#contentwrap{margin-left:auto; 
	margin-right:auto;
	text-align:left;
	width: 940px;
	clear: left;
	padding: 0;}

/* full content area with no left nav or right rail*/
#contentfull{float: left;
	background-color:#FFF;
	padding: 15px;
	min-height:375px;}
	
/* left nav included with content area on right */
#contentright {width:720px; 
	float:left;
	background-color:#FFF;
	padding: 10px;
	min-height:375px;}

/* right rail included with content area on left */
#contentleft {width:695px; 
	float:left;
	background-color:#FFF; 
	padding: 10px;
	min-height:375px;}

/* center content area with left nav and right rail */
#contentcenter {width:495px; 
	float:left;
	background-color:#FFF;
	padding: 10px;
	min-height:375px;}

#rightrail {width:225px; 
	float:right;}

#rightrail p {padding:30px 0 0 10px;}
	
/* Left nav container */
#leftcolumn {width:190px; 
	margin-left:10px; padding-top:35px;
	float:left;}

#leftnav{background:url(/images/leftnav-bg.jpg) repeat-y bottom left;
	margin-top:0;
	padding:0;}
	
#leftnav h1 {font:1.3em tahoma,arial,sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding:8px 0 8px 18px;
	margin-top:-3px;}

#leftnav h1 a { text-decoration:none; color:#FFF}

#leftnav h1 a:hover {text-decoration:underline;}

#leftnav ul{list-style: none; font-size:1em;
	margin: 0;
	padding-left:0;
	border: none;}

#leftnav ul li{font:.8em tahoma,arial,sans-serif;
	margin:0;
	padding:0;}

#leftnav ul li a{display: block;
	padding: 8px 5px 8px 18px;
	color:#FFF;
	text-decoration: none;}

#leftnav ul li a:hover{font-weight:bold}

#leftnav ul li a:visited{color: #FFF;}

#leftnav ul li a.active {background-color:#FFF;
	font-weight:bold; color:#000; margin-left:8px; padding-left:10px;
	text-decoration:none;}
	
#leftnav ul li ul {margin-left:8px; padding:0 0 5px 20px; background-color:#FFF;}

#leftnav ul li ul li {font:.9em tahoma,arial,sans-serif}

#leftnav ul li ul li a {color:#000; padding:0 0 5px 0}

#leftnav ul li ul li a:visited{color: #000;}

#leftnav ul li ul li a.active {color:#000; text-decoration:underline; font-weight:normal; padding:0 0 5px 0; margin:0}

/* section index pages */

#index p {padding-left:18px;  margin-bottom:25px}
#index a.button {font:bold 1.1em verdana,arial,sans-serif; width: 215px; padding:20px 0 20px 0; margin:15px 0 25px 15px; 
        display: block;}

/* side rail ads */
.ad {width:165px; 
	margin:25px 10px; 
	padding:5px; border-bottom:1px solid #B5DC10}

.ad h1 { text-transform: uppercase; 
	border-bottom:1px solid #B5DC10; 
	font-size: 1em;
	font-weight: bold;
	text-align: center; 
	padding: 0;
	margin-bottom:15px;}

.ad h2 {padding:0; 
	font-size:.8em;}

.ad p {font:.7em tahoma, arial, sans-serif; 
	text-align:left; 
	padding:0 !important; 
	margin:0!important;
	color:#000;}
	
/* creates button
taken from online tutorial at http://www.binarymoon.co.uk/2010/06/css-button-redux/  */

a.button {font-family: arial, serif;
	font-size:1.2em;
	color:#F2F1EE;
	text-decoration:none;
	padding:5px;
	border:2px solid #B5DC10;
	text-align:center;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
	background:#0189A3;
	background:-moz-linear-gradient(0% 50% 90deg, #0189A3, #1AD3F8);
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;}
	
a.button:hover {color:#fff;
	border-color:#B5DC10;
	background:#1AD3F8;
	background:-moz-linear-gradient(0% 30% 90deg, #1AD3F8, #0189A3);}
	

a.button:active {background:#4195DD;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#003C82), to(#4195DD));
	background:-moz-linear-gradient(0% 90% 90deg, #4195DD, #003C82);}

a.button.notransitions {-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;}

.column {float:left; 
	width:215px;
	margin-right:20px}
.column h2 {padding-bottom:15px}
.column p {padding:0; margin:0; color:#fff}

/* places wraper around fcontent area to center*/
#fcontentwrap{margin-left:auto; 
	margin-right:auto;
	text-align:left;
	width: 940px;
	clear: left;
	padding: 0;}
	
/* footer content and menu */
#fcontent {width: 100%; background-color:#2e2e2e; padding-top:20px;  float:left}
#fcontent h1 {font: .85em tahoma, arial, sans-serif;text-transform:uppercase; 
	padding:5px 5px 5px 10px; 
	background-color:#3c3c3c; 
	color:#ccc; 
	border-right:1px solid #4d4d4d; 
	border-bottom:1px solid #4d4d4d;  }
#fcontent h1 a { text-decoration:none; color:#ccc}
#fcontent h1 a:hover {color:#fff}
#fcontent ul{list-style: none; font-size:1em;
	margin: 0;
	padding:0 0 25px 0;
	border: none;}
#fcontent ul li{font:.8em tahoma,arial,sans-serif;
	margin:0;
	padding:0;}
#fcontent ul li a{display: block;
	padding: 8px 5px 8px 10px;
	color:#7E7E7E;
	text-decoration: none;
	border-bottom:1px solid #4D4D4D;
	border-top:1px solid #1b1b1b}
#fcontent ul li a:hover{color:#ccc}
#fcontent ul li a:visited{color: #7E7E7E;}
#fcontent ul li a:visited:hover{color: #ccc;}


/* footer */
#footer{float:left; 
	width:100%;
	background-color:#232323;
	padding-top:0; margin:0;
border-top:1px solid #4d4d4d }
	
#footer p {color:#7E7E7E; 
	padding:10px 10px 5px 10px;
	font-size:.7em}
	
#footer a {color:#7E7E7E; 
	text-decoration:underline;}

#info {width:50%; float:left;}
#credits {width:50%; float:right;text-align:right}
	
/* "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */