/****************************************
 * Viewport definition
 ****************************************/
@viewport { width: auto; }
@media (max-width: 1190px) {
	@viewport { width: 1200px; }
}

/****************************************
 * General Formatting
 ****************************************/
* { 	margin: 0;
	padding: 0;}

body {	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 63.125%;
	color: #222;
 	}

div {	float:left;
	clear:left;
	font-size: 1em;
	text-indent:0;
	}

div.clear {clear:both;}
br.clear {clear:both;}

span {	float:left;
	font-size: 1em;
	text-indent:0;
	}

.red {color:#800000;}
.blue {color:blue;}


/****************************************
 * General Text Styles
 ****************************************/

h1, h2, h3, h4 {font-weight: bold;}
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5 { }
p {	font-size: 1em;
	line-height: 1.1em;
	text-align: left;}

blockquote {margin: 0 30px;}
acronym {border-bottom: dotted 1px #aaa;}
ol {list-style-type: upper-roman;}
ol ol {list-style-type: upper-alpha;}
ol ol ol {list-style-type: decimal;}
ol ol ol ol {list-style-type: lower-alpha;}
ul, ol {font-size: 1em;
	line-height: 1em;}
ul ul, ul ol, ol ol, ol ul {font-size: 1.0em;}
ul li {	padding: 0 0 0 20px;
	list-style: none;
	background: url(/images/layout/bullet.gif) no-repeat 10px 0.65em;
	text-align: left;
	line-height:1.2em;}
ul ul {margin-left: -15px;}
ul ul li {padding: 0 0 0 20px;
	list-style: none;
	background: url(/images/layout/bullet2.gif) no-repeat 9px 0.55em;}
ul ul ul li {padding: 0 0 0 20px;
	list-style: none;
	background: url(/images/layout/bullet3.gif) no-repeat 9px 0.55em;}
ul ul ul ul li {padding: 0 0 0 20px;
	list-style: none;
	background: url(/images/layout/bullet.gif) no-repeat 10px 0.55em;}
ul ul ul ul li {padding: 0 0 0 20px;
	list-style: none;
	background: url(/images/layout/bullet2.gif) no-repeat 9px 0.55em;}
ul ul ul ul li {padding: 0 0 0 20px;
	list-style: none;
	background: url(/images/layout/bullet3.gif) no-repeat 9px 0.55em;}
ol li {margin: 5px 0 5px 30px;
	text-align: left;
	line-height:1.3em;}
dl {	margin: 0 0 15px 0;
	line-height: 1.4em;}
dt {	margin: 0 0 3px 0;
	font-size: 1.2em;
	font-weight: bold;}
dd {	margin: 0 0 15px 0;
	font-size: 1.3em;
	line-height: 1.4em;}
a {	color: #b20000;
	text-decoration: underline;}
a:visited {color: #b23535;}
a:hover {color: #f00;
	border-color: #f00;}
a:active {color: #b20000;
	border-color: #b20000;}

/****************************************
 * Forms
 ****************************************/

fieldset {float: left;
	margin: 0;
	padding: 10px 0 15px 0;
	width: 510px;
	border: none;
	border-top: 1px solid #e7e7e7;
	}
		
form h3 {margin: 0 15px 5px 15px;}		
	
.form-pair {
	display: inline;
	float: left;
	margin: 5px 15px 0 15px;
	width: 480px;
	}
	
.form-item {
	float: left;
	margin-top: 5px;
	width: 165px;
	font-size: 1.1em;
	line-height: 1.5em;
	text-align: right;
	}	
	
.form-value {
	float: right;
	margin-top: 5px;
	width: 300px;
	font-size: 1.1em;
	line-height: 1.5em;
	}

.checklist {
	margin: 0;
	font-size: 1em;
	}

.checklist li {
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
	}
	
.input-text, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	}

.form-submit {
	border-top: none;
	background: #dbdbd2;
	}
	
.form-submit-buttons {
	text-align: right;
	padding-right: 15px;
	}
	
.form-submit-buttons .input-reset {
	margin-right: 5px;
	}
	
.input-submit, .input-reset {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.3em;
	}
	
.input-submit {font-weight: bold;}

/****************************************
 * Page Layout Strcture
 ****************************************/

body {background: #FFFFFF url(/images/layout/pagebg.gif) repeat-x top left;}

#page {
	float:none;
	width:1176px;
	height:100%;
	margin:0 auto;
	}

@media only screen and (max-width: 1175px) {
	#page {
		width:1030px;
	}
}

@media only screen and (max-width: 1041px) {
	#page {
		width:876px;
	}
}

#header, #nav, #main, #ads-top, #path, #main-sub-sub {width: 100%;}
#title-logo {padding-top:5px;}
#title-logo-link, #title-logo-link:hover {border:none;}
#tools, #search, #tools-links{float: right;}
#search, #tools-links {clear:right;}

#header {background: url(/images/layout/header_bg/2.gif) no-repeat 166px 23px;
	height:43px;}
#tools {width: 536px;}
#search {height: 16px;
	margin-top: 3px;}
