﻿body {
	background: #73B6EF url(../img/bg.gif) repeat-x;
	text-align: center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
* {
	margin: 0;
	padding: 0;
}
img {border: none;}
a {text-decoration: none;}
.clear {clear:both; line-height: 0%;}
.clearboth {clear:both;}
p { margin: 1em 0; line-height: 1.3em;}
input {font-family: Verdana, Arial, Helvetica, sans-serif;}
acronym {border-bottom:1px dotted;}

#page {
	width: 770px;
	margin: 16px auto;
	text-align: left;
}
#flashcontent {
}

#menusholder {
	background: url(../img/menu.jpg);
	height: 44px;
	position: relative;
	z-index: 99;
	font-size:11px;
}
/****************************************/
ul#nav {
	display: block;
	height: 24px;
	position: absolute;
	top: 14px;
	left: 15px;
	font-size: .9em;
}
#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1.8em;
}
#nav a {
	display: block;
	padding: 0 .9em;
	color: #fff;
	font-weight: bold;
}
#nav li:hover, #nav li.sfhover, #nav li.on {
	background: #216cc5;
	border-top: 1px solid #a4b0c8;
}

#nav li {
	float: left;
	background: url(../img/menu-line.gif) no-repeat 100% 100%;
}

#nav li li {
	background: none;
	clear: both;
	line-height: 2em;
	display: block;
}
#nav li li a {
	display: block;
	width: 168px;
	border-bottom: 1px solid #2a71c5;
	border-top: 1px solid #1b69c5;
}
#nav li li a:hover {
	width: 164px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #216cc5;
	border: solid #555;
	border-width: 0 1px 1px 0;
	width: 186px;
	left: -900em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav ul li:hover, #nav ul li.sfhover { /* lists nested under hovered list items */
	left: auto;
	border: solid #fff;
	border-width: 0 0 0 4px;
}
/****************************************/
#secnav {
	display: block;
	color: #fff;
	height: 22px;
	line-height: 21px;
	position: absolute;
	top: 13px;
	right: 12px;
	font-size: 0.9em;
	background: url(../img/secnav-bg.jpg) top right;
	text-transform: lowercase;
	font-weight: bold;
	letter-spacing: 2px;
}
#sec-start {
	background: url(../img/secnav-start.jpg) no-repeat;
	float: left;
	width: 6px;
	height: 22px;
}
#sec-end {
	background: url(../img/secnav-end.jpg);
	float: left;
	width: 8px;
	height: 22px;
}
#secnav ul {
	list-style:none;
	display: block;
	float: left;
	padding: 0 .3em;
	}
#secnav li {display:inline;}
#secnav a {color: #e0e0e0;}
#secnav a:hover {color: #fff;}



/* CONTENT */
#content {
	background: url(../img/content-bg.jpg);
	width: 558px;
	float: left;
	font-size: 1.1em;
	position: relative;
	z-index: 90;
	}
	
#c1 {
	background: url(../img/content-top.jpg) no-repeat 0 0;
	position: relative;
	float: left;
	}
	
#c2 {
	background: url(../img/content-bottom.jpg) no-repeat 0 100%;
	padding: 2em;
	position: relative;
	z-index: 91;
	float:left;
}

#content p a {
	color: #1b66c1;
	background: #fff;
	padding: 0 .1em;
	text-decoration: none;
}
#content a:hover  {
	background :none;
	text-decoration: none;
}
#content a:visited  {
	color: #75b4e9;
}
#content h1 {
	font-size: 1.4em;
	color: #2861a8;
	margin-bottom: .5em;
}
#content h2 {
	font-size: 1.2em;
	/* font-size: 10px; */
	color: #2861a8;
	margin-bottom: .5em;	
}
#content h3 {
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: .5em;	
}

#content img {
	border: 1px solid #c8e5fa;
	padding: 10px;
}
#content img.center {
	clear: both;
	margin: 0 auto;
	display: block;
	padding: 1em 0;
	border: 0;
}
img.left {
	float: left;
	margin: 1em 1.5em .5em 0;
}
img.left.top {margin-top: 0;}
img.right {
	float: right;
	margin: 1em 0 .5em 1.5em;
}
img.right.top {margin-top: 0;}

#content ol {
	list-style-type: lower-alpha;
	list-style-position: inside;
}
#content ul {
	list-style: none;
}
#content ol li {
	padding-left: 1.5em;	
	line-height: 1.6em;
}
#content ul li {
	background: url(../img/arrow.gif) no-repeat .2em .45em;
	padding-left: 1.5em;	
	line-height: 1.6em;
}
ul.columns li {
	float:left;
	width: 160px;
	margin-left: 20px !important;
	margin-left: 10px;
	display: block;
	}
/* CALLTOACTION */
div#calltoaction {
	background: url(../img/calltoaction.jpg);
	height: 90px;
	width: 470px;	
	margin: 1em auto 0;
	position: relative;	
	clear: both;	
}
div#calltoaction.home {
	background: url(../img/calltoaction-home.jpg);
	height: 130px;
}

div#calltoaction div{
	position: absolute;
	right: 10px;
	top: 7px;
	width: 330px;
	color: #fff;
	font-weight: bold;
	font-size: 1.05em;
}
div#calltoaction.home div{
	top: 60px;
	right: 10px;
	width: 320px;
}

