* { margin:0; padding:0;}
body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	text-align: center;
	background: url(../images/back.png) top repeat-x #fff;
}
#wrapper{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}
#logobar {
	width: 1000px;
	height: 100px;
	padding: 5px 0 2px 0;
	text-align:left;
}
#content{
	width: 980px;
	text-align:left;
	min-height: 600px;
	padding: 25px 10px 10px 10px;
	}
	
/* for Internet Explorer */
* html #content {
	height: 600px;
}
	
a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #2D4A9C;
}
a:hover {
	text-decoration: none;
	color: #7891D8;
}
a:active {
	text-decoration: none;
	color: #2D4A9C;
}
a img {
	border: 0;
	}
	
#flashcontent {
	width: 524px;
	height: 130px;
}
.topper {}
.topper a{
	color: #666666;
	text-decoration: none;
}
.topper a:hover {
	text-decoration: none;
	color: #aaaaaa;
}
.gallery
{
	cursor: default;
	list-style: none;
	width: 700px;	
}
.gallery a
{
	cursor: default;
}
.gallery li
{
	background: #fff;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 2px;
	padding: 2px;
	position: relative;
	text-align: left;
}
.posted {
	background: transparent url(../images/bullet.gif) no-repeat left;
	padding: 0 0 0 15px;
	color: #0066CC;
	line-height: 1.5em;
} 

h1 {font-size: 1.3em; line-height: 2.0em; font-weight: bold; color: #00399a; font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; }

#leftcol{
	margin-top: none;
	margin-left: 10px;
	width: 150px;
	height: 400px;
}
.leftimage{
	margin-right: 15px;
	margin-bottom: 5px;
	height: 400px;
}
p em{
	font-family: 990000;
}
p {
}
.left{
	float: left;
	margin-right: 5px;
}
.right{
	float: right;
	margin-left: 10px;
}
#tbanner{
height: 100px;
background: url(../images/banner.jpg) top left no-repeat;
}
#rev {
}
#rev a{
color: #ffffff;
text-decoration: none;
}
#banner{
height: 87px;
background-image: url(../images/band.jpg);
background-repeat: no-repeat;
}
#content p{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
}
#footer{
	clear: both;
	border-top: 1px solid #dddddd;
	color: #333;
	margin-top: 10px;
	height: 50px;
	background-color:#eeeeee;
	padding-top: 10px;
}
#footer p{
font-size: 55%;
margin: 0;
padding: 5px;
}
.container{
width: 99%;
float: right;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}
#header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #990000;
	font-weight: bolder;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 5px;
}
link {
	color: #CC3333;
	text-decoration: underline overline;
}
#webtemplate {
	border-color: #2D4ADC;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 5px;
	width: 500px;
	height: 415px;
}
#webextras {
	border-color: #2D4ADC;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 5px;
	width: 270px;
}
.categoryList{line-height:1.1em}
.categoryList A{text-decoration:none}
#eForm {
font-size: .7em; 
padding:2px;
margin: 0px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
border:1px solid #6aace5;
} 
#eForm2 {
font-size:.8em; 
margin: 0px;
padding:3px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
border:1px solid #6aace5;
}
.dropdown {float:left; display:block; font-size: 9px; padding:2px 0px;}
.dropdown dt a, .dropdown dt a:active, .dropdown dt a:visited {font-weight:bold; cursor:pointer; color: #888888; padding:2px 8px;}
.dropdown dt a:hover {background-color:#557fe2; color:#fff;}
.dropdown dd {
	position:absolute;
	overflow:hidden;
	display:none;
	background-color:#999999;
	z-index:200;
	opacity:0;
	margin-top:2px;
	width:104px;
}
.dropdown ul {list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown dd a, .dropdown dd a:active, .dropdown dd a:visited {
	font-size: 9px;
	font-weight: bold;
	display:block;
	padding:2px 5px 2px 8px;
	color:#888888;
	text-decoration:none;
	background-color:#EEEEEE;
}
.dropdown dd a:hover {background-color:#7096ef; color:#fff;}
.dropdown .underline {border-bottom:1px solid #dddddd}
.style1a {
	color: #666666;
	font-size: 60%;
	padding-left: 10px;
	padding-top: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.style1b {
	color: #000;
	font-size: .7em;
	padding-left: 10px;
	border-color: #999999;
	border-top-width: thin;
}
.style14a {
	font-size: 70%;
	color: #2D4A9C;
	text-decoration: none;
}
.style14b {
	font-size: 70%;
	color: #0067FF;
	text-decoration: none;
}
.style14c {
	font-size: 60%;
	color: #2D4A9C;
	text-decoration: none;
}.style1 {
	font-size: 70%;
	font-weight: bold;
	color: #686D88;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;
}
.style2 {
	font-size: 70%;
	color: #999999;
	padding-left: 0px;
	padding-right: 0px;
	width: 150px;
}
.style5 {
	font-size: .8em;
	line-height: 1.5em;
	color: #666666;
}
.style5b {
	font-size: .65em;
	text-transform:uppercase;
	font-weight: bold;
	line-height: 1.3em;
	color: #ffffff;
	background-color:#1f66dd;
	padding: 1px 4px;
	width: 173px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #666;
	display: block;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.style5b a {
	color: #ffffff;
	width: 169px;
	display: block;
}

.style6 {font-size: 1.5em; line-height: 2.0em; font-weight: bold; color: #00399a; font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif; }
.style8 {font-size: 90%}
.style9 {font-size: 75%;color: #000000}
.style10 {
	color:#3366FF;
	font-size: .9em;
	font-weight: bold;
}
.style11 {
	font-size: .9em;
	line-height: 2.25em;
	font-weight: bold;
	color: #0067FF;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	width: 150px;
	text-decoration: none;
}
.style12 {
	font-size: 80%;
	font-weight: bold;
	color: #009933;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	width: 150px;
	text-decoration: none;
}
.style13 {color: #009933; padding-top: 5px; padding-left: 0px; padding-right: 0px; width: 150px; text-decoration: none; font-size: 70%;}
.style14 {
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}
input, select, textarea {font-size:10px;} 
/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	list-style:none;
	font-weight: normal;
	margin:1px;
	/* Clear floats */
	float:left;
	width:100%;
	font-size: 21px;
	font-family: "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	height: 61px;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	position:relative;
}
#nav a{
	display:block;
	padding: 20px;
	color:#fff;
	height: 20px;
	text-decoration:none;
}
#nav a:hover{
	color:#fff;
	background: url(../images/rollover.png) repeat;
	text-decoration: none;
}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	background-color: #00399a;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background: url(../images/rollover.png) repeat;
	text-decoration: none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color: #1f67dd;
}
/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
width: 600px;
height: 300px;
overflow:hidden;
border: 2px solid #dddddd;
background-color:#333333;
}

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:470px;
	top: 270px;
	bottom: 4px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.icons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.icons li {
	width: 100px;
	height: 100px;
	margin: 0 5px 25px 0;
	float: left;
	text-align:center;
	font-size: 11px;
	color: #bbb;
	text-shadow:#efefef 1px 1px 0;
}