/* @override http://spiritualintelligence.com/css/snergs.css */

/* @override http://spiritualintelligence.com/css/snergs.css */

/* CSS for three column layout with absolutely positioned side columns and header */
/* from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */
body {
margin:0;
 padding:0;
 font: 1.0em verdana, arial, sans-serif;
 background: url(../images/bg.jpg) repeat-x;
}








#nature {
	margin-bottom: 2em;
}

div#container {
 min-width:800px;
 max-width:951px;
 margin-left:auto;
 margin-right:auto;
 margin-top: 8px;
 margin-bottom: 80px;
 min-height: 900px;	
 position: relative;
 background: url(../images/menu_bg.jpg) repeat-y left #ffffff;
 border: 2px solid #4f82f5;
	
 height: auto;
 /*top: 17px;
	
	
 border-top-style: ridge;*/
	
 float: none;
}

div#header {
background: url(../images/head.jpg) no-repeat;
height: 186px;
 /*background-color:#FFC;*/
 text-align:center;
 /*border-bottom: 1px #960 solid;*/
	
 /*margin-top: 8px;
	
 padding-bottom: 4px;*/
	
 padding-top: 0;
}

#sign_up {
	margin: 10px 20px 0 0;
	float: right;
}

#sign_up input {
	margin-top: 10px;
}

#sign_up label {
	color: white;
	font-size: 12px;
}

#sign_up .submit {
	float: right;
}
 /*styles for header - text-align centers graphic */
div#topnav {
	height: 10px;
	width: 936px;
	background: #4f82f5;
	padding-top: 10px;
	padding-left: 15px;
}
	
#topnav h1 {
	margin: 0px;
	padding: 0px;
	font-size: 20px;
	color: #fff;
	/*position: relative;
	left: 15px;
	top: 10px;*/
}
welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #5888F5;
}

div#nav {
 /*position:absolute;
 left:0px;
 top:301px;*/
 float: left;
 width:150px;
 height: 100%;
 padding:0;
 margin: 0px 0 15px;
	
 background-color: #cddbf8;
}

div#nav ul {
border:0;
 margin:12px 12px 0 0;
 padding:0;
 list-style-type:none;
 font-weight:bold;
 font-size:11px	;
	
 color: #4f82f5;
}

div#nav li {
border-bottom:2px solid #4f82f5;
 margin:0 0 15px 0;
 padding:.3em 0 3px 15px;
}

/*div#nav li:first-child {
border-top:2px dotted #fff;
}*/

div#nav a {
text-decoration:none;
 color: #4f82f5;
}

#nav img {
	margin-left: 12px;
}
div#nav a:hover {
color: #fff;
}

/* a hack for IE Win only \*/	
/** html div#nav ul {
border-top:2px dotted #960;
}*/

/*end of hack */
div#content {
	
padding-left: 1em;
	
padding-right: 1em;
padding-bottom: 0;
	
height: 1%;
min-height: 450px;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: 157px;
}

div#content div#mainimage {
width:180px;
 float:left;
 margin:0 8px 4px 0;
}

div#content div#mainimage img {
border: 1px solid #960;
}

div#content div#mainimage p {
font-size:.65em;
 margin:0px 5px;
 color:#C60;
}

div#content h1{
font-size:15px;
 margin-top:0px;
 font-family:verdana, sans-serif;
 color:#4f82f5;
 padding: 8px;
 border: solid 2px #4f82f5;
 text-align: center;
	width: 524px;
}

div#content h2{
font-size:13px;
 margin-top:0px;
 font-family:verdana, sans-serif;
 color:#4f82f5;
}

div#content p {
font-size: 12px;
 margin-top:0;
 margin-bottom:20px;
 line-height: 15px;
}

div#content h3 {
font-size: 14px;
font-weight: bold;
}

div#content li {
font-size: 12px;
margin-bottom: 10px;
line-height: 15px;
}

div#content blockquote {
width: 250px;
 float:right;
 font-size:.7em;
 border-top: 3px dotted #960;
 border-bottom:2px dotted #960;
 margin:0 10px;
 padding: 6px 10px;
}

div#content blockquote p {
margin:0;
 font-style:italic;
}

div#content a {
text-decoration:underline;
 color:#4f82f5;
}

div#content a:hover {
color: #4f82f5;
 text-decoration:none;
}

#content ol li p span {
	color:#4f82f5;
	font-weight: bold;
}

div#rightcolumn {
 width:156px;
 margin: -7px 15px 4px;
 padding: 7px 0 0 8px;
	float: right;
	background-color: #feffd5;
}


div#rightcolumn p {
font-size:.75em;
	float: left;
}

div#rightcolumn img {
border:none;
	margin-bottom: 7px;
}

div#rightcolumn div#newslinks ul {
list-style-type:none;
 font-size:.7em;
 padding-left: 10px;
 margin:0 6px 0 0;
}

div#rightcolumn div#newslinks li {
margin-top:0;
 margin-bottom:.5em;
}

div#rightcolumn h3 {
text-align:center;
 font-size:.8em;
 color:#960;
 margin-bottom:0px;
 padding-top:3px;
 border-top: 2px dotted #960;
}

div#rightcolumn a {
text-decoration:none;
 color:#C60;
 text-decoration:underline
}

div#rightcolumn a:hover {
color: #960;
 text-decoration: none;
}

div#rightcolumn li.morelink {
font-style:italic;
}


/*footer styles*/
div#footer {
 		font-size:.9em;
  /* sets the font size of all links */
 		text-align:center;
 /* centers the ul elements in the div */
 		background-color:#4f82f5;
 /* sets the background color of the div */
 margin-top: 2em;
 width: 951px;
 position: absolute;
 bottom: 0px;
 float: none;	
 padding-top: 4px;
	
 padding-bottom: 4px;
	
 padding-left: 0;
	
 visibility: visible;
	
 overflow: visible;
	
 z-index: 6;

 clear: both;
 }

 div#footer ul {
margin:2px 0;
}

#rightcolumn center {
	font-size: 11px;
	margin-bottom: 33px;
	margin-top: 8px;
} /* vertical spacing between the lists */

div#footer li {
 display:inline;
 /* the key CSS - makes the lists display horizontally */
  color:white;
 /* sets the color of the vertical lines */
  /*border-left:1px solid;*/
 /* creates the vertical line to the left of each list items */
  color:#C60;
 /* sets the color of the vertical lines  - links colored below */
  padding:0 5px 0 9px;
 /* horiz space between links and vert lines - needed diff l & r values to center */
  
}

 div#footer li:first-child {
border-left:0;
}
/* removes the left border of the first list item - IDWIMIE */


div#footer li {
font-size:.75em;
}

div#footer a {
text-decoration:underline;
 color:#fff;
}

/*div#footer a:hover {
color: #960;
 text-decoration:none;
}*/

 div#footer ul li a {
text-decoration:none;
 /* removes the underlining off the links */
   	 color:#fff;
 /* the color of the links */
  	 
}

 /*div#footer ul li a:hover {
text-decoration:underline;
 color:#960}*/ /* underlines the links when hovered */

 div#footer ul.fineprint li {
color:#fff;
} /* color for copyright and vert dividers on last row */

div#footer ul.fineprint li a {
color:#fff;
} /* had to explicitly color these or they inherit white from div#footer li */

  /*div#footer ul.fineprint li a:hover {
color:#960;
}*/ /* turns bottom row white when hovered */
welcome {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #4F82F5;
}

#content p {
	text-indent: 0;
}

#nav ul li a.current {
	color: #fcf36c;
}