@charset "UTF-8";
/* CSS Document */

*
{
	padding:0px;
	margin:0px auto 0px auto;
}

html {
	height: 100%;
}

body {
	background-color:#8b8b8b;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 	font-size:12px;
 	line-height:19px;
 	color:#2e2e30;
	margin: 0;
	padding: 0;
	height: 100%;
}

h1 {
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-style:italic;
	color:#7ab6f2;
	line-height:40px;
}

h2 {
	font-size:16px;
 	line-height:22px;
 	color:#2e2e30;
	font-weight:300;
}

h3 {
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-style:italic;
	line-height:26px;
}

h4 {
	font-size:13px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	font-style:italic;
	color:#888;
	line-height:20px;
}

a:link {
	color: #5d97ba;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #7AB6F2;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}

.quote {
	
	font-weight:normal;
	font-style:italic;
}

#container {
    width: 960px;
	background-color:#FFF;
	min-height:100%;
}

#bar {
	width:940px;
	height:5px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	border-top:solid 5px #2e2e30;
	width:940px;
	padding:45px 0 15px 0px;
	margin-left:auto;
	margin-right:auto;
}

#topbar {
	width:960px;
	height:28px;
	background-image:url(images/nav_bg.gif);
}

#nav{
    padding:0;
    list-style:none;
    width: 710px;
    margin-right: 0;
    margin-left:240px;
    float: left;
    z-index:11;
	background-color:#7cb3d5;
}

#nav li{
	float:left;
	margin-right:1px;
	border-left: 1px solid #fff;
	position:relative;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	display:block;
	background-color:#7cb3d5;
}

#nav a{
	display:block;
	padding:5px 10px 5px 10px;
	color:#ffffff;
	background:#7cb3d5;
	text-decoration:none;
}
#nav a:hover{
	color:#000;
	background:#abd2ea;
	text-decoration:none;
}

#nav a:focus{
	color:#000;
	background:#abd2ea;
	text-decoration:none;
}

ul, li
{
margin:0;
padding:0;
}

/*--- DROPDOWN ---*/
#nav ul{
	background:#7cb3d5; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(124,179,213,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	z-index:15;
}
#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 */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}

#nav li:focus ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	opacity:1; /* Fade to opaque */
}
#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:#abd2ea;
	
	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;
	-webkit-transition:-webkit-transform 2.075s linear;
}
#nav li:hover ul li a:hover a:focus{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#7cb3d5;
	
}

#mainhomeimage {
	width:960px;
}

.banner{
    width: 960px;
    height: 430px;
    }

#slideshow {
    position:relative;
}
#slideshow img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow img.active { z-index:10; opacity:1.0; }
#slideshow img.last-active {z-index:9; }

#maincontent {
	float:left;
	width:550px;
	margin: 40px 100px 0 250px;
	padding-bottom:20px;
}

#maincontent ul {
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 10px;
	line-height:22px;
}

#footer {
	clear:both;
	width:550px;
	height:20px;
	margin:30px 0 0 250px;
	padding:10px 0 20px 0;
	border-top:dotted 1px #333;
	font-size:10px;
}

.img1 {
	margin: 5px 10px 15px 0;
	text-align:left;
}

label 
{
	font-size : 12px; 
	padding:5px 0 5px 0;
}
.err
{
	font-size : 12px;
	color: red;
}

#sitename {
	float:right;
	width:100px;
	text-align:right;
}

#sitemap {
	float:left;
	width:100px
}

.logoimage {
	padding-left:30px
}