html { height: 100% }

body	{
background: #afcadf;
color: #000;
margin: 0;
padding: 0;
font: 62.5% tahoma, verdana, arial, helvetica;
text-align: center; /*centers layout */
height: 100%;
}

p { margin: 1em 0 0 0; }

h1 { font-size: 1.6em; padding: 0 0 .5em; margin: 0 0;}

img	{ border-style: none; padding: 0; margin: 0;}

input, textarea, select { border: solid 1px black; color: black; }	

.submit { }

a:link { color: #000; }
 
a:visited { color: #000; }

a:hover { color: #000; }

/* container to hold layout and align it left */
#container {
width: 749px; 
height: auto;
margin-left: auto; 
margin-right: auto;
padding: 0;
text-align: left;
font-size: 1.2em;
padding-top: 25px;
}

#headerContainer {
position: relative;
float: left;
height: auto;
width: 749px;
background: url('../images/headerBg.jpg') repeat-y #fff;
}

#headerTop {
position: relative;
float: left;
height: 23px;
width: 100%;
background: url('../images/headerTop.jpg') no-repeat #fff;
}

#headerLogo {
position: relative;
float: left;
height: auto;
width: 40%;
padding: 0 0 0 25px;
}

#headerInformation {
position: relative;
float: right;
height: auto;
width: 40%;
padding: 0 25px 0;
text-align: right;
font-size: 0.9em; 
line-height: 1.4em;
text-transform: uppercase;
}

#headerImage {
position: relative;
float: left;
height: 208px;
width: 749px;
}

#mainNav {
position: relative;
float: left;
height: auto;
width: 749px;
padding: 5px 0 5px 0;
}

#mainNav ul {
padding: 0;
margin: 0;
list-style-type: none;
text-align: center;
}

#mainNav ul li { display: inline; padding: 0 1.4em 0 1.4em; }
#mainNav ul li a { text-decoration: none; font-size: 1.2em; font-weight: bold; color: #d14b26;}
#mainNav ul li a:hover { color: #000;}

.navDot {
height: .6em;
width: .4em;
}

#contentContainer {
position: relative;
float: left;
width: 749px;
height: auto;
padding: 0 0 10px 0;
background: url('../images/contentContainerBg.jpg') repeat-y #fff;
}

#contentTop {
position: relative;
float: left;
height: 33px;
width: 749px;
background: url('../images/contentTop.jpg') no-repeat #fff;
}

#content {
position: relative;
float: left;
height: auto;
width: 749px;
background: url('../images/contentBg.gif') repeat-y;
color: #666b71;
}

#contentSideColumn {
position: relative;
float: left;
width: 270px;
margin: 0 0 0 25px;
height: auto;
}

/* used to prevent double margin bug in IE6 */
* html #contentSideColumn 
{
    display:inline;
}

#contentSideColumn h2 { font-size: 1.2em; padding: 0px; padding-bottom: .5em; margin: 0 0 1em; color: #666b71;}

#contentSideColumn ul {padding: 0; margin: 0 0 15px 15px; }
#contentSideColumn ul li { padding: .2em}
#contentSideColumn ul li a { text-decoration: none; color: #666b71; }
#contentSideColumn ul li a:hover { color: #000;}



#contentMain {
position: relative;
float: left;
width: 400px;
height: auto;
margin: 0 0 0 35px;
}

#footer {
position: relative;
float: left;
width: 709px;
height: auto;
background: url('../images/footerBg.jpg') repeat-y;
text-align: left;
padding-left: 20px;
padding: 10px 20px 0px 20px;
color: #666B71;
}

#footerBottom {
position: relative;
float: left;
width: 749px;
height: 31px;
background: url('../images/footerBottom.jpg') no-repeat;
text-align: right;
}

#footerBottom ul {
padding: 10px 25px 0 0;
margin: 0;
list-style-type: none;
}

#footerBottom ul li { display: inline; }
#footerBottom ul li a { text-decoration: none; padding: 0 3px; font-size: .9em;}
#footerBottom ul li a:hover { color: #f5320b;}

#footer2 {
position: relative;
float: left;
width: 749px;
height: auto;
text-align: right;
}

#footer2 a:hover {color: #f5320b;}

#valid {
    position: relative;
    float: right;
    height: auto;
    width: auto;
padding-right: 25px;
}
    
#development {
    position: relative;
    float: left;
    height: auto;
    width: auto;
padding-left: 25px;
} 

p#error { width: 100%; text-align: center; padding: 50px 0;}