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

body
{
font-family : Georgia,"Palatino Linotype","Trebuchet MS", arial, helvetica, sans-serif;
font-size : 12px; 
background:#ddd;
margin: 20px 10em 0px 10em;
}

div.main 
{
border:1px solid #ccc; 
background:#fff;
padding-left:20px;
padding-right:0px;
padding-bottom:20px;
/* Fixes IE 6 padding bug */
position:relative;
}

/* 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:4px;
/* Fixes IE 6 padding bug */
position:relative;
border-left: 1px #ccc solid;
border-bottom: 1px #ccc solid;
height:100%;
}

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

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

H2 {
color : #8B0000; 
font-family : "Gill Sans", "Century Gothic","Trebuchet MS", arial, helvetica, sans-serif;
font-size : 2.5em;  
font-weight : 400; 
margin-top:-5px;
}
H2.below
{
background:#006666;
color:#ffffff;
margin-top:-20px;
width:100%;
padding-left:50px;
}
 
H3 {
color : #00008B; 
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 : #00008B; 
} 
H5 {
background-color : #ffffff; 
color : #006666;   
font-size : 12pt; 
font-weight: bold; 
} 
H6 {
background-color : #ffffff; 
color : #000000;  
font-size : 12pt;
}

A {
color: #c30;
font-weight:900;
text-decoration:none;
} 

A:active {
color: #c30;
} 
A:link {
color: #c30;
} 
A:visited {
color: #c30;
} 
A:hover {
color : #00008B; 
text-decoration:underline;
} 

img
{
border:0px;
}

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; 
}



.sitetitle {
	font-family: "Gill Sans", "Century Gothic", "Trebuchet MS", arial, helvetica, sans-serif;
	font-size: 1.7em;padding-right:0.3em;font-weight:bold;
}

#headerNav{
padding:0em;
color:#ffffff;
background-color:#000000;
margin:0em;
}
#headerNav ul
{
margin:0em;
padding:0em;
display: inline;
}

#headerNav li
{
display: inline;
list-style-type: none;
border-right:1px dashed #ffffff;
padding:0em;
margin:0em;
margin-left:0.3em;
margin-right:0.3em;
padding-right:0.3em;
}
#headerNav li a
{
color:#FFFFFF;
font-size:0.75em;
}

#topNav a:hover {
background-color:#999999;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: -1px;
}

#topNav{
padding-top:0.2em;
padding-bottom:0.2em;
padding-left:0.5em;
color:#ffffff;
background-color:#c30;
margin:0em;
}

#topNav ul
{
margin:0em;
padding:0em;
display: inline;
}
#topNav li
{
display: inline;
list-style-type: none;
border-right:1px dashed #ffffff;
padding:0em;
margin:0em;
margin-left:0.3em;
margin-right:0.3em;
padding-right:0.3em;
}

#topNav li a
{
color:#FFFFFF;
font-size:0.7em;
}

#topNav a:hover {
background-color:#006600;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
margin: -1px;
}


#mainNav{
padding-top:0.2em;
padding-bottom:0.2em;
padding-left:0.5em;
color:#000000;
background-color:#fff;
margin:0em;
border-bottom:4px solid #999999;
}

#mainNav ul
{
margin:0em;
padding:0em;
}
#mainNav li
{
display: inline;
list-style-type: none;
border-right:1px dashed #000;
padding:0em;
margin:0em;
margin-left:0.3em;
margin-right:0.3em;
padding-right:0.3em;
font-size:0.95em;
}

#mainNav a:hover {
background-color:#CCCCCC;
border-bottom: 2px solid #666666;
border-right: 2px solid #666666;
border-top: 1px solid #cccccc;
border-left: 2px solid #cccccc;
margin: -2px;
}

#skip 
{
position:absolute; left:-9000px; top:0; z-index:20
}


a.button,input.button
{
padding: 2px;
margin:0px 20px 0px 0px;
display:block;
text-decoration: none;
background-color: white;
color:#c30;
font-size:8pt;   
font-family:arial;
font-weight:700;
text-align:center;
border: 1px #c30 solid;
}

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

a.button:link {
color:#c30;
} 

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

  
P.quote {
font-family : Impact,Arial; 
font-size : 16pt; 
font-weight : 200; 
white-space : normal; 
} 

p.firstpara 
{  
font-size: 1.3em; 
font-weight: normal;
}
p.firstpara:first-letter 
{ 
font-size: 28pt; 
font-weight:900;
}

p.boxright, p.boxbelow
{
background:#FF9999;
padding: 10px;
color:#000000;
font-size:1.1em;
margin-left:1em;
margin-right:1em;
}
p.boxfixed
{
float:right;
width:12%;
padding: 10px;
margin:5px;
color:#ffffff;
font-size:10pt;
border: 2px black dashed;
background:#FF9999;
}