/************************************
* CSS: ADA Build it Right
* Created: 2006.08.15 By: Lee Eschen
* Version: 2007.12.03 No: 1.00
* Changed: 2008.02.11 By: Lee Eschen
************************************/
/*
@import url(reset.css);
*/
/**********
* Blocks
**********/

html
{
	background-color: #eeeeee;
	width: 100%;
	height: 100%;
	font-family: Verdana, Trebuchet, Arial, sans-serif;
	margin: 0pt;
	padding: 0pt;
}

body
{
	background-color: #eeeeee;
	color: #000000;
	width: 100%;
	min-height: 100%;
	height: 100%;
	height: auto;
	text-align: center;
	padding: 0;
	margin: 0 auto;
}

div
{
	padding: 0;
	margin: 0 auto;
}

/**********
*	Idents	*
**********/

#viewport
{
	top: 0;
	background-color: #ffffff;
	color: black;
	min-height: 100%;
	height: 100%;
	padding: 0;
	margin: 0 auto;
}

#header
{
	position: absolute;
	top: 0;
	display: block;
	background-color: #eeeeee;
	color: #000000;
	height: 128px;
	padding: 0;
	border-bottom: none;
	margin: 0 auto;
}

/* for compliant browsers */
html>body #header
{
	position: fixed;
}

#showdate
{
}

#heading
{
	color: #000000;
	height: 80px;
	padding: 20px 0 4px 0;
	border-right: 2px solid #4a708b;
	margin: 0 auto;
}

#print_header
{
	display: none;
}

#scroller
{
	overflow: hidden;
	background-color: #ddddff;
	width: 100%;
	height: auto;
	padding: 128px 0 16px 0;
 	margin: 0 auto;
}

#main_column
{
	float: left;
	background-color: inherit;
	color: #000000;
	width: 69%;
 	height: auto;
	text-align: center;
	border: 0;
	padding: 0;
 	margin: 0 0 0 15%;
}

* html #main_column
{
	display: inline;
}

#nav_column
{
	float: left;
	background-color: #6ca6cd;
	color: black;
	width: 14%;
 	height: auto;
 	text-align: center;
	border-left: 5px solid #000066;
	border-right: 5px solid #000066;
	padding: 1em 0;
 	margin: 0 0 0 -84%;
}

* html #nav_column
{
	display: inline;
}

#ads_column
{
	float: right;
	background-color: #6ca6cd;
	color: black;
	width: 13%;
 	height: auto;
	text-align: center;
	border-left: 1px solid #000066;
	border-right: 1px solid #000066;
	padding: 1em 0;
 	margin: 0;
}

* html #ads_column
{
	display: inline;
}

/* Fill out columns regardless of content length. */
/* Start Mac IE5 filter \*/
#nav_column, #main_column, #ads_column
{
	padding-bottom: 30110px;
	margin-bottom: -30100px;
}
/* End Mac IE5 filter */

#footer
{
	position: absolute;
	bottom: 0;
	background-color: #7ec0ee;
	color: #000000;
 	height: auto;
 	text-align: center;
	padding: 0;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin: 0 auto;
}

/* correction for IE6 */
* html #footer
{
	position: static;
}

/* correction for IE7 */
html>body #footer
{
	position: fixed;
}

/******************
* Specific Classes
******************/

.banner
{
	position: absolute;
	left: 0;
	background-color: #4a708b;
	color: #ffffff;
	height: 1.5em;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* correction for IE7 */
html>body .banner
{
	width: 100%;
}

.upper
{
	top: 0;
}

.lower
{
	bottom: 0;
}

.onleft
{
	position: absolute;
	left: 132px;
	width: auto;
	text-align: left;
	margin: 0 0 0 0;
}

.onright
{
	position: absolute;
	right: 1%;
	width: auto;
	text-align: right;
	margin: 0 0 0 0;
}

.cleared
{
	clear: both;
}

.column_head,
.column_body
{
	display: block;
	background-color: inherit;
	color: #000000;
	height: auto;
	padding: 0;
	margin: 0 auto;
}

.column_head
{
	text-align: center;
}

.column_body
{
	text-align: left;
}

.section
{
	clear:both;
}

/******************
* General Classes
******************/
.box
{
	float: none;
	height: auto;
	padding: 0;
	border: none;
	margin: .5em 0;
}

.toleft
{
	float: left;
	width: 15%;
	margin-left: 20%;
	margin-right: 0;
}

.toright
{
	float: right;
	width: 25%;
	margin-right: 20%;
	margin-left: 0;
}

.boxed
{
	background-color: #7ec0ee;
	height: auto;
	width: 80%;
	text-align: left;
	padding: 0;
	border: 1px solid #000000;
	margin: 1em auto;
}

.boxed a
{
	display: block;
	text-decoration: none;
	padding: .25em;
	margin: 0 auto;
}

.boxed a:focus,
.boxed a:hover
{
	background-color: #ffcc00;
}

.centered
{
	margin: 0 auto;
}

.centertext
{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.clearleft
{
	clear: right;
	float: left;
	text-align: left;
}

.clearright
{
	clear: left;
	float: right;
	text-align: right;
}

.floatleft
{
	float: left;
	text-align: left;
}

.floatright
{
	float: right;
	text-align: right;
}

.pad_all
{
	width: 100%;
	padding: 1em;
}

.pad_sides
{
	width: 100%;
	padding: 0 1em;
}


/* Hack to prevent IE Guillotine */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    width: 1px;
    clear: both;
    visibility: hidden;
}

.clearfix
{
	display: inline;
}

/* Hides from IE-mac \*/
html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide */
/* End hack */


/*********
* Images *
*********/

area
{
	outline: 2px solid #ff0000;
}

img
{
	background-color: inherit;
	color: black;
	height: auto;
	padding: 0;
	border: 0;
	margin: 0 auto;
}

img.ad_img
{
 width: 80%;
 padding: 0 10%;
 margin: 3px auto;
}

.feature
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #7ec0ee;
	width: 112px;
	height: 112px;
	padding: 0;
	border: 8px inset gray;
	margin: 0;
	z-index: 200;
}

