@import url('extra.css');

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

div.main 
{
margin-top:0em;
border-top:1px #ccc solid;
border-bottom:10px solid #009999;; 
border-left:10px solid #009999;
border-right:10px solid #009999;
background:#fff;
padding-left:10px;
padding-right:0px;
padding-bottom:0px;
/* 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%;
}

div.sidemenu ul a
{
background-color:#eeeeee;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
width:90%;
}

div.sidemenu ul
{
margin-top:0em;
}

div.sidemenu h3
{
background-color:#006666;
color:#ffffff;
margin-bottom:0em;
padding:0.5em;
}

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

H1 {
font-size : 3em; 
font-weight : 800; 
margin-top:0.2em;
color:#009999;
}

H2 {
color:#009999;
font-family : "Georgia", arial, helvetica, sans-serif;
font-size : 2.5em;  
font-weight : 400; 
}

 
H3 {
color: #000000; 
font-family : "Georgia", arial, helvetica, sans-serif;
font-size : 1.5em; 
font-weight : 900; 
margin-top:0.2em;
} 
H4 {
font-family : "Georgia", arial, helvetica, sans-serif;
font-size : 1em;
text-align : left; 
color : #000000; 
} 
H5 {
font-family : "Georgia", arial, helvetica, sans-serif;
background-color : #ffffff; 
color : #006666;   
font-size : 12pt; 
font-weight: bold; 
} 
H6 {
font-family : "Georgia", arial, helvetica, sans-serif;
background-color : #ffffff; 
color : #000000;  
font-size : 12pt;
}

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

A:active {
color: #000099; 
} 
A:link {
color: #000099; 
} 
A:visited {
color: #000099; 
} 
A:hover {
color: #990000; 
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; 
}

div.topmenu
{
background-color:#FFFFFF;
color:#000000;
font-size:11px;
font-weight:700;
margin:0px;
padding-top:2px;
padding-left:1em;
border: 10px #009999 solid;
border-bottom: 1px #ccc solid;
}

div.topmenu img
{
border:none;
}

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

div.topmenu a
{
text-decoration:none;
font-size:1.2em;
}
div.topmenu a:hover {
text-decoration:none;
}
div.topmenu a:visited {
text-decoration:none;
}
div.mainmenu a 
{
border:1px #ccc solid; 
font-size:1.6em;
} 
div.mainmenu a:hover {
color:#000;
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:#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;
}

.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: 1.3em; 
font-weight: normal;
}
p.firstpara:first-letter 
{ 
font-size: 28pt; 
font-weight:900;
}



input { 
  font-size: 11px; 
  font-family: Arial,sans-serif;
  color: #000000; 
  background-color:#CCFFCC;
}

input:focus
{
background:#006666;
color:#ffffff;
}

select { 
  font-size: 11px; 
  font-family: Arial,sans-serif;
  color: #000000; 
  background-color:#CCFFCC;
}

textarea { 
  font-size: 11px; font-family: Arial,sans-serif;
  color: #000000; background-color:#CCFFCC;

}
img
{
border:1px solid #000000;
}

img.icon
{
    border:3px solid #006666;
}
p.boxright, p.boxbelow
{
background:#999966;
color:#000000;
font-size:1.5em;
margin-left:0em;
}
p.boxright
{
float:right;
width:20%;
}

p.boxbelow
{
background: #009999;
background-image:url(../images/template/bottombanner.jpg);
background-repeat:no-repeat;
width:640px;
height:125px;
padding:0px;
margin-right:0px;
margin-bottom:-35px;
margin:0px;
}

p.boxfixed
{
float:right;
width:12%;
padding: 2em;
margin-right:-2em;
margin-top:-1em;
color:#000000;
font-size:10pt;
background:#ffffff;

}

p.sidemenubox
{
background:#ffffff;
border: 2px gray solid;
margin: 2px;
padding:3px;
text-align:justify;
font-size:10pt;
}

.imagebox
{
float:right;
font-size:0.8em;
text-align:center;
}
.imagebox img
{
margin:1em;
}