/* CSS Document */

body{
	background-color: #000066;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 100%;
}
p, td, dl, dt, dd{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px;
	color: #000066;	
}

a:link{
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	background: transparent;
}
a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #000066;
	background: transparent;
}
a:hover{
	font-weight: bold;
	text-decoration: underline;
	color: #0066FF;	
	background: transparent;
}
a:active{
	font-weight: bold;
	text-decoration: none;
	color: #003366;	
	background: transparent;
}
#wrapper{
	background-color: #FFFFFF;
	width: 740px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#banner{
	height: 90px;
	padding: 0;
	margin: 0;
	width: 100%;
}
#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #006;
	color: White;
	float: left;
	width: 100%;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em;
	background-color: #006;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
}

#navcontainer ul li a:hover, #navcontainer ul li a:focus
{
	background-color: #369;
	color: #fff;
}
#content{
	background-color: white;
	width: 100%;
	height: 475px;
	padding: 0px;
	margin: 0px;
}
#leftcol{
	float: left;
	background-color: #FFFFFF;
	width: 476px;
	height: auto;
	padding: 0;
	margin: 5px;
}
#rightcol{
	background-color: #FFFFFF;
	position: relative;
	width: 220px;
	padding: 0;
	margin: 5px 5px 5px 490px;
}
#leftcontentpics{
	background-color: #e9f3fd;
	border: 1px dotted #202020;
	width: 466px;
	margin: 5px 5px 5px 5px;
	padding: 0;
	min-height: 122px;
}	
#leftcontentpics p{
	font-size: 11px;
	margin: 2px;
	color: #000066;	
}
#leftcontentpics h1{
	font-size: 12px;
	margin: 2px;
	color: #000066;
	font-weight: bold;
}
#leftcontentpics a{
	font-size: 12px;
	margin: 2px;
	color: #000066;
	font-weight: bold;
}
#leftcontent{
	background-color: #e9f3fd;
	border: 1px dotted #202020;
	width: 466px;
	margin: 5px 5px 5px 5px;
	padding: 0;
}	
#leftcontent p{
	font-size: 11px;
	margin: 2px;
	color: #000066;	
}
#leftcontent h1{
	font-size: 12px;
	margin: 2px;
	color: #000066;
	font-weight: bold;
}
#leftcontent a{
	font-size: 12px;
	margin: 2px;
	color: #000066;
	font-weight: bold;
}
#leftcontent ul{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: disc;
	list-style-position: inside;
}
#leftcontent ul li { 
	font-size: 11px;
	margin: 2px;
	color: #000066;
}
#rightcontentwhite{
	background-color: #FFFFFF;
	border: 1px dotted #202020;
	width: 220px;
	margin: 5px;
	padding: 2px;
}

#rightcontent{
	background-color: #e9f3fd;
	border: 1px dotted #202020;
	width: 220px;
	margin: 5px;
	padding: 0;
}
	
#rightcontent p{
	font-size: 11px;
	margin: 2px;
	color: #000066;	
}
#rightcontent h1{
	font-size: 12px;
	margin: 2px;
	color: #000066;
	font-weight: bold;
}

#rightcontent a{
	font-size: 12px;
	margin: 2px;
	color: #000066;
	text-decoration: none;	
}


#animation{
	background-color: #CCCCCC;
	border: 1px dotted #202020;
	width: 466px;
	height: 250px;
	margin: 5px;
	padding: 0;
}
.clearit{
	clear: both;
	display: block;
}

#footer{
	background-color: #FFFFFF;
	width: 740px;
	position: relative;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}
#footer p{
	color: #000066;
	font-size: 9px;
}

.center{
	text-align: center;
}
.clear{
	clear: both;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.bold{
	font-weight: bold;
}
.rightimage{
	float: right;
	margin: 5px;
}