/*
CSS for StoneSoup.org;
Main Design by Amanda Visconti; 
Menu adapted from http://www.seoconsultants.com/css/menus/tutorial/
*/

body {
	font-family: Arial, san-serif;
	font-size:14px;
	color: #FFFFFF;
	background-color: #000000;
	margin:0;
}

em {
	font-size: 12px;
}

#PDA {
	margin-left: 255px;
	padding-top: 30px;	
}

.alt_text {
display:none;
} 

#topper {
	background-color: #000000;
	height: 189px;
}

#logoimage {
	float:left;
}

#logowords {
	padding-top: 50px;
	margin-left:280px;
}

#menu {
	position: absolute;
	width: 125px; /* set width of menu */
	background: #000000;
	text-align: center;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a {
font: bold 14px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 10px 10px;
color: #FFFFFF;
background: #000000;
text-decoration: none;
font-variant: small-caps;
border-bottom: 1px solid #999999;
}

#menu ul li a:hover {
color: #000000;
background: #FFFFFF;
}

#menu li {
/* make the list elements a containing block for the nested lists */
color: #FFFFFF;
position: relative;
} 

#menu ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

#menu ul ul li a {
	background-color: #666666;
	color: #FFFFFF;	
}

#menu ul ul li a:hover {
	color: #000000;
	background: #FFFFFF;
}

div#menu ul ul,
div#menu ul li:hover ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}





h1 {
	font-variant: small-caps;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

pre {
	margin-left: 30px;
}

#pagecontent {
	font-family: Century Gothic, Arial, san-serif;
	text-align: left;
	margin-left: 250px;
	padding-left: 75px;
	padding-right: 75px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	color: #000000;
	border: solid 3px #333333;
	min-height:412px;
	height: expression( this.scrollHeight < 413 ? "412px" : "auto" ); /* sets min-height for IE */
	min-height: 412px; /* sets min-height value for all standards-compliant browsers */
}

#search {
	position: absolute;   
	margin-top: 299px;
	width: 230px;
	height: 110px;
	background-color: #000000; 
	padding: 10px;
	text-align: left;
}

#search h1{
	color: #CC3333;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
}

.cse-resultsContainer {
	color: #000000;
}

#footer {
	background-color: black;
}

#footernav {
	border-top: 3px solid #777777;
	border-bottom: 3px solid #777777;
	text-align:center;
}

#footernav ul {
	display: inline;
}

#footernav li {
	display: inline;
	padding: 10px;
}

#footernav a:link {
	text-decoration: none;
	color: #ffffff;
	font-variant: small-caps;
	font-weight: bold;
}

#footernav a:hover {
	text-decoration: none;
	color: #3399FF;
	font-variant: small-caps;
	font-weight: bold;
}

#footernav a:visited {
	text-decoration: none;
	color: #ffffff;
	font-variant: small-caps;
	font-weight: bold;
}

#footernav a:active {
	text-decoration: none;
	color: #3399FF;
	font-variant: small-caps;
	font-weight: bold;
}

#footerupdate {
	text-align: center;
	color: #999999;
}

p img {
	float: right;
}

a:link {
	text-decoration: underline;
	font-weight: bold;
	color: #006666;
}

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

a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #3399FF;
}

a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #3399FF;
}

ol.reversed {
        counter-reset: countdown 66;
}

ol.reversed > li {
        display: block;
}

ol.reversed > li:before {
        counter-increment: countdown -1;
        content: counter(countdown) ". ";
}