/****** General default settings first ******/
* { margin: 0; padding: 0; }

h1 { margin: .2em 12px 0 12px; } 
h2 { margin: 1em 12px 0 12px; }
h3, h4, h5, h6 { margin: 1em 12px; } 
pre, p, blockquote, ol, dl, fieldset, address { margin: 1em 12px; } 
ul  { margin: 2em 10px 30px 10px ; }
li, dd { margin: .8em 50px ; }
	
img { border: 0; }

/****** Getting consistent text sizes across browsers (IE5) ******/
body { font-size: 76%; }
/* Resets 1em to 12px. Can cause a small gap at the bottom of the mainbox (due to rounding errors?) */

h1 { font-size: 225%; font-weight: 500; color:#FEBD33; }
h2 { font-size: 165%; font-weight: 400; color:#ADAFCB; }
h3 { font-size: 125%; font-weight: 550; color:#ADAFCB;}
h4 { font-size: 125%; font-weight: 400; color:#FEBD33;}
h5 { font-size: 100%; font-weight: 400;}
h6 { font-size: 87.5%; font-weight: 600;}

p { font-size: 125%; }
/* Headers sized taking body font-size into account to give equivalent to 150%, 120%, 100%, 80%, 70%, 64%. */

body {
margin: 0;
padding: 0;
text-align: center; /* To center the page in IE */
font-family: Verdana, Helvetica, Arial, sans-serif;
background-color: #232697;
word-spacing: 0.1em;
}

a:link { color:#FFF7E9; font-weight: 700; text-decoration: none; }
a:visited { color:#FFF7E9; font-weight: 700; text-decoration: none; }
a:hover, a:focus, a:active { color:#FEBD33; font-weight: 700; text-decoration: underline; }	
	 
.content {
width: 940px;
margin: 0 auto;
background-image:  url(images/shadow940.jpg);
background-repeat: repeat-y;
background-position: 0 0;
}

.centerpage {
background-color: #232697;
color: #FFF7E9;
margin: 0 auto;
text-align: left;
width: 900px;     
background-image:  url(images/ripplebg.jpg);
background-repeat: no-repeat;
background-position: 300px 50px;

}
		
.header {
height: 160px;
width: 938px;
margin: 0 auto;
background-image:  url(images/header.jpg);
background-repeat: no-repeat;
background-position: 0 0;
text-align: left;
}

.logo {
position: relative;
top: 37px;
left: 12px;
}

.menubox {
FLOAT: left; 
WIDTH: 190px; 
margin-top: 25px;
}
.menubox p { font-size: 120%; }

.sidebar {
FLOAT: right; 
WIDTH: 210px; 
margin-top: 25px;
text-align: center;
}

.mainbox {
MARGIN-LEFT: 190px;
margin-right: 225px;
padding-top: 1px;
min-height: 440px;
}
.mainbox p { margin: .5em 12px 1.5em 12px; }

.footer {
width: 940px;
margin: 0 auto;
padding: 6px 0 20px 0;
border-top: 1px solid #3f429f;
color: #FFF7E9;
background-color: #232697;
}
.footer p { font-size: 1em; }

.numbermenu { 
margin: 10px 30px 20px 12px;
border-bottom: 1px solid #FEBD32;
}

.imageright {
float:right;
margin::6px 18px 0 0; }

.imageleft { 
float:left;
margin: 6px 18px 4px 0;
}

.floatright { FLOAT: right }
.spacer { CLEAR: both }
.smalltopmargin { margin-top: .4em; }
.specialtext { color: #ADAFCB; }
.specialtext2 { color: #FEBD33;}
.specialtext 3 {color:#232697; } 
.center { text-align: center; }
.maplist { list-style-type: square; }