body {margin: 0 auto;
text-align: center;
background-image: url('../images/background.jpg') ! important;
padding: 10px 0px;
width: 900px;
font-family: veranda;
font-size: 1.1em;
line-height: 1.2em;

}

a {
text-decoration: none;
color: rgb(0, 113, 188) ! important;
}

a:visited {
color: rgb(0, 113, 188) ! important;
}

a:hover{
color: rgb(237, 28, 36) ! important; 
}



h1 {font-family: arial;
font-size: 1.2em ! important;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
padding: 20px 0 0 0;
text-align: left;
width: 70%;
border-bottom: 1px solid black;}

h2 {font-family: arial;
font-size: 1.0em ! important;
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
margin: 0;}

h3 {font-family: "Trebuchet",trebuchet,sans-serif;
    color: rgb(0, 0, 0) ! important;
    font-size: 0.9em;
line-height: 1.1em;
background-color: rgb(255, 255, 255);
margin: 0;
font-weight: normal;}

h4 {display: block;
background-color: white;
color: black;
text-align: center;
padding: 30px;
font-size: 2em;
margin-bottom: 0;}

h5 {display: block;
background-color: white;
color: black;
text-align: center;
padding-left: 30px;
font-size: 1.5em;
margin-top: 10px;
margin-bottom: 0;}

form {background-color: #D3D3D3 ! important;
width: 80%;
padding: 10px;
}

form.wide {background-color: #D3D3D3 ! important;
width: 400px;
padding: 10px;
}

form.wide table {border-spacing: 10px;}

img {
display: none;
}

img a {
margin-top: 15px;
border: none;
}

img a:hover {
margin-top: 15px;
border: none;
}

#container {text-align: centre;
border: solid 1px black;
background-color: rgb(255, 255, 255);
margin-bottom: 0;
padding: 0px;}

.accessleft {float: left;
padding: 30px 30px 20px 30px;
font-size: 0.9em;
}

.accessleft a
{

	font-family: "Trebuchet",trebuchet,sans-serif;
    color: rgb(0, 0, 0) ! important;
    font-size: .9em;
line-height: 1.1em;
margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
padding: .5em;
border: solid 2px white ! important;


}

.accessleft a:visited
{

	font-family: "Trebuchet",trebuchet,sans-serif;
    color: rgb(0, 0, 0) ! important;
    font-size: .9em;
line-height: 1.1em;
margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
padding: 1em .5em;
border: solid 2px white ! important;

}

.accessleft a:hover
{

	font-family: "Trebuchet",trebuchet,sans-serif;
    color: rgb(0, 0, 0) ! important;

    font-size: .9em;
line-height: 1.1em;
margin: 0 auto;   /* align for good browsers */
		text-align: left; /* counter the body center */
padding: .9em .5em .5em;
border-bottom: solid 2px black ! important;



}

.accessleft span.c1
{
font-size: 2em
}

.accessleft span.c2
{
font-size: 1.5em
}

.accessleft span.c3
{
font-size: 1em
}

.accessright {display: none;
}

.banner {background-colour: black;
margin-bottom: 0;
clear: both;
border: none;


}

img.banner {padding: 30px 0 0 0;
margin-bottom: 0;
border: none;}

.menu {
clear: both;
text-align: center;
padding: 0;
margin: 0;
padding: 0 0 20px 0;
}

.menu ul li{
text-decoration: none;
background-color: white ! important;
display: inline;
 font-size: 0.7em ! important;
 font-weight: bold;
line-height: 1.1em ! important;
font-family: arial, sans-serif;
text-transform: uppercase;
}

.menu ul li a{
color: #494949 ! important;
padding: 5px;
margin: 0;
text-decoration: none;
border: 1px solid #dadada;
background-color: white ! important;


}

.menu ul li a:visited {
color: #494949 ! important;
padding: 5px;
margin: 0;
text-decoration: none;
border: 1px solid #dadada;
background-color: white ! important;
}

.menu ul li a.current{
color: black ! important;
padding: 5px;
margin: 0;
text-decoration: none;
border: 1px solid black;
background-color:  #b0e0e6 ! important;

}



.menu ul li a:hover{
color: black ! important;
border: 1px solid #657383 ! important;
background-color:  #b0e0e6 ! important;
}


.submenu{
background-color: rgb(245, 245, 220) ! important;
color: black ! important;
font-family: "Trebuchet",trebuchet,sans-serif;
    color: rgb(0, 0, 0);
font-size: .9em;
line-height: 100%;
position: static;
border: dotted 1px powderblue;
display: block;
text-align: center;
margin: 40px;
padding: 20px;
}



#colleft {margin-left: 0;
text-align: left;
width: 50%;
float: left;
background-color: rgb(255,255,255);
font-size: 0.9em;
border-right: gray 1px dashed;
padding: 0 30px 0;


}

#colright {margin-right: 0;
text-align: left;
width: 35%;
float: right;
background-color: rgb(255,255,255);
font-size: 0.9em;
padding-right: 30px;

}

#colright img {float: right;}


#footer {clear: both;
width: 100%;
text-align: centre;
background: rgb(255, 255, 255);
margin-top: 30px ! important;
border-top: gray 1px solid;
}

#footer table { font-family: "Veranda",veranda,sans-serif;
    color: rgb(0, 0, 0); 
    font-size: .9em;
line-height: 1.1em;
margin: 0 auto;   /* align for good browsers */
		text-align: center; /* counter the body center */
	background: white ! important;
border: 0;
padding: 0;
position: relative;
text-align: left;}


#footer ul{
list-style-type: circle ! important;
}


#footer ul li{
text-decoration: none;

color: rgb(0, 0, 0) ! important;
    font-size: .9em;
line-height: 1.5em;
display: list-item;
padding: 0;
}

#footer ul li a{
list-style-type: circle ! important;
margin: 0;
border: none ! important;
text-decoration: none;
background-color: white ! important;
color: rgb(0, 0, 0) ! important;
    font-size: .9em;
line-height: 1.5em;
padding: 0;
}


#footer ul li a:visited{
list-style-type: circle ! important;
margin: 0;
border: none ! important;
text-decoration: none;
background-color: white ! important;
color: rgb(0, 0, 0) ! important;
    font-size: .9em;
line-height: 1.5em; 
padding: 0; 
}


#footer ul li a:hover{
list-style-type: circle ! important;
margin: 0;
border: none ! important;
text-decoration: none;
background-color: white ! important;
 color: rgb(0, 0, 255) ! important;
    font-size: .9em;
line-height: 1.5em; 
padding: 0;
}