/*
RESET
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

a:active
{
border: none;
}

a:focus {
  outline: 1px invert;
}

select
{
font-family: Verdana, Tahoma, sans-serif;
color: #0057A4;
font-size: 12px;
}

body
{
background-image: url('../img/bg.png');
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Verdana, Tahoma, sans-serif;
color: #0057A4;
font-size: 12px;
}

div#wrapper
{
width: 972px;
margin: auto;
margin-top: 0px;
}

div#header
{
width:972px;
height: 345px;
}

/* -- SPLASH --*/

div#splash
{
text-align: center;
margin-top: 50px;
}

div#splash a
{
display: block;
margin-bottom: 20px;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75; 
}

div#splash a:hover
{
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1; 
}


/* --- NAV --- */

div#nav
{
background-image: url('../img/navbg.png');
background-repeat: no-repeat;
width: 785px;
height: 38px;
font-size: 14px;
text-align: center;
padding-top: 14px;
padding-left: 105px;
padding-right: 80px;
}

div#nav ul
{
display: inline;
}

div#nav ul li
{
display: inline;
}

div#nav ul li.lastOne a
{
border: none;
}

div#nav ul li a
{
float: left;
display: block;
padding: 4px 15px;
color: #BADAEB;
text-decoration: none;
font-weight: bold;
border-right: 3px solid #BADAEB;
}

div#nav ul li a.tagged
{
color: #0057A4;
text-decoration: none;
}


div#nav ul li a:hover
{
color: #0057A4;
}

/*--- CONTENT ---*/

div#contentTop
{
position: relative;
background-image: url('../img/content_top_bg.png');
background-repeat: no-repeat;
width: 972px;
height: 93px;
}

div#contentMain
{
background-image: url('../img/content_bg.png');
background-repeat: repeat-y;
width: 972px;
}

div#contentFooter
{
background-image: url('../img/content_bott_bg.png');
background-repeat: no-repeat;
width: 972px;
height: 141px;
position: relative;
}

div#contentTxt
{
float: left;
width: 600px;
margin-left: 100px;
}

div#contentRight
{
float:right;
margin-right:88px;
width:115px;
}

div#toolBox
{
position: absolute;
top: 3px;
right: 100px;
background-image: url('../img/toolboxbg.png');
background-repeat: no-repeat;
width: 103px;
height: 25px;
padding-top: 3px;
text-align: center;
}

div#contentTop h1
{
margin-left: 100px;
font-size: 20px;
font-weight: bold;
padding-top: 30px;
}

div#contentTxt p
{
padding-bottom: 10px;
line-height: 1.3em;
text-align: justify;
}

div#contentTxt ul, div#contentTxt ol
{
margin: 10px 0px 10px 40px;
}

#contentTxt ul
{
	list-style-type: circle;
}

#contentTxt ol
{
list-style-type: decimal;
}

div#contentTxt table, div#contentTxt table td
{
border: 1px solid #0860A8;
border-collapse: collapse;
padding: 5px;
}

div#contentTxt td.accent
{
background-color: #0860A8;
text-align: center;
font-size: 14px;
font-weight: bold;
}

div#contentTxt a
{
color: #0057A4;
text-decoration: underline;
}

div#contentTxt a:hover
{
color: #004693;
text-decoration: none;
}

hr
{
border:1px dashed #0057A4;
margin:15px 0;
}

em
{
font-style: italic;
}

input,select,label
{
margin-bottom: 5px;
}

input
{
border: 1px solid #0057A4;
}

.validation-advice
{
color: #ff0000;
font-size: 11px;
text-align: left;
padding: 5px;
padding-left: 265px;
}

label
{
width: 250px;
float: left;
text-align: right;
padding-right: 15px;
}

label.error
{
display: block;
clear: both;
color: #ff0000;
text-align: left;
margin-left: 265px;
width: 300px;
}

div#contentTxt p.submit
{
padding: 20px;
text-align: center;
}

h2.faqQuestion
{
padding: 10px 15px;
background-color: #E5F0F6;
cursor: pointer;
margin-bottom: 10px;
}

div.faqResponse
{
padding: 0px 10px;
}

input.butt
{
padding: 10px;
}

div#products
{
margin-left: 100px;
float: left;
width: 230px;
}

div#columnOne
{
float: left;
width: 100px;
margin-right: 30px;
}

div#columnTwo
{
float: left;
width: 130px;
margin-right: 20px;
}

div#columnTwo p
{
padding: 0px;
line-height: normal;
}

div#footLogo
{
position: absolute;
width: 90px;
height: 25px;
top: 20px;
right: 107px;
}

div#logoPromo
{
position: absolute;
width: 100px;
height: 20px;
top: 73px;
right: 75px;
}

div#footPorod
{
position: absolute;
width: 163px;
height: 43px;
top: 15px;
left: 90px;
}