* {
padding: 0;
margin: 0;
}
body {
background-color: #fff;
background-image: url(images/bg.jpg);
background-repeat: repeat-x;
text-align: center;
margin: 0;
padding: 0;
width: 100%;
font-family: "Trebuchet MS";
}
#wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}
#headerlogo
{
line-height: 42px;
text-align: center;
}
#header
{
width: 900px;
float: left;
}
#logo
{
width: 230px;
text-align: center;
float: left;
height: 100px;
}

#nav
{
text-align: center;
width: 670px;
float: left;
}
#navigation a
{
color: #000;
text-decoration: none;
padding-left: 8px;
text-transform: uppercase;
font-family: "Trebuchet MS";
font-size: 16px;
}

#navigation a span
{
padding-right: 8px;
}

#navigation a, #navigation a span
{
display: block;

}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none;
}
/* End IE5-Mac hack */

#navigation a:hover
{
color: #fff;
text-decoration: none;
padding-left: 8px;
}

#navigation a:hover span
{
padding-right: 8px;
}

#navigation
{
list-style: none;
padding: 0;
margin: 0;
color: #000;
text-decoration: none;
height: 40px;
line-height: 40px;
padding-left: 40px;
}

#navigation li
{
float: left;
display: block;
margin: 0;
margin-left: 8px;
margin-right: 8px;
height: 60px;
line-height: 60px;
}

#flash
{
width: 900px;
height: 342px;
float: left;

}
#text
{
padding-left:15px;
padding-right:15px;
width: 860px;
float: left;
}
#text2
{
padding-left:15px;
padding-right:15px;
width: 860px;
float: left;
font-size: 16px;
color: #333333;
line-height: 20px;
text-align: justify;
}
#space
{height: 20px;
}
#twobox
{
width: 870px;
}
#leftbox
{
float: left;
width: 400px;
height: 160px;
background-color: #717171;
}
#rightbox
{
float: right;
width: 400px;
height: 160px;
background-color: #65cfda;
}
.boxestext
{
font-size: 16px;
color: #000000;
padding-top: 20px;
padding-left: 20px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
h1
{
font-size: 18px;
color: #160678;
font-family: Georgia, "Times New Roman", Times, serif;
}
h2
{
font-size: 16px;
color: #160678;
}
#footer
{
height: 360px;
background-color: #717171;
}
#footer2 {
width: 900px;
margin: 0 auto;
text-align: left;
}

#form{
width: 400px;
float: left;
font-size: 14px;
color: #FFFFFF;
}
.formheading
{
font-size: 16px;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 5px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
#address
{
float: right;
width: 400px;
font-size: 14px;
color: #FFFFFF;
}
#address .textfoot a
{
color: #FFFFFF;
text-decoration: none;
}
#copyright
{
background-color: #000000;
border-top: #FFFFFF solid 1px;
color: #FFFFFF;
font-size: 12px;
}