@import url('/outdoorscience/stylesheets/extra.css');

body
{
	font-family : Georgia,"Palatino Linotype","Trebuchet MS", arial, helvetica, sans-serif;
	font-size : 12px;
	background:#999999;
	margin: 20px 10em 0px 10em;
	background-color: #999999;
	color: #0099FF;
	border-bottom-color: #0099FF;
	border-color: #0099FF;
	border-left-color: #0099FF;
	border-right-color: #0099FF;
	border-top-color: #0099FF;
}

div.main 
{
	border:1px solid #ccc;
	background:#fff;
	padding-left:20px;
	padding-right:0px;
	padding-bottom:20px;
	position:relative;
	background-color: #FFFFFF;
	text-align: left;
}

/* Looks like you have to specify the width of #menu
or IE5 Mac stretches it all the way across the div, and 
Opera streches it half way. */

div.sidemenu 
{
	float:right;
	width:180px;
	margin:0px 0px 20px 20px;
	padding:10px;
	position:relative;
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	height:100%;
	color: #000000;
	background-color: #FFFFFF;
}

P 
{
	color : #000000;
	font-size : 12pt;
	text-align:left;
	padding-right:20px;
	background-color: #FFFFFF;
} 

H1 {
color : #0099FF; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif;
font-size : 3em; 
font-weight : 100; 
margin-top: 10px;
}

H2 {
color : #0099FF; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif;
font-size : 2em;  
font-weight : 900; 
margin-top:5px;
}
H2.below
{
background:#00CC33;
color:#ffffff;
margin-top:-20px;
width:100%;
padding-left:50px;
}
 
H3 {
color : #0099FF; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif; 
font-size : 1.5em; 
font-weight : 900; 
} 
H4 {
font-size : 1em;
text-align : left; 
color : #00CC33; 
} 
H5 {
background-color : #ffffff; 
color : #00CC33;   
font-size : 12pt; 
font-weight: bold; 
} 
H6 {
background-color : #ffffff; 
color : #000000;  
font-size : 12pt;
}

A {
color:#55A0FF;
font-weight:900;
} 

A:active {
color:#006600;
} 
A:link {
color:#006600;
} 
A:visited {
color:#006600;
} 
A:hover {
color:#0099FF; 
text-decoration:underline;
} 

img
{
	border:0px;
	text-align: left;
}

TH {
color : #ffffff; 
font-size : 12pt; 
background-color : #006666;  
}

CAPTION 
{ 
caption-side: top;
text-align:left;
font-size : 14pt;
font-weight: bold; 
color: #000000;
}


UL {
color : #000000; 
font-size : 12pt; 
list-style : square; 
}

div.topmenu
{
	background:#FF6600;
	color:#ffffff;
	font-size:11px;
	font-weight:700;
	height:31px;
	margin:0px;
	padding-top:2px;
	padding-right:5em;
	border-right: 1px #ccc solid;
	border-top: 1px #ccc solid;
	background-color: #0099FF;

}
div.mainmenu
{
background:#ffffff;
border-right: 1px #ccc solid;
border-left: 1px #ccc solid;
padding:0px;
margin:0;

}

div.topmenu a
{
text-decoration:none;
color: #ffffff;
font-size:1.2em;
}
div.topmenu a:hover {
color:#ffffff;
text-decoration:none;
}
div.topmenu a:visited {
color:#ffffff;
text-decoration:none;
}
div.mainmenu a 
{
border:1px #ccc solid; 
color: 00CC33;
padding:0.2em;
margin:0;
font-size:1.2em;
text-decoration:none;
} 
div.mainmenu a:hover {
color:#FFFFFF;
background:#ddd;
text-decoration:none;
}
a.button,input.button
{
padding: 2px;
margin:0px 20px 0px 0px;
display:block;
text-decoration: none;
background-color: white;
color:00CC33;
font-size:8pt;   
font-family:arial;
font-weight:700;
text-align:center;
border: 1px #c30 solid;
}

input.button
{
display:inline;
}
a.button:visited
{
color:#00CC33;
}

a.button:link {
color:#00CC33;
} 

a.button:hover,input.button:hover
{
background-color: #ddd; 
cursor:pointer;
text-decoration:none;
}

.subheading,.subsubheading {
font-size : 1.3em; 
font-weight:900;
width:100%;
}
.subsubheading
{
font-size : 14px; 
}
  
P.quote {
font-family : Impact,Arial; 
font-size : 16pt; 
font-weight : 200; 
white-space : normal; 
} 

p.firstpara 
{  
font-size: 12pt; 
font-weight: normal;
}
p.firstpara:first-letter 
{ 
font-size: 12pt; 
font-weight:normal;
}