﻿body {background: black url('images/logo.jpg') no-repeat fixed 0 0; height: 100%}
div#content {width: 60%; float: left; background: #446689 url('images/logo_blue.jpg') no-repeat fixed 0 0;}
div#links a {background: url('images/logo_fade.jpg') no-repeat fixed 0 0;}
div#links a:hover {background: url('images/logo_wash.jpg') no-repeat fixed 0 0;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #FFC;}
div#links a:hover {color: #411;}
h1 {position: absolute; left: 58%; top: -1px; z-index: 3; color: white; font: 36px Arial, Verdana, sans-serif; width:20px; height:18px; 
	padding: 4px 0px 0 2px; text-align: left; letter-spacing:-2px; word-spacing:3px; white-space: nowrap; font-weight: 500; z-index: 300; display: block;}
div#footer {position: relative; color: #ffffff; font: 11px Arial, Verdana, sans-serif; text-align: left; margin-left: 15px; margin-top: 1.5em; width: 70%}
.rss {border-width: 0;}

/* Layout Stylesheet */ 
.asterisks {text-align: center;margin-bottom : .8em;}
div#right {position: absolute; right: -188px; top: 0px; width: 160px; 
   color: #eed; font: 13px Verdana, sans-serif; text-align: left; padding: 10px; background: #446689;
   background: #446689}
div#right h3 {position: relative; color: white; font: 13px Verdana, sans-serif; height: 14px; text-align: left; font-weight: 700; margin-bottom: -6px; z-index: 300;}
div#right ul
		{
			list-style: none;
			padding: 0;
			margin: 0;
		    font: 11px Verdana, sans-serif; padding: 3px;
		    text-align: left; line-height: 1.3em;
		}

div#right a:link {color: #eed; text-decoration: none}
div#right a:visited {color: #BBC; text-decoration: none}
div#right a:link:hover {color: #FF0; text-decoration: underline}
div#right a:visited:hover {color: #CC0; text-decoration: none}
div#right h3.top {padding: none}
div#right h3 {padding: none; margin-left: -2px}

div#content a.green:link {color: #eed;  text-decoration: none;}
div#content a.green:visited {color: #eed; text-decoration: none;}
div#content a.green:hover {color: white; text-decoration: underline;}

div#content a.white:link {color: #eed;  text-decoration: none;}
div#content a.white:visited {color: #bbc; text-decoration: none;}
div#content a.white:hover {color: yellow; text-decoration: none;}

div#content a.red:link {color: #eed;  text-decoration: underline;}
div#content a.red:visited {color: #bbc; text-decoration: none;}
div#content a.red:hover {color: yellow; text-decoration: none;}

.comments {
width: 80%; text-align: left; margin-left: 25px;
}
		.cleardiv
		{
			clear: both;
			height: 1px;
		}
.g{margin-top: 1em; margin-bottom: 1em}
-->
/* figure-divs and their supporters */

div.figure {
padding: 1px; 
margin: 0.67em auto; /* needed to support centering of almost-full-width figures */
}
div.figure img { width: 100%; }

div.figure p { /* the default "legend" style, as opposed to "caption" */
font-family: verdana, arial, sans-serif;
font-size: smaller;
padding-left: 1%;
padding-right: 1%;
line-height: 1.1;
margin: 0.25em auto 0 auto;
}

.full { width: 99%; padding: 10px; margin: 0.67em auto; }
/* "full" should be unnecessary, but this responds to the box model bugs in IE */
.half { width: 50%; padding: 10px; margin: 0.5em 0.67em; }
.third { width: 33%; padding: 10px; margin: 0.5em 0.67em; }
.quarter { width: 25%; border: none; padding: 5px; margin: 0.25em 0.5em; }
.fifth { width: 20%; border: none; padding: 5px; margin: 0.25em 1%; }

.right { float: right; margin-left: 2%; }
.left { float: left; margin-right: 2%; }

/* end figure-divs */-->

.borderit img {
	border: 2px solid #006666;
}
.borderit:hover img {
	border: 2px solid yellow;
}
.borderit:hover {
	color: yellow; /* irrelevant definition to overcome IE bug */
}
