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;

}

