body
{
	background-color: rgb(230,230,230);
	color: rgb(0,0,0);
	padding: 10px;
	margin: 0;
	font-size: 120%;
	font-family: Arial,verdana;
}

ul.menu { margin-top:40px; list-style-type:none; border-bottom:1px solid black; height:41px; }
ul.menu li { display: block; float:left; width:120px; height:20px; background:white; border:1px solid black; margin-right:10px; padding:10px; text-align:center; text-decoration:underline; cursor:pointer; }
ul.menu li.active { height:24px; position:relative; margin-top:-3px; background:yellow; border-bottom:none; }

.b { font-weight:bold; }

u { text-decoration:none; color:green; font-weight:bold; }

i { color:gray; }

textarea { width:100%; height:200px; margin-top:20px; display:inline; }

.mt { margin-top:50px; }
.cb { clear:both; }

/* jjmenu styles */
.ItemRed { color: red; }
.ItemBlue { color:blue; }
div.jjmenu {
	position:absolute;
	background:#ffcc00;
	border-bottom:2px solid gray;
	border-right:1px solid gray;
	padding:0px;
}

div.jj_menu_item {
	color:white;
	border:1px solid gray;
	border-bottom:none;
	background:url(menuitem.gif) no-repeat;
	cursor:pointer;
}

div.jj_menu_item span {
	display:block;
	padding:4px;
}
/*
div.jj_menu_item_more span {
	background:url(more.gif)  right no-repeat;	
}
*/
div.jj_menu_item_more span {
	padding-right:20px;
}

div.jj_menu_item_hover {
	background:#ff0000;
	}
figure img {
	max-width: 100%;
	}
h1
{
text-transform: uppercase;
font-size: 150%;
color: black;
}		
h2
{
font-family: Helvetica, Arial, sans-serif;	
text-transform: uppercase;
font-size: 100%;
color: blue;
}
h3
{
font-family: Helvetica, Arial, sans-serif;
font-size: 125%;
color: black;
margin-top: 1px;
margin-right: 1px;
margin-left: 5px;
margin-bottom: 3px;
padding: 2px; background: #ffffff;
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
}
h5
{
font-family: Helvetica, Arial, sans-serif;	
text-transform: uppercase;
font-size: 125%;
color: black;
}
blockquote
{color: #2F05CF;
font-family: Helvetica, Arial, sans-serif;
font-size: 120%;
}

#page-wrap {max-width: 1200px;}
#wrapper {
width: 1024px;
margin: 0 auto;
text-align: left;
}
#masthead {
height: 300px;
width: 1012px;
padding: 11px;
}
.separator {
height: 5px;
background-color: #999999;
clear: both;
margin-bottom: 2em;
}
.separatorInvisible {
height: 0;
clear: both;
}

