/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 900px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background:url(images/background-1.jpg) top left repeat-x #FFFFFF;
}

p, form, h1, h2, h3, h4, h5, h6, table
{
margin: 0;
padding: 0;
}

#container
{
margin-top:10px;
margin-left: auto;
margin-right: auto;
width: 910px;
height: auto;
min-height:600px;
}

#innercontainer
{
width: 890px;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
background:url(images/header.jpg) 0px 30px no-repeat;
padding: 0px 0px 120px 20px;
}




/*
------------------------------------------
Header
------------------------------------------
*/

#headertitle
{
width: 635px;
height: auto;
float:right;
margin: 0px 0px 0px 0px;
}

#logo {
  position: absolute; // reposition logo from the natural layout
  left: 75px;
  top: 0px;
  margin-top:230px;
  width: 300px;
  height: auto;
  z-index: 2;
}

#logo h1
{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size: 1.7em;
line-height:33px;
color:#1d95de;
}

#content {
  margin-top: 0px; // provide buffer for logo
}

#links {
float:right;
width:421px;
  height: 382px;
  margin-left: 0px; // flush links (with a 25px "padding") right of logo
}




/*
------------------------------------------
Navigation
------------------------------------------
*/

#nav
{
width: 180px;
height: auto;
float:left;
margin: 280px 0px 0px 24px;
}

/* Not Active */

#nav .activeoff
{
width: 150px;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 30px;
background:url(images/light-blue.jpg) 7px 7px no-repeat !important;
}

.activeoff a
{
color:#008ddc;
text-decoration:none;
}

/* Active */

#nav .activeon
{
width: 150px;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 30px;
background:url(images/dark-blue.jpg) 7px 7px no-repeat !important;
}

.activeon a
{
color:#0059b0;
text-decoration:none;
}

/* Sub Not Active */

#nav .subactiveoff
{
width: 130px;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 50px;
}

.subactiveoff a
{
color:#666666;
text-decoration:none;
}

/* Sub Active */

#nav .subactiveon
{
width: 130px;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 50px;
}

.subactiveon a
{
color:#0059b0;
text-decoration:none;
}

/* Seporater */

.separatorone
{
width: 180px;
height: auto;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}




/*
------------------------------------------
Content
------------------------------------------
*/

.contentholder
{
width: 540px;
height: auto;
float:right;
margin: 0px 0px 0px 0px;
padding: 20px 95px 0px 0px;
}



/*
------------------------------------------
Content Text Style
------------------------------------------
*/

.styleone
{}




.styleone h1
{
color:#0059b0;
font-size:16px;
text-align:left;
margin: 0px 0px 8px 0px;
line-height:19px;
}

.styleone h2
{
color:#58ade5;
font-size:14px;
text-align:left;
margin: 0px 0px 8px 0px;
line-height:17px;
}

.styleone h3
{
color:#58ade5;
font-size:12px;
text-align:left;
margin: 0px 0px 8px 0px;
line-height:15px;
}


.styleone p
{
color:#666666;
font-size:12px;
text-align:left;
margin: 0px 0px 8px 0px;
line-height:15px;
}

.styleone strong
{
color:#0059b0;
font-weight:bold;
}

.styleone b
{
color:#58ade5;
font-weight:bold;
}

.styleone span
{
color:#58ade5;
}

.styleone a
{
color:#58ade5;
text-decoration:none;
}

.styleone ul
{
color:#666666;
list-style:url(images/dark-blue-2.jpg);
}

.styleone ol
{
color:#666666;
list-style:url(images/dark-blue-2.jpg);
}

.styleone li
{
list-style:url(images/dark-blue-2.jpg);
margin: 0px 0px 8px 0px;
}

.styleone img
{
float:left;
margin: 0px 0px 20px 0px;
border:none 0px;
}





/*
------------------------------------------
Form
------------------------------------------
*/

.formtdiv
{
width:221px;
height:auto;
float:right;
margin: 0px 0px 0px 0px;
}

.formtdiv form
{
width:221px;
height:auto;
float:left;
margin: 0px 0px 0px 0px;
}

.formtdiv h1
{
width:221px;
height:auto;
float:left;
margin: 8px 0px 3px 0px;
}

.formtdiv label
{
width:221px;
height:auto;
float:left;
color:#666666;
text-align:left;
font-size:12px;
margin: 8px 0px 3px 0px;
}

.textfeild
{
width:209px;
height:15px;
float:left;
color:#666666;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 6px 6px 6px 6px;
background:url(images/feild-one.jpg) top left no-repeat;
border:none 0px;
}

.textfeildaddress
{
width:209px;
height:45px;
min-height:45px;
max-height:45px;
float:left;
color:#666666;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 6px 6px 6px 6px;
background:url(images/feild-three.jpg) top left no-repeat;
border:none 0px;
}

.textfeildcomment
{
width:209px;
height:194px;
min-height:194px;
max-height:194px;
float:left;
color:#666666;
text-align:left;
margin: 0px 0px 0px 0px;
padding: 6px 6px 6px 6px;
background:url(images/feild-two.jpg) top left no-repeat;
border:none 0px;
}

.buttonsubmit
{
width:75px;
height:auto;
min-height:22px;
max-height:22px;
float:right;
color:#ffffff;
text-align:center;
margin: 8px 0px 0px 0px;
padding: 6px 6px 6px 6px;
background:#7bacdc;
border:none 0px;
}

/*
------------------------------------------
Dividers
------------------------------------------
*/


.homediv
{
width:332px;
height:auto;
float:left;
margin: 0px 0px 0px 0px;
}


.contactdiv
{
width:225px;
height:auto;
float:left;
margin: 0px 0px 0px 0px;
}