/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#fff;
	background-image:url("/img/bg.jpg");
	background-position:top left;
	background-repeat:repeat-x;
}

div#container {
	position:relative; 
	width:882px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	/* margin-top:20px; this breaks the calendar popup/lightbox. use 20px high div hack in topnav instead*/
	text-align:left;
	background-color:#282e45;
	border:0px solid black;
}

div#branding_nav {
	height:204px;
	background-image:url("/img/bg-branding.jpg");
	background-position:top left;
	background-repeat:no-repeat;
	border:0px solid #000;
}

#branding_nav img#logo {
	position:absolute;
	top:45px;
	left:30px;
}
#branding_nav a {background-color:transparent;}
/*
ul#nav {
	position:absolute;
	top:100px;
	left:0px;
	width:500px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav a{
	display:block;
	border:0px solid black;
}

ul#nav, #nav a {height:27px;}

#home, #services, #resources, #about, #contact {
	float:left;
	height:27px;
}

#home {width:116px;}
#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}
#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

#services  {width:55px;}
#services a, #services a:visited {background:url("/img/btn-services.gif") top left no-repeat;}
#services a:hover {background:url("/img/btn-services.gif") top right no-repeat;}

#resources {width:88px;}
#resources a, #resources a:visited {background:url("/img/btn-resources.gif") top left no-repeat;}
#resources a:hover {background:url("/img/btn-resources.gif") top right no-repeat;}

#about {width:79px;}
#about a, #about a:visited {background:url("/img/btn-about.gif") top left no-repeat;}
#about a:hover {background:url("/img/btn-about.gif") top right no-repeat;}

#contact {width:72px;}
#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}
*/

/*be sure to have a full-width option*/
div#content {
	padding:30px 30px 20px 30px;
	border:0px solid #000;
}

div#content_main {
	float:left;
	width:500px;
	border:0px solid #000;
}
/*#content_main p {text-align:justify;}*/

div#content_sub {
	float:right;
	width:280px;
	border:0px solid #000;
}

div#site_info {
	position:relative; 
	width:862px;
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */
	height:80px;
	padding-top:15px;
	color:#282e45;
	text-align:center;
	border:0px solid #000;
}

#site_info ul {
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
}

#site_info li {display:inline;font-size:14px;font-weight:bold;}

#site_info p {}

#site_info a {color:#282e45;text-decoration:none;background-color:transparent;}
#site_info a:visited {text-decoration:none;}
#site_info a:hover {text-decoration:underline;background-color:transparent;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:"trebuchet ms", helvetica, arial, sans-serif;
	font-size:62.5%;
	color:#fff;
}

h1, h2, h3, h4, h5 {
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol {font-size:12px;}

h1 {font-size:20px;margin-left:-1px;} 

h2 {font-size:16px;margin-left:-1px;}


h3 {font-size:14px;margin-left:-1px;}

h4 {font-size:12px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {
	/*background-color:#0e81b4;*/
	text-decoration:underline;
	color:#ffff00;
	padding:0px 1px 0px 1px;
}

a:visited {}

a:hover {text-decoration:none;/*background-color:#1f4a6b;*/}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot-white.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
img {border:0;}
.30px_bottom_margin {margin-top:30px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:1.1em;}
.no_spacing {margin:0px; padding:0;}
.light, .tableLight {background-color:#f4e2bd;}
.dark, .tableDark {background-color:#ececec;}
.adminBar {background-color:#2d4122;}
.tableHighlight {background-color:#5f4f4b;}
.white {color:#FFFFFF;}
.hidden {display:none;}
.icon {vertical-align:middle;}
a.no_link, a.no_link:visited, a.no_link:hover {color:#000;text-decoration:none;}
.red {color:red;}

.clear {
	clear:both;
	height:0px;
	border:0px solid #000;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

ul.striped, ol.striped { 
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}
ul.striped li, ol.striped li {}
ul.striped li a, ol.striped li a {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	text-decoration:none;
	border:0px solid black;
}
ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}
ul.striped li a:visited, ol.striped li a:visited {}
ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#0080ff;
	color:#fff;
}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN SPECIAL CLASSES (DELETE IF NOT BEING USED ON SITE */
ul#nav_sub_list {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}
#nav_sub_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:2px;
}
#nav_sub_list li a {
	display:block;
	color:#737373;
	font-weight:bold;
	font-size:11px;
	margin:0;
	margin-top:1px;
	padding:0;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	text-decoration:none;
	background-image:url("/img/icon-arrow.png");
	background-repeat:no-repeat;
	background-position:135px 9px;
	border:0px solid black;
}
#nav_sub_list li a:visited {}
#nav_sub_list li a:hover {background-color:#ebebeb;color:#000;}
#nav_sub_list li#first_sub_nav a {
	padding-top:6px;
}

div.box {
	position:relative;
	background-color:#000033;
	width:400px;
	padding:20px;
	padding-bottom:10px;
	color:#fff;
	overflow-y:hidden;
}
.box img {
	max-width:400px;
}
div.corner_top_left, div.corner_top_right, div.corner_bottom_right, div.corner_bottom_left{
	position:absolute;
	width:10px;
	height:10px;
	background-position:top left;
	background-repeat:no-repeat;
}
div.corner_top_left {
	top:0px;
	left:0px;
	background-image:url("/img/corner-top-left.png");
}
div.corner_top_right {
	top:0px;
	right:0px;
	background-image:url("/img/corner-top-right.png");
}
div.corner_bottom_right {
	bottom:0px;
	right:0px;
	background-image:url("/img/corner-bottom-right.png");
}
div.corner_bottom_left {
	bottom:0px;
	left:0px;
	background-image:url("/img/corner-bottom-left.png");
}

#video_thumbs {
	padding:10px;
	list-style:none;
	list-style-image:none;
}
#video_thumbs li {
	clear:both;
	margin-bottom:20px;
}
#video_thumbs li img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
#video_thumbs h4 {
	font-size:13px;
	margin:0;
	padding:0;
}
#video_thumbs p {
	font-size:11px;
	margin-bottom:4px;
}
#video_thumbs p.stars {
	margin-top:4px;
	margin-bottom:2px;
}
#video_thumbs p.stars img {float:none;margin:0;}

#news_list {
	padding:0;
	padding-bottom:10px;
	list-style:none;
	list-style-image:none;
}
#news_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	margin-bottom:6px;
}
#news_list h3 {
	font-size:12px;
	margin:0;
}
#news_list p {
	font-size:11px;
	margin-bottom:4px;
}
#news_list p.date {
	font-style:italic;
	padding-bottom:6px;
	text-align:right;
}

table.table {
	border:1px solid #656979;
	background:#30323d;
	margin-bottom:10px;
}
.table td {
	font-size:12px;
	color:#fff;
	padding:4px 8px 4px 8px;
	border:0px solid white;
}
.table td a {background:none; text-decoration:underline;}
.table td a:visited {background:none; text-decoration:underline;}
.table td a:hover {background:none; text-decoration:none;}
.table tr.dark {
	background:#2a2b34;
}
.table tr.tableHighlight {
	background:#1a1b1e;
	
}
.table tr.tableHighlight td {padding:6px 8px 6px 8px;border-top:0px solid #656979;}
.table tr.tableHighlightdark {
	background:#141415;
}
.table tr.tableHighlightdark td {border-bottom:1px solid #656979;}
/* END SPECIAL CLASSES */




/* END CUSTOM, SITE SPECIFIC STYLES */


/* Lightbox links fix */
#lightbox a { background-color:transparent; }
#lightbox a:hover { background-color:transparent; }

div#container_admin {position:absolute;top:15px;left:15px;}