.logo
{
	width: 20%;
	padding: 0;
	border: none;
}

.photo
{
	width: 30%;
	padding: 0;
	border: 2px solid #000000;
	margin: .5em;
}

a.fullwidth
{
	display:block;
}

.left
{
	float: left;
	margin-left: 0;
}

.right
{
	float: right;
	margin-right: 0;
}

.fullwidth
{
	width: 100%;
}

.poster
{
	width: 600px;
	height: 800px;
}

.humongous
{
	width: 80%;
}

.huge
{
	width: 60%;
}

.large
{
	width: 40%;
}

.medium
{
	width: 30%;
}

.small
{
	width: 20%;
}

.tiny
{
	width: 10%;
}

/********
* Texts *
********/

hr
{
	clear: both;
	background-color: #000066;
	color: #000066;
	height: 3px;
	width: 80%;
	margin: 1em auto;
}

h1
{
	background-color: transparent;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-weight: bold;
	height: auto;
	width: auto;
	padding: 0;
}

h1.name
{
	float: right;
	text-align: right;
}

h1.estb
{
	float: left;
	text-align: center;
	width: 128px;
}

h2
{
	clear: both;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1em auto;
}

h3
{
	font-size: +1;
}

h3.tease
{
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	font-weight: bold;
	padding: 0;
	margin: .5em 0;
}