#navigation {
float: left;
padding: 5px;
width: 120px;
height: 2000px;
font-size: large;
}
#navigation ul {
list-style-type: none;
padding: 1px;
margin: 1px;
width: 118px;
font-size: 100%;
}
#navigation li {
margin-top: 1px;
margin-right: 1px;
margin-left: 5px;
margin-bottom: 3px;
padding: 2px; background: #BBB;
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
}
#navigation a {
text-decoration: none;
display: block;
background-color: #555555;
color: #ffffff;
border-top: 1px solid #dddddd;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #dddddd;
}
#navigation a:link {
background-color: #100cb4;
}
#navigation a:visited {
background-color: #666699;
}
#navigation a:hover {
background-color: #ff0000;
font-size: 120%;
}
#navigation a:active {
background-color: #444444;
color: #eeeeee;
border-top: 1px solid #333333;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #333333;
}
.column {
float: left;
padding-left: 10px;
width: 242px;
}
a:link {
color: #0066ff;
}
a:visited {
color: #666699;
}
a:hover {
color: #ff0000;
}
a:active {
background-color: #444444;
color: #eeeeee;
}
#footer {
clear: both;
width: 100%;	
float: left;
font-size: 150%;
padding: 20px 10px;
}
#content {
padding: 5px;
font-size: 100%;
float: left;
}
#icontent {
width: 800px;
float: left;
padding: 10px;
font-size: 100%;
}
p {
font-size: 100%;
line-height: 1.4em;
padding-left: 1.4em;
margin-top: 0;
margin-bottom: 1em;
}
li.i {
font-style: italic;
color: #ff0000;	
}
.column h1 {
font-size: 130%;
}
.column p {
padding: 0;
}
.mainlines {	
width: 78%;	
float: left;	
text-align: center;
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
background: #f4f9b9;
}
.publicaccess {
width: 30%;	
float: right;
color: red;		
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
background: #000000;
}
.headerblock {
background: #ffc9ca;
}
.definition {
width: 40%;	
float: right;
margin-top: 10px;
margin-right: 10px;
margin-left: 1px;
margin-bottom: 10px;	
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
background: #93E66D;
}
.highlight {
background: #ffffff;
border-top: 3px solid #000000;
border-right: 1px solid #000000;
border-bottom: 3px solid #000000;
border-left: 3px solid #000000;
}
#leftt {
float: left;
width: 450px;
}
#otherone {
background: #ffffff;
margin-left: 20px;
margin-bottom: 20px;
padding-top: 20px;
}
#boxout {
background: #a9a9a9;
width: 20%;
min-width: 200px;
float: right;
margin-left: 20px;
margin-bottom: 20px;
padding-top: 20px;
}
.boxouta {
background: #f0f0f0;
width: 20%;
min-width: 200px;
float: right;
margin-left: 10px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
}
.boxouta h2 {
font-weight: bold;
font-size: 110%;
line-height: 1.2em;
color: #000000;
padding: .5em;
text-indent: 5px;
}
.boxouta li {
font-weight: bold;
font-size: 100%;
line-height: 1.2em;
color: #b33d3b;
padding: .5em;
text-indent: 5px;
}
.boxout {
background: #a9a9a9;
width: 20%;
min-width: 200px;
float: right;
margin-left: 10px;
margin-bottom: 20px;
padding-top: 20px;
padding-left: 40px;
padding-bottom: 20px;
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
}

.boxout p {
font-weight: bold;
font-size: 110%;
line-height: 1.2em;
color: #333333;
padding: .5em;
text-indent: 5px;
}
.emphout {
background: #a9a9a9;
font-weight: bold;
font-size: 110%;
width: 20%;
min-width: 200px;
float: right;
margin-left: 10px;
line-height: 1.2em;
margin-left: 2px;
margin-bottom: 20px;
padding-top: 20px;
border-top: 4px solid #ffffff;
border-right: 4px solid #000033;
border-bottom: 4px solid #333333;
border-left: 4px solid #ffffff;
}
.emphout ul {
list-style-type: none;
padding: 1px;
margin: 1px;
width: 180px;
font-size: 100%;
}
.emphout li {
margin-top: 1px;
margin-right: 1px;
margin-left: 5px;
margin-bottom: 18px;
padding: 2px; background: #BBB;
border-top: 8px solid #ffffff;
border-right: 8px solid #333333;
border-bottom: 8px solid #333333;
border-left: 8px solid #ffffff;
}
.emphout a {
text-decoration: none;
display: block;
background-color: #555555;
color: #ffffff;
border-top: 1px solid #dddddd;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #dddddd;
}
.emphout a:link {
background-color: #3366cc;
}
.emphout a:visited {
background-color: #666699;
}
.emphout a:hover {
background-color: #ff0000;
font-size: 120%;
}
.emphout a:active {
background-color: #444444;
color: #eeeeee;
border-top: 1px solid #333333;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #333333;
}

.emphout p {
font-weight: bold;
font-size: 110%;
line-height: 1.2em;
color: #333333;
padding: 0px;
}
.emphout a:hover {
color: #ffff00;
}
.important {
color: #AF3B3B;
font-weight: bold;
font-size: 110%;
line-height: 1.2em;
}
div#topOfPageAnchor {
position: absolute;
top: 0;
left: 0;
height: 0;
width: 1024;
}