#search-filters {margin-top: 3px;
	margin-right: 4px;}

#submit-btn {margin: 0 3px;
	border:none;
	background: url(/images/layout/searchgo.png) no-repeat;
        height:21px;
	width:31px;}

#submit-btn:hover {background: url(/images/layout/searchgo_hover.png) no-repeat;}

#search-box-wrap {margin: 1px 0 0 3px;
	width:120px;
	height: 20px;
	background: url(/images/layout/searchboxbg.png) no-repeat top left;}

#search span {height: 18px;}

#search-left {border:none;
	vertical-align: top;}

#search-box {margin-top: 1px;
	padding-top: 1px;
	width: 96px;
	height: 15px;
	border: none;
	border-right: 3px solid #b20000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	background: none;
	vertical-align: top;}

/*	tools-links are some utility links provided below the search box */

#tools-links {margin-top: 7px;
	margin-right: 5px;
	font-size: 1.1em;
	height:18px;}

#tools-links img {vertical-align: top;}


/*
	Main Navigation 
	-------------------------
	The following rules control the appearance of the main navigation links.
	These links are displayed in a horizontal band with a gray background. 
	Main navigation should appear on every page of a site.
*/

#nav {height: 27px;}

#site-stats, #nav-bar, #datetime {color: #fff;
	height: 20px;
	font-size: 1.1em;}

#site-stats {margin-left: 7px;
	padding-top: 4px;
	text-align:center;
	width: 120px;}

#datetime {margin-left: 8px;
	padding-top: 4px;
	text-align:center;
	width: 120px;}

#nav-bar {width: 728px;
	margin-left: 6px;}
	
#nav-bar ul {margin: 0;
	overflow: hidden;
	border-right: 1px solid #b20000;
	height: 20px;}
	
#nav-bar li {padding: 0;
	margin: 0;
	float: left;
	text-align: center;
	background: none;
	height:20px;}

#nav-bar a {
	display: block;
	width:100%;
	padding: 1px 0 2px 0;
	margin: 0;
	border: none;
	border-left: 1px solid #b20000;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	}
	
#nav-bar a:hover {background: #760000;}
#nav-bar .currentpage a {background: #760000;}
#nav-bar .currentpage a:hover {background: #5b2600;}

/*
	Main Section
	-------------------------
	The following rules control the appearance of the main section, which
	contains spaces for ads and secondary navigation and content.
*/

#main {
	margin-top: 3px;
	position:relative;
	}

#main-sub {
	width: 858px;
	margin-left: 5px;
	}

#ads-top, #path, #main-sub-sub {
	float:left;
	clear:left;
	}

#ad-top-left, #ad-top-right, #ad-right0, #ad-right1, #ad-right2, #ad-right3, #ad-left {border: 1px solid #bbb;}

#ad-top-left {
	width: 120px;
	height: 90px;
	}

#ad-top-right {
	width: 728px;
	height: 90px;
	margin-left: 6px;
	overflow: hidden;
	}

#path {
	margin: 5px 0;
	font-size: 1.2em;
	}

#path #current-location {
	margin: 0 5px 0 15px;
	padding: 2px 0 0 0;
	}

#quick-nav {
	float:none;
	display:inline;
	clear:none;
	}

#quick-nav li {
	padding:0;
	background:none;
	float:right;
	}

#quick-nav li.prev {
	float:right;
	border-left:1px solid #555;
	padding-left:5px;
	}

#quick-nav li.next {
	float:right;
	margin-right:1px;
	border-right:1px solid #555;
	padding-right:5px;
	}

#quick-nav li.separator {
	float:right;
	margin: 0 5px;
	}


#main-sub-sub {
	position:relative;
	min-height: 389px;
	}

#left {
	width: 120px;
	top:0;
	bottom:0;
	left:0;
	right:auto;
	}

#nav2 {
	width: 120px;
	border: 1px solid #bbb;
	margin-bottom: 7px;
	background: #7d0000;
	color: #fff;
	}

#nav2 ul {
	margin: 0;
	overflow: hidden;
	}
	
#nav2 li {
	margin: 0;
	padding: 0;
	width: 100%;
	float:left;
	background: none;
	text-align: left;
	border-top: 1px solid #fff;
	}
	
#nav2 li:first-child {
	border-top:none;
	}

#nav2 a {
	display:block;
	padding: 3px 0 3px 5px;
	margin: 0;
	border: none;
	width:115px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: #fff;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	}
	
#nav2 a:hover {background: #520000;}

#nav2 .currentpage a {
	background: #520000;
	padding-left:10px;
	width:110px;
	}

#nav2 .bottomlevel a {	}

#nav2-return {border-bottom:5px solid #FFFFFF;}

#nav2-return a {
	padding-bottom:10px;
	border-bottom:1px solid #fff;
	font-size:1.6em;
	font-weight:bold;
	padding-left:7px;
	}

