@import url(reset.css);

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-size:100%;
	color:#EEE;
	background-image:url(../site-images/background2.jpg);
	background-repeat:repeat-x;
	background-color:#000C14;
}


	
/* ############################################################ */

	
/* major page blocks */

	
/* ############################################################ */
#uberdiv {
	position:relative;
	max-width:1100px;
	min-width:920px;
	margin:0 auto;
	border-left:1px solid #001928;
	border-right:1px solid #001928;
	background-color:#001928;
	background-image:url(../site-images/grad-bg.jpg);
	background-repeat:repeat-x;
	z-index:100;	
	min-height: 800px;
}

* html #uberdiv {
	width:1000px;
}

#content {
	position:relative;
	float:right;
	width:500px;
	margin-right:20px;
	font-size:80%;
	z-index:200;
}


#content a:link {
color: #EEE;
text-decoration: underline;
}

#content a:hover {
color: #FC0;
}


#content a:visited {
color: #DDD;
text-decoration: underline;
}





#section-nav {
	position:relative;
	float:right;
	width:280px;
	margin:0;
	padding:333px 20px 0 0;
	text-align:right;
	z-index:200;
}

#footer {
	position:relative;
	clear:both;
	font-size:80%;
	height:2.5em;
	z-index:200;
}


	
/* ################################### */
h1 {
	position:absolute;
	top:0;
	left:0;
	z-index:200;

	
/*
	background-color: #EEE;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
*/
	background-image:url(../site-images/big-logo.jpg);
	background-repeat:no-repeat;
	width:416px;
	height:456px;
}

h1 span {
	position:absolute;
	left:-9999em;
	overflow:hidden;
	z-index:800;
}

* html h1 {
}


	
/* ############################################################ */

	
/* content styles */

	
/* ############################################################ */
#content ul#article-images {
	margin:0;
	padding:0;
	margin-bottom: 15px;
	list-style-type:none;
}

#content ul#article-images li {
	margin:0;
	padding:0;
}

#content h2 {
	line-height:1.3;
	padding:.3em 10px;
	margin:.5em 0 .3em;
	font-size:130%;
	font-weight:normal;
	color:#008CDC;
	background-color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #000;
}

#content h2.navigationaid {
	position:absolute;
	left:-9999em;
	overflow:hidden;
	z-index:800;
}

#content p {
	color:#DDD;
	line-height:1.4;
	margin:.2em 0 .3em;
}

#content p.centered {
	text-align:center;
}

#content p.centered img {
	margin:0 5px;
}

#content p.feature {
	line-height:1.4;
	padding:.3em .5em .3em 0;
	font-size:110%;
	color:#008CDC;
}

#content dl {
}

#content dl dt {
	color:#008CDC;
	font-weight:bold;
	padding:.5em 0 .3em;
}

#content dl dd {
	font-weight:normal;
	padding:.1em 0;
}


dl.staff dt {

}



dt.org a {
	color:#EEE;
	text-decoration:none;
}

#content ul {
	color:#DDD;
	line-height:1.4;
	margin:.2em 0 .3em;
	list-style-type:circle;
}

#content ul li {
	margin:.1em 0 0 2em;
}

#content ul.compactlist {
	margin:1em 0;
	text-align:justify;
}

#content ul.compactlist li {
	display:inline;
	margin:0;
	padding:0 .5em;
	border-right:1px solid #008CDC;
}

#content ul.compactlist li:last-child {
	border-right:none;
}

#content blockquote {
	padding:15px;
	margin:1em 0;
	background-color:#000;
	font-style:italic;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#content blockquote p {
}

#content blockquote cite {
	display:block;
	color:#008CDC;
	font-style:normal;
}

#content iframe {
margin:20px 0px;
padding: 0px;
}


	
/* ############################################################ */

	
/* navigation styles */

	
/* ############################################################ */
#section-nav ul {
	margin:0;
	padding:0;
}

#section-nav li {
	margin:.5em 0;
	padding:0;
}

#section-nav li ul {
	padding-bottom:.5em;
}

#section-nav li ul.hide {
	position:absolute;
	left:-9999em;
	overflow:hidden;
	z-index:800;
}

#section-nav li ul.show {
	position:relative;
	left:0;
}

#section-nav li a {
	color:#FFF;
	text-decoration:none;
}

/*
#section-nav li a:hover {
color:#FC0;
}
*/

#section-nav li ul li a {
	color:#008CDC;
	text-decoration:none;
}

#section-nav li.admin a {
	color:#FC0;
}


	
/* ############################################################ */

	
/* contact form */

	
/* ############################################################ */
#contact {
	margin:1em 2em;
}

* html #contact {
	width:400px;
}

#contact:target {
}

#contact ol {
	text-align:right;
}

#contact ol#message-errors {
	color:#F00;
	text-align:left;
	list-style-type:decimal;
	list-style-position:default;
}

#contact ol li {
	clear:both;
	margin:.2em 0;
	padding:.2em;
}

#contact ol#message-errors li {
	background-color:#F00;
	list-style-position:inside;
}

#contact ol li label {
	float:left;
	margin:.2em 0;
	padding:3px;
}

#contact ol li input {
	margin:.2em 0;
	padding:.2em;
	width:300px;
	background-color:#F3F3F3;
	color:#1C517E;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #000;
}

#contact ol li textarea {
	width:300px;
	padding:.2em;
	background-color:#F3F3F3;
	color:#1C517E;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #000;
}

#contact p {
	margin:.2em 0;
	padding:.2em 0;
	width:100%;
	text-align:center;
}

#contact p.success {
	color:#1C517E;
	background-color:#FFF;
}

#contact ol li label.error {
	color:#1C517E;
}

#contact #submit {
	background-color:#FFF;
	color:#000;
	border:1px solid #000;
	width:50%;
	margin:15px 25%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#contact #submit:hover {
	color:#F00;
}

#recaptcha_widget {
	color:#000;
	text-align:center;
	background-color:#FFF;
	padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#recaptcha_widget p {
	color:#000;
}

#contact p.error {
	color:#000;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}


	
/* ############################################################ */

	
/* publish styles */

	
/* ############################################################ */
#publish-article {
	text-align:center;
}

p.admin {
	color:#FC0;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

p.admin a {
	color:#008CDC;
}


	
/* ############################################################ */

	
/* footer styles */

	
/* ############################################################ */
#footer p {
	width:500px;
	padding:.5em;
	margin-right:10px;
	float:right;
	background-color:#000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}