<!--secondary page styles -->

body {
font-size: 100.1%;
background: #fff;
margin: 0;
padding: 0;
text-align: center;

}

html, body { 
	height: 100%;
	margin-bottom: 1px;
}

#container{ 
	position: relative;
	width:800px;
	margin: 0 auto;
	text-align: left; 
	}
	
#contentwrapper {
	border-bottom: 1px solid #ccc;
}


#top { 
margin: 0;
padding: 0;

}

#top img {
float: right;
}

.bold {
font-weight: bold; }


#right { 
border: 1px solid #000;
position: absolute;
right: 25px;
top: 97px;
width: 11em;
background: #000099; 
}

#right ul {
margin: 0px;
padding: 0px;
list-style: none;
font: .85em "Lucida Grande" "Trebuchet MS", Verdana, Arial, sans-serif;

}

#right li {
margin: 0px;
padding: 0px;

}
#right a, #right a:link, #right a:visited {
color: #fff;
margin: 0;
padding: 5px 5px 5px 20px;
display: block;
border-top: 1px solid #cccce3;
border-bottom: 1px solid #cccce3;
text-decoration: none;

}

#right a:hover, #right a:focus {
color: #cccce3;
background: #000099 url("/images/link_rollover.jpg") no-repeat left center;
}


#content { 
top: 135px;
margin: 0 13em 0 50px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
border-right: 1px solid #ccc;

}

#content p {
font: .8em/130% Verdana, Arial, sans-serif;
color: #000;
}

#content h1 {font: 1.3em/130% Georgia, "Times New Roman", Times, serif;
color: #360F8F;
letter-spacing: 1px; }

#content h2 {
font: 1em/110% Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
color: #333366;
padding: 2px;
background: #eee;

}

#content h3 {
font: .8em/120% Georgia, "Times New Roman", Times, serif;
color: #333333;
font-style: italic;
letter-spacing: 1px;
}

#content ul {
font: .8em/130% Verdana, Arial, Helvetica, sans-serif;
color: #000;
list-style: circle;

}

#content a:link, #content a:visited {
color: #3333cc;
text-decoration: underline;

}

#content a:hover, #content a:focus, #content a:active {
background-color: #cccce3;
border-top: 1px solid #3333cc;
border-bottom: 1px solid #3333cc;
text-decoration: none;
}


#bottom {
background: #fff;
margin-top: 10px;
margin-left: 50px;
margin-right: 20px;
margin-bottom: 20px;
size: .8em;
text-align: center;

}

#bottom p {
font: .7em/135% Verdana, Arial, Helvetica, sans-serif;
color: #666;
}

#bottom a:link, #bottom a:visited {
color: #6666ff;
text-decoration: none;

}

#

#bottom a:hover, #bottom a:focus, #bottom a:active {
color: #3333cc;
background-color: #cccce3;
text-decoration: none;

}

.onpage {
color: #e3e899;
font-weight: bold;
padding: 5px 5px 5px 20px;
background: #000099 url("/images/link_rollover.jpg") no-repeat left center;
display: block;
border-top: 1px solid #e3e899;
border-bottom: 1px solid #e3e899;
}

.center {text-align: center; }

.leftfloat {
float: left;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
margin-left: 0;
padding: 2px;
border: 1px solid #ccc;
}