h4
{
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.banner h4
{
	font-weight: normal;
	font-size: 1em;
}
.upper h4
{
	margin-top: .25em;
}

h5
{
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h6
{
	background-color: inherit;
	color: #000000;
	font-weight: normal;
	text-align: center;
	padding: 0;
	margin: 0;
}

p
{
	text-align: left;
	padding: 0;
	margin: .5em 0;
}

p.dropcap:first-letter
{
	float: left;
	font-size: 3.2em;
	font-weight: bold;
	margin-right: .05em;
}

p.linecap:first-line
{
	text-transform: uppercase;
}

span
{
}

span.ad_cap
{
	display: block;
	background-color: inherit;
	color: #000000;
	font-size: .9em;
	text-align: center;
	margin: -.35em auto 0 auto;
}

em
{
	font-style: italic;
}

strong
{
	font-weight: bold;
}

.caption
{
	font-size: .9em;
	line-height: .8em;
}

.copyright
{
	color: #000066;
}

.date
{
	float: right;
	margin-right: 2%;
}


/********
* Lists	*
********/
dl
{
}

dt
{
	padding: 0;
	margin: 0 0 .5em 0;
}

dd
{
	padding: 0;
	margin: 0 0 1em 0;
}

ol
{
	list-style: decimal inside none;
	margin: 0 1.5em;
}

ol.queries
{
	list-style: decimal outside none;
	padding: 1em;
	margin: .5em .5em;
}

li.query
{
	padding: .5em;
}

ul
{
}


/*Venetian blind lists*/

li ul.blind,
li ol.blind
{
	display: none;
}

li:focus ul.blind,
li:focus ol.blind,
li:hover ul.blind,
li:hover ol.blind,
li:active ul.blind,
li:active ol.blind
{
	display: block;
}

.ad_links
{
	list-style: none;
	background-color: inherit;
	text-align: center;
	padding: 0 0;
	border-top: 1px solid #4a708b;
	border-bottom: 1px solid #4a708b;
	margin: 1em auto;
}

.bullets
{
	list-style: disc;
	padding: 0 0;
	margin: 0 2em 1em 2em;
}

.buttons
{
	list-style: none;
	display: inline;
	text-align: center;
	padding: 0 0 0 0;
}

.categories
{
	list-style: disc;
	background-color: inherit;
	text-align: left;
	padding: 0 0;
	margin: 0 2em 1em 2em;
}

.items
{
	list-style: circle;
	background-color: inherit;
	text-align: left;
	padding: 0 0;
	margin: 1em 1em 1em 1em;
}

.nav_links
{
	list-style: none;
	width: 100%;
	text-align: left;
	font-weight: normal;
	padding: 0;
	border-top: 1px solid #4a708b;
	border-bottom: 1px solid #4a708b;
	margin: 1em 0;
}

.sub_links
{
	list-style: none;
	width: 100%;
	text-align: left;
	font-weight: normal;
	padding: 0;
	border-top: 1px solid #4a708b;
	border-bottom: 1px solid #4a708b;
	margin: 0;
}


/**************
* List Items	*
**************/

li
{
	font-weight: normal;
	line-height: 1.4em;
}

.ad_link
{
	font-weight: normal;
	text-align: center;
	padding: 3px 0;
	border-top: 1px solid #4a708b;
	border-bottom: 1px solid #4a708b;
	margin: 0 auto;
}

.bullet
{
	text-align: left;
	padding: 0;
	margin: 0;
}

.button
{
	display: inline;
	background-color: inherit;
	text-align: center;
	margin: 0;
}

.category
{
	text-align: left;
	padding: 0;
	margin: 0;
}

.item
{
	text-align: left;
	padding: 0;
	margin: .5em 0;
}

.nav_link
{
	padding: 0;
	border-top: 1px solid #4a708b;
	border-bottom: 1px solid #4a708b;
	margin: 0;
}

.sub_link
{
	padding: 0;
	border-top: 1px solid #4a708b;
	border-bottom: 1px solid #4a708b;
	margin: 0;
}

.teaser
{
	list-style-type: none;
	list-style-position: inside;
	clear: both;
	text-align: left;
	padding: 0;
	margin: 0;
}


/********
*	Links	*
********/

/*default links*/
/*teaser links*/

a:link,
p a:link,
.tease a:link
{
	background-color: transparent;
	color: #000000;
	text-decoration: underline;
	outline: none;
}

a:focus,
a:hover,
p a:focus,
p a:hover,
.tease a:focus,
.tease a:hover
{
	background-color: #ffcc00;
	color: #000000;
	text-decoration: none;
	outline: 1px solid #ffcc00;
}

a:active,
a:visited,
p a:active,
p a:visited,
.tease a:active,
.tease a:visited
{
	color: #000000;
}


/*ad links*/

a.ad_click
{
	display: block;
	text-decoration: none;
}

.donate
{
	display: block;
	padding: 3px;
	border: 1px outset #ffffff;
}

/*button links*/

.button a
{
	text-decoration: none;
}

.button a:link,
.button a:active,
.button a:visited
{
	background-color: transparent;
	color: #ffffff;
}

.button a:focus,
.button a:hover
{
	background-color: #ffcc00;
	color: #000000;
}

a.noshow:link,
a.noshow:active,
a.noshow:visited,
a.noshow:focus,
a.noshow:hover
{
	color: inherit;
	background-color: inherit;
	text-decoration: none;
}

/*nav links*/

.nav_link a
{
	color: #000000;
	display: block;
	height: auto;
	width: 90%;
	text-decoration: none;
	padding: 1px 5%;
}

.sub_link a
{
	color: #000000;
	height: auto;
	width: 88%;
	text-decoration: none;
	padding: 1px 0 1px 5%;
}


/*over/exit switching*/

a:link .exit,
a:active .exit,
a:visited .exit
{
	display: block;
}

a:focus .exit,
a:hover .exit
{
	display: none;
}

a:link .over,
a:active .over,
a:visited .over
{
	display: none;
}

a:focus .over,
a:hover .over
{
	display: block;
}

/*special links for stylesheet switching*/

#large,
#normal
{
	display: none;
	text-decoration: none;
}

/******
Tables
Inputs
******/

table
{
	width: 100%;
	border-collapse: collapse;
	border: none;
}

table#submission
{
	width: 50%;
}

tr
{
	height: auto;
}

td
{
	border-collapse: collapse;
	line-height: 1.2em;
	height: auto;
	border: none;
}

td.label
{
	font-size: 1em;
	line-height: 1.2em;
	height: auto;
	width: 20%;
	margin: 0 3%;
}

#label_words
{
	line-height: 1.2em;
	vertical-align: top;
}

input,
select,
textarea
{
	font-size: 1em;
	line-height: 1.2em;
	width: 90%;
	margin: .2em;
}

input:focus,
select:focus,
textarea:focus
{
	outline: .2em solid #ff0000;
}

/************
* End of CSS
************/