body {
font-weight: normal;
font-style: normal;
font-family:  sans-serif; 
font-size: 14px;
text-align: justify;
color: black;
background-color: #FFFFFF
}

ul { 
list-style-type: disk; 
}


h2{
font-weight: bold;
font-size: 22px;
text-align: left;
}




h3{
font-family: sans-serif;
font-weight: bold;
font-size: 19px;
text-align: left;
}

h4{
text-shadow: 0.12em 0.12em #888888;
font-style: italic;
font-size: 18px;
text-align: center;
}

tt{
font-size: 14px;
}

#topleft {
margin-left:28px;
margin-top: 15px;
background-color:#DDDD00;
float:left;
 } 

#header {
max-width: 850px;
min-width: 700px;
font-family: Trebuchet MS;
list-style: none;
padding-top: 10px;
margin-left: 190px;
background-color: #FFFFFF;
padding-top: 0px;
height: 130px;
}

#banner {
font-family: Trebuchet MS;
list-style: none;
width: auto;
padding-top: 10px;
height: 120px;
margin-right:20px;
padding-top: 10px;
background-color: #FFFFFF;
text-align: right;
}



#header h1{
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
text-shadow: 0.12em 0.15em #AAAAAA;
font-weight: bold;
font-style: oblique;
font-size: 35px;
text-align: right;
}

#header h2{
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:5;
font-weight: normal;
font-style: oblique;
font-size: 12px;
text-align: right;
}

#header h3{
margin-top:0;
padding-top:0;
margin-bottom:0;
padding-bottom:0;
text-shadow: 0.12em 0.15em #AAAAAA;
font-weight: bold;
font-style: oblique;
font-size: 35px;
text-align: center;
}

#foot {
max-width: 850px;
min-width: 700px;
font-family: Trebuchet MS;
list-style: none;
padding-top: 100px;
margin-left: 190px;
background-color: #FFFFFF;
height: auto;
font-size: 10px;
text-align: right;
clear: both;
display:block;
font-style: oblique;
}

#foot img { 
display:block;
margin-left:auto;
margin-right:auto;
 }
#bigwrap {  
width: 925px;
height: auto;
background-color: #FFFFFF;
clear:both;	}

#container { /*This holds the whole page*/
max-width: 850px;
min-width: 700px;
font-family: Trebuchet MS;
list-style: none;
padding-top: 10px;
margin-left: 190px;
background-color: #FFFFFF;
	}

#container img.leading {
vertical-align:text-top;
float: left;
padding-right: 5px;
padding-bottom: 5px;
               }

#container img.displayed {
display:block;
margin-left: auto;
margin-right: auto;
}

#container p{
text-indent:1em;
 } 

#container p.contact{
text-indent:0px;
font-style: oblique;
}


#container ul{
	list-style: none;
	margin-left: 30px;
    padding: 0px;
clear:left;
background-color: #EEEEEE;
    }

#container ul.noclear{
	list-style: none;
	margin-left: 30px;
    padding: 0px;
	padding-left: 50px;
background-color: #EEEEEE;
    }

#container h1{
color:#667788;
background-color: #EEEEEE;
padding-left: 20;
padding-top:10;
padding-bottom:10;
font-weight: bold;
font-size: 33px;
text-align: center;
}

#container h1 a:link{
color: #667788;
text-decoration: none;
}


#container h1 a:visited{
color: #667788;
text-decoration: none;
}

#container h1 a:hover{
color: #BBBBBB;
text-decoration: underline;
clear:both;
}

#container h2{
clear:both;
text-indent:1em;
color:#FFFFFF;
padding-left: 10;
padding-top:2;
padding-bottom:2;
text-align: left;
background-color: #667788;
}

.warning{
text-align: center;
font-style:oblique;
}

#container h3{
text-align: left;
font-size: 15px;
}




.support
  {
width: 600px;
height: 100px;
margin:auto;
  }

.capbot { 
float:left;
margin-left:60px;
width:130;
height:auto;
text-align:center;
font-size:10px;
}



p.clearboth { 
clear:both;
 }


.floatleft { 
float:left;
 } 
.floatright { 
float:right;
 } 


#container h2 a:link{
color: #FFFFFF;
text-decoration: none;
}


#container h2 a:visited{
color: #FFFFFF;
text-decoration: none;
}

#container h2 a:hover{
color: yellow;
text-decoration: underline;
}



#boxcode { /*This holds the whole page and keeps it centred.*/
	width: 600px;
	/*background: url(alhambra.jpg) no-repeat top;*/
	margin: 0px auto 0px auto;
background-color: #FFFFFF;
  border-color: #000;
  border-width: 1px 1px 1px;
  border-style: solid;
	}

.box
{
   background: #ffffff;
  border-color: #000;
  border-width: 1px 1px 1px;
  border-style: solid;
  min-height: 5ex;
}


a:link{
color: #008800;
text-decoration: none;
}



a:visited{
color: #001188;
text-decoration: none;
}

a:hover{
color: red;
text-decoration: underline;
}

a:active{
color: red;
text-decoration: underline;
}

a.white:link{
color: #FFFFFF;
text-decoration: none;
}
a.white:visited{
color: #FFFFFF;
text-decoration: none;
}
a.white:hover{
color: yellow;
text-decoration: underline;
}



table{
border: 0;
width: 100%;
}


.todo{
font-weight: bold;
}

.footer{
text-align: right;
font-style: italic;
font-size: 14px;
}

.smaller{
font-size: 14px;
}

.inset1{
margin-left: 20px;
}

.inset2{
margin-left:40px;
}

.centre{
text-align: center;
}
.left{
text-align: left;
}







#menu {
position: absolute;
top:140px;
left: -10px;
list-style: none;
width: 150px;
padding-top: 35px;
height: auto;
padding-left: 40px;
padding-right: 15px;
background: url(images/background.png) no-repeat;
}

#menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
font-size: 14px;
height: 23px;
display:inline;
text-decoration: none;
padding: 8px 0 0 0px;
font-weight:normal;
line-height:2;
}

#menu a:link{
color: #b8b8b8;
font-family: Trebuchet MS;
font-size: 14px;
height: 23px;
display:inline;
text-decoration: none;
padding: 8px 0 0 0px;
font-weight:normal;
}

#menu a:visited{
color: #b8b8b8;
font-family: Trebuchet MS;
font-size: 14px;
height: 23px;
display:inline;
text-decoration: none;
padding: 8px 0 0 0px;
font-weight:normal;
text-decoration: none;
}


#menu a:hover{
color: #595959;
}

#menu a:active{
color: #dbdbdb;
}

#menu li.selected{
background-color:#DDDDDD;
                  }