@charset "UTF-8";

/* CSS for Lyrae Star Systems by David Tierney of Designs by Tierney. 01/2009 */


/***********************************
		Undo Default Styling
***********************************/
ul,ol { 
	list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; }
ul,ol,li,p,h1,h2,h3,h4,h5,h6,pre,html,body,div,blockquote,form,fieldset,input { 
	margin:0; padding:0; }
a,a:hover,a:link,a:visited,a img,a:hover img,a:link img,a:visited img { 
	border:none; text-decoration:none; }


/***********************************
		Global Template Rules
***********************************/
.backgroundloader {
	display:none;
	}


/***********************************
		Core Styles
***********************************/
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-size: 62.5%;
	background-color: #005D5D;
	}

#wrapper-outer {
	width: 800px;
	margin: 0 auto;
	}

img.img-right {
	float: right;
	padding: 7px;
	margin: 8px 0 8px 12px;
	border: solid 1px #003300;
	}

img.img-left {
	float: left;
	padding: 7px;
	margin: 8px 12px 8px 0;
	border: solid 1px #003300;
	}


/***********************************
		Branding
***********************************/
#branding {
	width: 800px;
	height: 140px;
	background: url(../images/header.jpg) #005D5D no-repeat;
	border-top: solid 4px #491484;
	border-bottom: solid 3px #F4F2F5;
	}



/***********************************
		Core Navigation
***********************************/
#core-navigation {
	width: 800px;
	height: 38px;
	background-color: #004040;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	}

#core-navigation ul {
	text-align: left;
	padding-top: 10px;	
	}

#core-navigation ul li {
	display: inline;
	margin-left: 45px;
	}

#core-navigation ul li a {
	color: #AF79E5;	
	}

#core-navigation ul li a:hover {
	text-decoration: underline;
	}

/*****  Selected Nav *************/
body#index #core-navigation ul li a#index-nav {
	color: #F4F2F5;	
	}

body#index #core-navigation ul li a:hover#index-nav {
	text-decoration: none;
	}

body#solution #core-navigation ul li a#solution-nav {
	color: #F4F2F5;	
	}

body#solution #core-navigation ul li a:hover#solution-nav {
	text-decoration: none;
	}

body#mokuleia #core-navigation ul li a#mokuleia-nav {
	color: #F4F2F5;	
	}

body#mokuleia #core-navigation ul li a:hover#mokuleia-nav {
	text-decoration: none;
	}

body#faq #core-navigation ul li a#faq-nav {
	color: #F4F2F5;	
	}

body#faq #core-navigation ul li a:hover#faq-nav {
	text-decoration: none;
	}

body#science #core-navigation ul li a#science-nav {
	color: #F4F2F5;	
	}

body#science #core-navigation ul li a:hover#science-nav {
	text-decoration: none;
	}


/***********************************
		Content Wrapper
***********************************/
#wrapper-content { 
	text-align:left;
	padding: 30px 25px 0px 20px;
	background-color: #F4F2F5;
	}

/***********************************
		Content Right
***********************************/
#content-right {
	float: right;
	width: 520px;
	font-size: 1.5em;
	}
	
.content-section {
	clear: right;
	margin-bottom: 40px;
	}

#content-right h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003333;
	margin-bottom: 4px;
	}
	
#content-right p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #003300;
	margin-bottom: 8px;
	text-align:justify;
	}
	
#content-right p a {
	font-size: 11px;
	font-weight:bold;
	color: #000099;
	text-decoration: underline;
	}
	
#content-right p a:hover {
	color: #400F7A;
	}

#content-right p span.link-arrows {
	font-size: 11px;
	font-weight:bold;
	color: #000099;
	}

#content-right dl {
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}

#content-right dt {
	padding-left: 5px;
	font-weight:bold;
	color: #003333;
	}

#content-right dd {
	margin: 6px 0 30px 5px;
	padding-left: 26px;
	background: url(../images/q-answr-icon.gif) top left no-repeat;
	}

body#science #content-right img {
	padding: 12px;
	margin: 30px auto 0 auto;
	background-color: #b0b0b0;
	border: solid 1px #003300;
 	}

/***********************************
		Summary
***********************************/	
.summary {
	margin-bottom: 40px;
	text-align: center;
	font-weight: bold;
	}
	
.summary p {
	margin-bottom: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003300;
	}

#content-right div.summary {
	margin-bottom: 20px;
	}

#content-right div.summary p {
	margin-bottom: 22px;
	text-align: center;
	font-size: 14px;
	}

	
/***********************************
		Left Sidebar
***********************************/	
#sidebar-left {
	width: 210px;
	padding: 20px 0;
	background: url(../images/left-box-bck.jpg) top left #32825B repeat-x;
	border: solid 2px #2D7653;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #003333;
	}

#sidebar-left h1 {
	margin: 0 20px 0.5em 20px;
	font-size: 18px;
	color: #411177;
	}

#sidebar-left ul {
	margin: 1em 10px 1em 20px;
	}

#sidebar-left ul li {
	line-height: 1.3em;
	}

#sidebar-left ul li a {
	color: #003333;
	text-decoration: underline;
	}

#sidebar-left ul li a:hover {
	color: #400F7A;
	}

#sidebar-left p {
	margin: 0 20px 1em 20px;
	}

#donate-button {
	width: 166px;
	height: 55px;
	margin: 40px auto;
	text-align:center;
	color: #C1C1C1;
	}
	
#donate-button p {
	padding-top: 9px;
	}
	
#donate-button a {
	display: block;
	height: 55px;
	width: 166px;
	overflow: hidden;
	}
	
#donate-button a:hover {
	display: block;
	text-indent: -166px;
	}

body#science .sidebar-padding {
	height: 9000px;
	}
	
body#faq .sidebar-padding {
	height: 800px;
	}

#sidebar-left img.chamber {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	}

/***********************************
		Footer
***********************************/
#footer {
	clear: both;
	width: 800px;
	height: 42px;
	margin-bottom: 10px;
	text-align: left;
	background: #003333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #C1C1C1;
	}

#footer p {
	padding: 13px 20px 0 20px;
	}

#footer p.text-right {
	float: right;
	}

#footer p a {
	color: #847FFF;
	}

#footer p a:hover {
	text-decoration: underline;
	}

#footer p a.wd-link {
	color: #C1C1C1;
	}

#footer p a.wd-link:hover {
	text-decoration: none;
	}