body {
background-color:#D7D7D7;
background-image:url(images/body_background.jpg);
background-repeat:repeat-x; 
text-align:center
}

a img {
border:0;
}

input, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
border:1px solid #CCCCCC;
}

/* ////// NAVIGATION & HEADER ////// */

.header_image {
background-color:#FFFFFF;
background-image:url(images/header_image.jpg);
width:760px;
height:330px;
}

#container {		/*makes a div container the size of the background image */
position:relative;
width: 760px;
height:330px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left; 
}

#contact {		/* the floating contact details table */
position:absolute;
width:200px;
height:84px;
z-index:1;
left: 238px;
top: 161px;
}

#navigation {		/* is inside 'container' and uses its coords to make the nav layer in the right place */
position:absolute;
width:192px;
height:246px;
z-index:1;
left: 35px;
top: 87px;
}

#nav div a {
display:block;
vertical-align:top;

border-bottom:1px solid #000066;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-decoration:none;
text-align:left;

padding-left:20px;
padding-bottom:1px;
padding-top:1px;

background-image:url(images/arrow_orange.gif);
background-position:left;
background-repeat:no-repeat;
}

#nav div a:hover {
display:block;
vertical-align:top;

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-decoration:none;
text-align:left;

padding-left:20px;
padding-bottom:1px;
padding-top:1px;

background-image:url(images/arrow_red.gif);
background-position:left;
background-repeat:no-repeat;
}

/* ////// END NAVIGATION ////// */



/* ////// TEXT FORMATTING START ////// */

.main {
background-color:#FFFFFF;
width:580px;
height:100%;
vertical-align:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:20px;
text-align:left;
}

.heading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#666666;
}

.subheading {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000066;
}

.contact1 {		/*contact table on header image */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFCC00;
}

.contact2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
}