/******************************************************************************
* Generic CSS
 *****************************************************************************/
body {
	font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #595959;
	border: 0px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
	text-align: center; background-color: #4a89c2;
	background-image: url(../_images/body-bg.jpg);
	background-repeat: repeat-x; background-position: top center;
}

* html body { text-align: center; /* IE 5 centering */ }

/******************************************************************************
* GENERIC FORMATTING
*****************************************************************************/
p { line-height: 15px; margin: 15px 0px 15px 0px; padding: 0px 28px 0px 28px; }

p a { font-weight: bold; }

a { color: #595959; text-decoration: none;}

a:hover { text-decoration: underline;}

h1 { font-size: 14px; margin: 0px 15px 15px 8px; color: #134894; }

h2 {
	font-size: 10px; color: #474747; font-weight: bolder;
	margin: 15px 0px -12px 0px; padding: 0px 28px 0px 28px;
}


h3 { font-size: 11px; font-weight: bold; }

textarea {
	font-family: Verdana, Arial, sans-serif; font-size:12px;
}

/******************************************************************************
* Normal Images
*****************************************************************************/
img { border: none; margin: 0px; padding: 0px; }

/******************************************************************************
* Normal Unordered List
*****************************************************************************/
ul.normal {
	/*display: block; float: left;*/ list-style: none;
	padding: 0px 0px 10px 60px; margin: 0px auto 20px 0px;
}

ul.normal li {
	/*display: block;*/
	margin: 0px auto 3px 0px; padding: 10px 0px 0px 20px;
	background-image: url(../_images/ul_bullet.gif);
	background-repeat: no-repeat; background-position: 0px 12px;
	font-weight: bold;
}

/******************************************************************************
* Accessibility Features
*****************************************************************************/
p#skipToMainContent { display: none; }

/******************************************************************************
* Misc
*****************************************************************************/
div.centered { text-align: center; }

/******************************************************************************
* wrapper
*****************************************************************************/
div#wrapper {
	width: 900px; text-align: left; margin: 0px auto 0px auto;
}

* html div#wrapper { text-align: left; /* Win IE 5 left align after centering */ }

div#wrapper-i {
	width: 900px; float: left; background-color: #ffffff;
}

/******************************************************************************
* header
*****************************************************************************/
div#header {
	float: left; width: 892px; height: 96px;
	/*background-color: #eeeeee;*/
	background: no-repeat url(../_images/headImage.jpg);
	background-position: top;
	margin: 4px 4px 0px 4px;
}

h1#headerLogo {
	margin:0px;
}

h1#headerLogo a {
	display: block; float: left; width: 209px; height: 93px;
	float: left; margin: 0px 0px 0px 15px;
	background: no-repeat url(../_images/logoImage.jpg);
	font-size: 12px; font-color: #003d98;
}

html>body h1#headerLogo a { margin-left: 31px; }

h1#headerLogo a span {
	display:none;
}

div#header p#header-tel { display: none; }

div#header p#header-email, div#header p#header-email a {
	display: block; width: 174px; height: 14px;
}

div#header p#header-email {
	float: right;
	margin: 56px 0px 0px 17px;
}

html>body div#header p#header-email { margin-right: 34px; }

div#header p#header-email span { display: none; }

/******************************************************************************
* main-content
*****************************************************************************/
div.banner {
	width: 876px; height: 200px;
	background-repeat: no-repeat;
	margin: 4px 0px 4px 4px; padding: 3px 3px 3px 3px;
	background-position: 3px 3px;
	border: #8f8f8f solid 1px;
}

div#home {
	background-image: url(../_images/homeImage.jpg);
}

div#services {
	background-image: url(../_images/servicesImage.jpg);
}

div#company {
	background-image: url(../_images/companyImage.jpg);
}

div#contact {
	background-image: url(../_images/contactImage.jpg);
}

div#terms {
	background-image: url(../_images/termsImage.jpg);
}

div#misc {
	background-image: url(../_images/termsImage.jpg);
}

div#main-content {
	float: left; width: 892px; padding: 0px; margin: 4px;
	background-image: url(../_images/bodyTextBg.jpg);
	background-repeat: repeat-x;
}

img#rightImage {
	width: 261px; height: 297px; clear: both;
	float: right; margin: 10px 8px 0px 8px;
	border: 4px solid #4a89c2;
}
html>body img#rightImage {
	margin-left: 16px;
}

img#rightImageHome {
	width: 266px; height: 216px; clear: both;
	float: right; margin: 10px 8px 0px 8px;
	border: 4px solid #ffffff;
}
html>body img#rightImageHome {
	margin-left: 16px;
}

img#companyTitle, homeTitle, servicesTitle, contactTitle {
	padding: 0px 0px 0px 0px;
}

.terms p { line-height: 15px; margin: 18px 0px 18px 0px; padding: 0px 28px 0px 28px; }

.terms h2 {
	font-size: 10px; font-weight: bolder; color: #616161;
	margin: 15px 0px 0px 0px; padding: 0px 28px 0px 28px;
}

