body {
font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 14px;

background-repeat : repeat-x;
text-align: center; /* IE7 is stupid and seems to need this to centre */
} 

p { 
color : #000000;
} 

h1 { 
font-size : 1.6em;
} 

h2 { 
font-size : 1.4em;
} 

h3 { 
font-size : 1.2em;
} 

a { 
color : #000000;
text-decoration : none;
} 

a:hover { 
color : #ffffff;
text-decoration : underline;
} 


/*--  THIS IS FOR THE HEADER IMAGE  --*/
#header { 
color : #333;
padding : 0 0 0 0;
margin : 0 10px 0 0;
background-image : url(header.gif);
background-repeat : no-repeat;
}

/*--  TOP NAVIGATION STYLING  --*/
#navigation { 
float : left;
color : #ffffff;
background-image: url(navhov.gif);
  /*--
background-position: 39px;
padding : 0px 0 0px 0;
margin : -28px 30px 20px 0px;  --*/
} 

#navigation ul { 
list-style-type : none;
text-align : right;
float: left;
font-weight : 800;
} 

#navigation li { 
display : inline;
float: left;
margin-left:  3ex;
} 

#navigation a { 
width : auto;
text-decoration : none;
color : #000000;
padding : 5px;
} 
   #navigation .active, #navigation li a:hover {

height: 39px; 
color : #003366;
background-image: url(navhov1.gif);
background-position: 39px;
} 

/*--  LEFT COLUMN STYLING  --*/
#leftnav {
  color : #000000;
float : center;

}

/*--  STYLING FOR THE LEFT NAVIGATION  --*/
#leftnav ul { 
list-style : none;
float : center;
} 

#leftnav li a { 
display : block;
color : #000000;
/*--  background-color:#f4430f;  --*/
text-decoration : none;
font-weight : 800;
/*--  padding-top : 5px;  --*/
margin-bottom: 3ex;
float : center;
} 

#leftnav .active, #leftnav li a:hover { 
background-position : left top;
background-color:  #f47a46;
color : #003366;
font-weight : 800;
} 


/*--  RIGHT COLUMN STYLING  --*/
.rightcolumn { 
float : right;
color : #333;

border-left : 5px solid #B5BEFF;
border-right : 5px solid #B5BEFF;
background-color: #FFFFFF;
} 

.rightcolumn h1 { 
margin : 0 5px 0 5px;
padding : 0 0 0 5px;
color : #003366;
background-color : #348763;
} 

.rightcolumn h2 { 
margin : 10px 5px 0 5px;
padding : 0 0 0 5px;
color : #003366;
background-color : #348763;
} 

.rightcolumn p { 
padding : 10px 5px 0 5px;
text-align : justify;
font-size : 1.1em;
} 

/*--  IF YOU ADD  "<span class="inset"></span>" TO YOUR CONTENT  --*/
/*--  THIS WILL ADD A BOX TO YOUR CONTENT 250px SQUARE  --*/
/*--  ANYTHING TYPED BETWEEN THE TAGS WILL HAVE THE FOLLWOING STYLING  --*/
/*--  IDEAL FOR LARGE ADVERTS BUT IF YOU TYPE, ONLY H3 IS STYLED  --*/ 
.inset { 
float : right;
width : 250px;
height : 250px;
padding : 10px;
margin : 10px 5px 5px 5px;
color : inherit;
font-size : 85%;

background-repeat : no-repeat;
} 
.inset h3 { 
padding-left : 10px; 
padding-right : 10px; 
padding-top : 5px; 
color: #348763; 
text-align: justify;
}

/*--  IF YOU ADD  "<div class="adunit"></div>" TO YOUR CONTENT  --*/
/*--  THIS WILL ADD A BOX TO YOUR CONTENT 478px X 70px  --*/
/*--  ANYTHING TYPED BETWEEN THE TAGS WILL HAVE THE FOLLWOING STYLING  --*/
/*--  IDEAL FOR GOOGLE ADS OR OTHER ADVERTS BUT IF YOU TYPE, ONLY H3 IS STYLED  --*/ 
.adunit { 

margin : 10px auto;

background-repeat : no-repeat;
} 
.adunit h3 {
padding-left : 15px; 
padding-right : 15px; 
padding-top : 5px; 
color: #348763;
text-align: justify;
} 

/*--  THIS ADDS THE BORDER TO THE TOP OF THE RIGHT COLUMN  --*/
#righttop { 
float : right;
color : #333;
height : 15px;

display : inline;
background-image : url(rctop.gif);
background-repeat : no-repeat;
background-position : 0 0;
} 

/*--  THIS ADDS THE BORDER TO THE BOTTOM OF THE RIGHT COLUMN  --*/
#rightbottom { 
float : right;
color : #333;
margin-bottom: 10px;
height : 11px;
width : 588px;
display : inline;
background-image : url(rcbot.gif);
background-repeat : no-repeat;
} 

/*--  FOOTER STYING  --*/
#footer { 

padding-top : 5px;
clear : both;
color : #333;

background-repeat : no-repeat;
} 

#footer p { 
text-align : center;
padding-top : 10px;
font-size : 80%;
} 

#footer ul {
text-align : center;
padding-top : 10px;
font-size : 80%;
list-style-image: none;
}

#footer li { 
display : inline;
}

#footer a { 
width : auto;
text-decoration : none;
padding : 5px;
}