body { 
margin : 0; 
font-size : 0.8em; 
color : #444; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
background:  #A7372B url("ims/shadow.jpg");
background-position:center top;
 background-repeat:repeat-y;
}

p { 
margin-top : 2px; 
margin-bottom : 8px; 
} 

a:link{
color:#333;
font-weight:normal;
}

a:visited{
color:#333;
font-weight:normal;
}

a:hover{
color:#333;
text-decoration:none;
font-weight:normal;
}

h1 { 
font-size : 1.4em; 
margin-bottom : 13px; 
margin-top : 30px; 
color : #A7372B ;
} 

h2 { 
font-size : 1.3em; 
margin-bottom : 13px; 
margin-top : 25px; 
color : #A7372B ;
} 

h3 { 
font-size : 1.1em; 
margin-bottom : 13px; 
margin-top : 30px; 
color : #A7372B ;
} 


img {
border: 0; margin: 0;}


#widthfix  {
position: relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;

} 



#header-upper {
position : absolute;
	width : 955px;
	left : 50%;
	margin-left : -480px;
	height : 25px;
border-right: 1px  dotted #99FF00;
border-left: 1px  dotted #99FF00;
text-align:right;
padding: 0 5px 0 0;
} 

#header-lower {
	position : absolute;
	width : 960px;
	top : 0;
	height : 175px;
	left : 50%;
	margin-left : -480px;
	background-color : #ccc;
padding:0 0 0 0;
border-top: 1px  dotted #99FF00;
border-right: 1px  dotted #99FF00;
border-left: 1px  dotted #99FF00;
}

#header-left {
float:left;
	width : 760px;
	top : 0;
	height : 175px;
	background-color : #fff;
padding:0 0 0 0;
}

#header-right {
float:right;
	width : 200px;
	top : 0;
	height : 168px;
	background-color : #9FEE00;
padding: 7px 0 0 0;
text-align:left;
}



#underheader {
	position : absolute;
	width : 960px;
	top : 175px;
	left : 50%;
	margin-left : -480px;
	border-right: 1px  dotted #99FF00;
border-left: 1px  dotted #99FF00;
/* background-color : #ffffff; */
		background:  white url("ims/side-bar-menu.gif") repeat-y left;
text-align:justify;
} 


/*pete added*/
/*contains the #siderbar and #inner and allows for a right col*/
#inner-wrapper {
	float : left;
	width : 760px;
	vertical-align : top;
} 


#inner {
	float : right;
	width : 560px;
	vertical-align : top;
	min-height : 350px;
	background-color: #fff;
padding-right: 25px;
} 


div.menu {
margin: 15px 0 15px 0;
padding:10px;
border: 1px  solid #A7372B;
}

#sidebar {
background-color : #9FEE00;
	float : left;
	width : 150px;
	font-size: 0.8em;   
} 


/*///////////////////////////////////////////////////////////////*/
/* Main Navigation //////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////*/


ul.mainnav {
/*///////// I added the width in the line below to fix the IE/Firefox problem ////////////
*/
margin: 0px; 
padding: 0px 10px 0 10px;  
background-color: #9FEE00;
list-style: none; 
font-size: 1.0em;
width: 180px; 
}

ul.mainnav li a:link, ul.mainnav li a:visited {
display: block;
text-decoration: none;
/*///////// width subtracts padding from left div width ////////////*/
width: 176px;
padding: 6px 0 6px 0;
color: #fff;
font-weight:bold;
text-align:right;

}

ul.mainnav li {
font-weight:bold;
border-bottom: 1px dotted #fff;
padding: 2px 0 2px 0;
text-align:left;
}

ul.mainnav li a:hover {
color: #333;
}


/* ala lesco*/
#rightmenu {
/*background-color : #BA275B;*/
/**must be the same colour as the main content area or longest right col page causes probelms*/
	  width: 199px;
/*** use below if checking border ***********/
	 border-left:0px solid #000;
		border-bottom: 0px solid #000;
	height: auto;
	margin: 0;
	display: inline;
	float: right;
	text-align: left;
	padding: 30px 0 0 0;
}


.clearing { 
clear : both; 
height : 0; 
} 



#footer {
clear:both;
border-top: 1px  dotted #99FF00;
border-bottom: 1px  dotted #99FF00;
	width : 940px;
	text-align : center;
	background-color : #333;
	color : #fff;
	font-size : 12px;
	padding : 20px 0 10px 20px;
text-align:left;
} 

#footer a:link{color: #fff;  text-decoration:none;}
#footer a:visited {color: #fff; text-decoration:none;}
#footer a:hover {color: #fff; text-decoration:underline; }



/***************BULLET LIST******************/
ul.bullet_points{
list-style-type: none;
line-height: 1.7;
padding: 0;
margin: 8px 5px 15px 10px;
}

li.bullet_points{
background-image: url(ims/list_bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding: 0 0 10px 22px;
font-weight: normal;
font-style:italic;
}
/***************BULLET LIST END******************/




/*///////////////////////////////////////////////////////////////*/

/* Form ///////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////*/


input.input_box{
margin: 4px 0 4px 0;  
padding: 2px 0 2px 0;  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.9em; 
background-color: #fff;
color: #333; 
border:1px solid #A7372B ;
}



textarea {
margin: 8px 0 0 0;  
padding: 4px 0 4px 0;  
font-size: 0.9em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
background-color: #fff; 
margin-left: 0;
border:1px solid #A7372B ;
}

td.form-title {
text-align:center;
color:#A7372B ;
font-size: 1.2em;
padding: 4px 0 8px 0;
}

td.form-text {
width:65px;
vertical-align:top;
background-color:#fff;
text-align:right;
padding-top:3px;
font-weight: bold;
font-size: 0.9em;
}

td.form-button {
text-align:center;
padding: 10px 0 4px 0;
}

td.form-middle {
width:1px;
}


img.left {
padding: 5px;
border:1px solid #D76B60 ;
margin: 10px  10px  7px 0;
}

img.tribute {
padding: 5px;
border:1px solid #D76B60 ;
margin: 20px  0 0 0;
}


img.right {
padding: 5px;
border:1px solid #D76B60 ;
margin: 10px  0  7px 10px;
}

img.right-top {
padding: 5px;
border:1px solid #D76B60 ;
margin: 0  0  7px 10px;
}

div.letters {
border:1px solid #D76B60 ;
padding: 10px;
margin: 10px 0 10x 0;
width:500px;
font-style:italic;
font-weight:bold;
}