/******************************************************************************
* graphic headings
*****************************************************************************/
h1.graphicHeading {
	width:550px; height:18px; margin-top:15px; margin-left:26px;
	background-repeat:no-repeat; background-position:left top;
}

h1.graphicHeading span { display:none; }

h1#title-home { background-image:url(../_images/headings/homeTitle.gif); }

h1#title-company { background-image:url(../_images/headings/companyTitle.gif); }

h1#title-services { background-image:url(../_images/headings/servicesTitle.gif); }

h1#title-contact { background-image:url(../_images/headings/contactTitle.gif); }

h1#title-accessibility { background-image:url(../_images/headings/accessibilityTitle.gif); }

h1#title-sitemap { background-image:url(../_images/headings/sitemapTitle.gif); }

h1#title-terms { background-image:url(../_images/headings/termsTitle.gif); }

/******************************************************************************
* register
*****************************************************************************/
div#register {
	width: 560px; height: 195px; background-color: #d9d9d9;
	padding: 10px; margin: 20px 17px 20px 8px;
}
html>body div#register { margin-left: 17px; }

div#register p { padding: 0px 0px 12px 0px; margin: 0px; font-size: 10px; }

div#register input, div#register select, div#register textarea { margin: 0px 4px 0px 4px; }

div#registerLeft {
	text-align: right; padding-right: 10px;
	width: 51%;	height: 100%; float:left;
}
div#registerLeft input, div#registerLeft textarea { width: 225px; vertical-align: middle; margin: 4px 0px 4px 0px; }

div#registerRight {	width: 46%; height: 100%; float: right; }

div#registerRight p { padding-right: 10px; }

div#registerSmallLeft { width: 40%; height: 30%; float: left; margin-bottom: 10px; }

div#registerSmallLeft input { margin: 3px 5px 2px 0px; }

div#registerSmallRight { width: 40%; height: 30%; float: left; margin-bottom: 10px; }

div#registerSmallRight input { margin: 3px 5px 2px 0px; }

/******************************************************************************
* section-nav
*****************************************************************************/
div.section-nav {
	float: left; width: 200px;
}


div.section-nav ul {
	display: block; float: left; list-style: none;
	padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
}

div.section-nav ul li {
	display: block; width: 200px; height: 20px;
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

div.section-nav ul li a {
	display: block; width: 200px; height: 20px; text-align: left;
	padding: 0px 0px 0px 0px;
	color: #848484; font-weight: bold; font-size: 11px; text-decoration: none;
}

div.section-nav ul li a: hover {
	color: #000000;
}

div.section-nav ul li a.current {
	color: #000000;
}

div.section-nav ul li a.current: hover {
}

/******************************************************************************
* footer
*****************************************************************************/
div#footer {
	float: left; width: 892px; height: 159px; margin: 0px 0px 4px 2px;
	background-color: #c4c4c4;
	background: no-repeat url(../_images/footerImage.jpg) #c4c4c4;
}
html>body div#footer { margin: 0px 0px 4px 4px; }

div#footer-i { float: left; width: 892px; background-image: url(../_images/footerImage.jpg); background-repeat: no-repeat; }

div#footer p, div#footer p a { font-size: 10px; color: #444444; }

div#footer a { text-decoration: none; }

div#footer a:hover { text-decoration: underline; }

div#footer-pdf a {
	float: right; width: 228px; height: 135px;
	margin: 19px 22px 0px 0px; padding: 0px;
}

div#footer-xhtml a {
	float: right; width: 45px; height: 12px;
	margin: 54px -82px 0px 0px; padding: 0px;
}

div#footer-css a {
	float: right; width: 25px; height: 12px;
	margin: 54px -107px 0px 0px; padding: 0px;
}

div#footer-links {
	float: right; width: 68px; height: 26px; margin: 78px -22px 0px 0px;
	color: #333333; padding: 0px;
}

div#footer-infozure a {
	float: right; width: 61px; height: 29px;
	margin: 100px 26px 0px 0px; padding: 0px;
}

div#footer-land a {
	float: right; width: 495px; height: 127px;
	margin: 23px 9px 0px 0px; padding: 0px;
}

/******************************************************************************
* debug
*****************************************************************************/
p.debug {
	background-color: red;	padding: 2px; margin: 0px;
}

/******************************************************************************
* access key table
*****************************************************************************/
table#accessKeys {
	margin-left:30px;
}

table#accessKeys th {
  color:#333333; text-align:left;
  font: normal normal bold 12px/12px arial;
  padding:10px;
}

table#accessKeys td.accesskey {
  padding:10px;
  width:200px;
  border:none;
  border-top:1px solid #333333;
  color:#333333;
}

table#accessKeys td.accesskey span.key {
	font-weight:bold;
}

table#accessKeys td.accesskey_dest {
  padding:10px;
  width:200px;
  border-top:1px solid #333333;
  color:#333333;

}