#content div#calltoaction a {
	display: block;
	position: absolute;
	bottom: 8px;
	right: 15px;
	height: 20px;
	line-height: 20px;
	padding: 0 .8em;
 	background: url(../img/but2-bg.gif) repeat-x 0 0;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	border: solid #1a4880;
	border-width: 0 1px;
}
#content div#calltoaction a:hover {
	color: #2861a8;
 	background-position: 0 -60px;
	text-decoration: none;
}

/****************/



/* SIDEBAR */
#sidebar {
	/*background: url(../img/sidebar-bg.jpg);*/
	width: 212px;
	float: left;
	background-color:#73B6EF;
	background-image:url(../img/sidebar-bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
}
#s1 {
	background: url(../img/sidebar-top.jpg) no-repeat 0 0;
}
#s2 {
	background: url(../img/sidebar-bottom.jpg) no-repeat 0 100%;
	padding: 1em 2em 1.5em;
	font-size: .94em;
}
#s2 p {
	margin-top: 0;
}
#s2 h2 {
	font-size: 1.3em;
	color: #2861a8;
	border-bottom: 1px solid #666;
	width: 170px;
	margin: 0 auto .3em auto;
	padding: .5em 0 .1em;
}
#s2 a.more {
	color: #2861a8;
	display: block;
	text-align: right;
	padding-left: 1.6em;
	background: url(../img/arrow.gif) no-repeat 61% 100%;
	text-decoration: underline;
}
#s2 a:hover.more {
	background-position: 63% 100%;
	text-decoration: none;
}
#fading {
	background: url(../img/scroller-bg.jpg) no-repeat 0 8px;
	overflow:visible;
	height:120px;
}
fieldset {border: none;}
#s2 input.butonu {
	background: url(../img/but-bg.gif);
	border: none;
	font-size: 1em;
	color: #FFFFFF;
	display: block;
	height: 1.9em;
	padding: 0 .6em !important;
	padding: 0;
	margin: .3em auto !important;	
	margin: .6em auto;
	clear: both;
}
label {
	display: inline;
	height: 1.8em;
	line-height: 1.8em;	

}
label span {
	display: block;
	width: 38px;
	float: left;
	text-align: right;
	margin-bottom: .5em;	
}
label input {
	background: url(../img/input-bg.gif) no-repeat;
	border: none;
	display: block;
	float: left;
	width: 120px;
	height: 1.4em;
	margin-left: .3em;
	margin-bottom: .5em;		
	font-size: 1em;
	padding: .3em .5em;
	color: #333;
}
#sidebar img.box {
	float: left;
	padding: 0 1.5em 0 1em;
}
/* FOOTER */
#footer {
	background: url(../img/menu.jpg);
	height: 44px;
	line-height: 44px;
	clear: both;
	position: relative;
}
#copyright {
	color: #75b4e9;
	font-size: .9em;
	margin-left: 20px;
}
#copyright a {text-decoration: underline;color: #75b4e9; font-weight: bold;}
#copyright a:hover {text-decoration: none; color: #fff;}

#validation {
	text-indent: -900em;
	position: absolute;
	width: 160px;
	height: 19px;
	right: 2.1em;
	top: 1.25em;
}
a#validxhtml, a#validcss {
	display: block;
	float: left;
	line-height: 19px;	
	height: 19px;
	margin-left: .5em;
}
a#validxhtml {
	width: 78px;
	background: url(../img/valid-xhtml.gif) no-repeat 0 0;
}
a#validcss {
	width: 64px;
	background: url(../img/valid-css.gif) no-repeat 0 0;
}
a:hover#validxhtml, a:hover#validcss {
	background-position: 0 -80px;
}
/* onlineform */
#onlineform {
	position: absolute;
	right: 2em;
	top: 7em;
	width: 19em;
}
#onlineform p {
	font-size: .9em;
	text-align: right;
}
#onlineform fieldset {
	height: 16em;
}
#onlineform input.butonu {
	background: url(../img/but-bg.gif);
	border: none;
	font-size: .8em;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 1.8em;
	padding: 0 .6em !important;
	padding: 0;
	margin: .3em auto !important;	
	margin: .6em auto;
}
#onlineform input.butonu.submitu {
	 margin: .3em 1em .3em 9em !important;
	 margin: .6em .5em .6em 5em;
	 padding-bottom: 1em;
}
#onlineform label {
	height: 1em;
	clear: both;
	display: block;
}
#onlineform label span {
	display: block;
	font-size: .8em;
	width: 7em;
	float: left;
	text-align: right;
	margin-bottom: .5em;	
}
#onlineform label input, textarea {
	background: url(../img/input-bg.gif) no-repeat;
	border: none;
	display: block;
	float: left;
	width: 11em;
	height: 1em;
	margin-left: 1.15em;
	margin-bottom: .5em;		
	font-size: 1em;
	padding: .3em .5em;
	color: #333;
}
textarea {
	height: 6em;
}

a.bodylinks:link, a.bodylinks:visited, a.bodylinks:hover{
color: #75b4e9;
}
