body {
text-align: center;/* Used for win/IE4,win/IE5,win/IE5.5  to center page*/
font-family: arial,  verdana, helvetica, sans-serif;
}  

#container
{
width:900px;
margin: 10px auto;
background-color: #fff;
color: #333;
line-height: 130%;
text-align: left;
}

#top
{
padding: .25em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#topimage
{
padding: 0px;
background-image: url(images/topimage.gif);
margin: 0px;
background-repeat: no-repeat;
height:144px;
}

/* Remove margins and padding from the h1*/
#top h1
{
padding: 0;
margin: 0;
}

#topnavlist
{
padding: .2em;
color: #fff;
background-color: #008469;
font-size: 13px;
text-align: left;
border-bottom: 1px solid gray;
}

#topnavlist ul{
list-style-type: none;
pading: 0;
margin: 0;
width: 100%;
 }

#topnavlist li {
display: inline; /*puts the items on one line*/
} 

#topnavlist li a
{
width: 5em;
color: #fff;
background-color: #008469;
padding: 0.2em 1em;
text-decoration: none;
border-right: 1px solid #fff;
}

#topnavlist li a:hover
{
background-color: #ABCEC4;
color: black;
}

#leftnavlist
{
float: left;
width: 180px;
font-size: 12px;
padding: 2px 0px 0px 0px;
}

#leftnavlist ul
{
list-style-type: none;
padding: 0;
margin: 0;
}

#leftnavlist a
{
display: block;
color: #FFF;
background-color: #008469;
width: 180px;
padding: 3px 12px 3px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}

#leftnavlist a:hover
{
background-color: #ABCEC4;
color: black;
}

#leftnavlist li li a
{
display: block;
color: #ffffff;
background-color: #5FB2A1;
width: 180px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}

#rightnav
{
float: right;
width: 200px;
padding: 1px 0px 0px 0px;
text-align: justify;
}

#rightnav a:link 
{ 
color: #0066CC; 
text-decoration: none; 
}
#rightnav a:visited 
{ color: #0066CC; 
text-decoration: none; 
} 
#rightnav a:hover 
{ 
text-decoration: underline; 
color: #800000; 
}
#rightnav h2 { 
margin: 0px 0px 0px 0px;
FONT-SIZE: 12px;
color: #0066CC;
text-decoration: none;
}


/*removing top margins*/
#rightnav p { margin: 2px 0 0px 0;
FONT-SIZE: 12px
}

#content
{
margin-left: 210px;
margin-right: 210px;
padding: 7px;
max-width: 40em;
text-align: justify;

}

#content a:link 
{ 
color: #0066CC; 
text-decoration: none; 
}
#content a:visited 
{ 
color: #0066CC; 
text-decoration: none; 
} 
#content a:hover 
{ 
text-decoration: underline; 
color: #800000;
}

#content h2 { 
margin: 15px 0 7px 0;
FONT-SIZE: 14px;
color: #0066CC;
text-decoration: none;
}

#content h3 { 
margin: 0 0 15px 0;
FONT-SIZE: 13px;
border-bottom: 1px solid blue;
text-align: center;
}

#content p {
FONT-SIZE: 12px; 
text-decoration: none;
margin: 0 0 7px 0;
}


#content2 /*optional*/
{
margin-left: 0px;
margin-right: 210px;
padding: 7px;
max-width: 42em;
text-align: justify;
}

#content3 /*optional for blog*/
{
margin-left: 0px;
margin-right: 0px;
padding: 7px;
max-width: 42em;
text-align: justify;
}

#content2 a:link 
{ color: #0066CC; 
text-decoration: none; 
}
#content2 a:visited 
{ color: #0066CC; 
text-decoration: none; 
} 
#content2 a:hover 
{ 
text-decoration: underline; 
color: #800000;
}

#content2 h2 { 
margin: 15px 0 7px 0;
FONT-SIZE: 14px;
color: #0066CC;
text-decoration: none;
}

#content2 h3 { 
margin: 0 0 15px 0;
FONT-SIZE: 13px;
border-bottom: 1px solid blue;
text-align: center;
}

#content2 p {
FONT-SIZE: 12px; 
text-decoration: none;
margin: 0 0 7px 0;
}


#bottomimage
{
padding: 0px;
background-image: url(images/bottom.gif);
margin: 0px;
background-repeat: no-repeat;
height:140px;
}

.footer
{
padding: 48px 4px 4px 20px;
color: #036;
FONT-SIZE: 12px;
text-align: center;
line-height: 80%;
font-weight: normal;
}

.footer a:link 
{ color: #036; 
text-decoration: none; 
}
.footer a:visited 
{ color: #036; 
text-decoration: none; 
} 
.footer a:hover 
{ 
text-decoration: underline; 
color: #800000;
}


.title
{
padding: 20px 2px 0px 500px;
line-height: 100%;
color: #036;
FONT-SIZE: 20px;
font-weight: bold;
}

.title a:link 
{ color: #0066CC; 
text-decoration: none; 
}
.title a:visited 
{ color: #0066CC; 
text-decoration: none; 
} 
.title a:hover 
{ 
text-decoration: underline; 
color: #800000;
}

.slogan
{
padding: 67px 0px 0px 20px;
line-height: 100%;
color: #FFFFFF;
FONT-SIZE: 10px;
font-weight: regular;
}

.sideheader
{
padding: 2px 0px 2px 6px;
margin-top: 10px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
background-color: #008469;
}