#nav2-return a:hover {	}

#nav2-return img {
	margin-top:4px;
	margin-right:4px;
	}

#ad-left {
	margin-top: 0px;
	width:120px;
	height: auto;
	border:none;
	}

#flash-counter {
	width: 120px;
	border: 1px solid #bbb;
	margin-top: 10px;
	padding: 0px; 
	}

#poll {
	float:left;
	border: 1px solid #bbb;
	margin-top: 10px;
	width:120px;
	height:240px;
	}

#donate {
	float:left;
	margin-top: 2px;
	padding:0 0 10px 0;
	width:110px;
	text-align:center;
	}

#donate a {font-size:1.1em;}

#content {
	top:0;
	left:120px;
	bottom:0;
	right:auto;
	margin-left: 8px;
	width: 718px;
	background: #FFFFFF url(/images/layout/content-bg.gif) repeat;
	border:1px solid #bbb;
	padding: 5px 5px 10px 5px;
	font-size:1.5em;
	}

#ads-right {
        width: 300px;
        height: auto;
        top: 0;
        right: 5px;
        bottom: 0;
        left: auto;
	float: right;
	height: auto;
	margin-right:5px;
	}

@media only screen and (max-width: 1175px) {
	#ads-right {
		width:160px;
	}
}

@media only screen and (max-width: 1041px) {
	#ads-right {
		display:none;
	}
}

#ad-right0 {
        width: 100%;
        height: 250px;
	margin-bottom:5px;
	}

#ad-right1 {
        width: 100%;
        height: 600px;
	margin-top:5px;
	}

#ad-right2 {
        width: 100%;
        height: 150px;
	margin-top:10px;
	}

/****************************************
 * Footer
 ****************************************/

#prefooter {
	margin: 8px 0px 0px 0px;
	width:100%;
	}

#prefooter-left {
	margin: 0px 0px 0px 12px;
	width:30px;
	float:none;
	display:inline;
	font-size:1.2em;
	}

#prefooter-right {
	float:right;
	margin: 0 12px 0px 12px;
	font-size:1.2em;
	}

#viewing-suggestion {
	float:none;
	display:inline;
	width:600px;
	margin-left:10px;
	margin-top:5px;
	line-height:1em;
	font-size:1.2em;
	color:#444;
	}

#footer {
	width:982px;
	border-top:3px solid #b20000;
	margin: 7px 7px 15px 7px;
	}

@media only screen and (max-width: 1041px) {
	#footer {
		width:100%;
	}
}

#footer-sub1, #footer-sub2 {
	width:100%;
	margin: 0 5px;
	}

#footer-nav {	}

#footer-nav li {
	float:left;
	background:none;
	padding: 5px 9px 0 0;
	margin: 0;
	}

#footer-nav a {
	font-size: 1.2em;
	line-height: 1.2em;
	}

#footer-sub2 {
	font-size: 1.1em;
	margin-top:10px;
	}

#footer-logo {
	padding:0;
	float: right;
	height: 27px;
	position:relative;
	top:-25px;
	right: 5px;
	}
 
/****************************************
 * Images
 ****************************************/

img {border: none;}
 
.main-photo-large {
	margin: 20px 0;
	width: 510px;
	}

.main-photo-small {
	margin: 5px 0 15px 25px;
	width: 210px;
	float: right;
	}
	
.main-photo-large .caption, .main-photo-small .caption {
	margin: 0;
	padding: 5px 10px 8px 10px;
	background: #fff;
	}
	
.secondary-photo {
	margin: 0 0 50px 0;
	}

#secondary .secondary-photo .caption {
	margin: 10px 15px 0 15px;
	}
	
.thumbnail {
	position: relative;
	
	/* padding makes room for the dropshadow, but offsets the image */
	padding: 6px 9px 9px 6px;
	background: url(/images/layout/shadow_tn.gif) no-repeat top left;
	
	/* position and margin fix the offset */
	top: -6px;
	left: -6px;
	margin: 0 0 -15px 0;
	}
 
/****************************************
 * Tables
 ****************************************/

table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	}
	
table {
	margin: 15px 0;
	border-bottom: 1px solid #e7e7e7;
	caption-side: bottom;
	}
	
th {
	padding: 0 15px 5px 15px;
	font-weight: normal;
	text-align: left;
	color: #888;
	}
	
td, tbody th {
	padding: 5px 10px;
	border-top: 1px solid #e7e7e7;
	font-size: 1em;
	line-height: 1.2em;
	vertical-align: top;
	}
	
tbody th {
	font-weight: bold;
	color: #222;
	text-align: right;
	}
	
.row1, .row1 td, .row1 th {background: #fff;} 
	
.row2, .row2 td, .row2 th {background: #fafaf7;}
	
tfoot td {font-weight: bold;}

caption {
	margin: 0 0 15px 0;
	text-align: left;
	color: #888;
	font-size: 1.1em;
	}
 
/****************************************
 * Miscellaneous
 ****************************************/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
hr {display: none;}