html {
 margin-bottom: 1px;
 min-height:100%;
}

body {
padding: 0px;
margin: 0 auto;
font: 0.75em Verdana, Arial, Helvetica, sans-serif;
color: #000;
background-image: url(/images/1.jpg);
background-repeat: repeat-x;
background-color: #aedfff;
text-align: center;
}

/*container for all elements ------------------------------------------------- */

#container {
margin: 0px auto;
width: 760px;
background-color: #f2faff;
text-align: left;
height: auto !important;

}

#header {
width: 760px;
height: 123px;
background-image: url(/images/3.jpg);
background-repeat:no-repeat;
padding-top: 0px;
}

#headertext {
padding: 10px 10px 0 0;
float: right;
width: 230px;
}

.right {
text-align: right;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
}

.left{
text-align: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
}

.search{
padding: 20px 5px 0 0;
}

.left  a:link{
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;text-decoration: none;
color: #fff;
}

.left  a:visited {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #fff;
}

.left  a:hover {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #fff;
}

.left  a:active {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
color: #fff;
}

#content a:link {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006699;
text-decoration: underline;
}

#content a:visited {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006699;
text-decoration: underline;

}

#content a:hover {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #003366;
text-decoration: underline;
}

#content a:active {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006699;
text-decoration: underline;
}

#sidebar a:link {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006699;
text-decoration: underline;
}

#sidebar a:visited {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006699;
text-decoration: underline;

}

#sidebar a:hover {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #003366;
text-decoration: underline;
}

#sidebar a:active {
font: 12px Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006699;
text-decoration: underline;
}


.form {
padding-top:30px;
}




/*horizontal menu ------------------------------------------------- */

#navcontainer {
background-color: #02679a;
margin: 0px;
padding: 0 0 0 0px;
width: 760px;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
text-align: center;
margin: 0px auto;
height: auto !important;
}


#section1 {
width: 760px;
height: 275px;
background-image: url(/images/10.jpg);
background-repeat:no-repeat;
padding-top: 10px;
}


#section2 {
width: 760px;
height: 143px;
background-image: url(/images/13.jpg);
background-repeat:no-repeat;
padding-top: 0px;
}

#section3 {
width: 760px;
height: 134px;
background-image: url(/images/14.jpg);
background-repeat:no-repeat;
padding-top: 7px;
}

#section4 {
width: 760px;
height: 44px;
background-image: url(/images/15.jpg);
background-repeat:no-repeat;
}

#section4 p {
padding: 0 0 0 20px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align:left;
}


#section1panel1 {
float: left;
width: 223px;
height: 96px;
background-image: url(/images/6.jpg);
margin: 20px 20px 0px 25px;
color: #006699;
font-weight: bold;
}

#panel1LINK:link, #panel1LINK:visited {
text-decoration: none;
color: #006699;
}

#panel1LINK:hover, #panel1LINK:active {
text-decoration: underline;
}


#section1panel1 p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding: 25px 10px 0px 14px;
line-height: 1.3em;
}

#section1panel2 {
float: left;
width: 223px;
height: 96px;
background-image: url(/images/7.jpg);
margin: 20px 20px 0px 25px;
color: #006699;
}

#section1panel2 p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
/*color: #02679a;*/
padding: 25px 10px 0px 14px;
line-height: 1.3em;
}

#section1panel3 {
float: left;
width: 223px;
height: 96px;
background-image: url(/images/8.jpg);
margin: 20px 20px 0px 25px;
color: #006699;
}

#section1panel3 p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #02679a;
padding: 25px 10px 0px 14px;
line-height: 1.3em;
}

#section1panel4 {
float: left;
width: 223px;
height: 96px;
background-image: url(/images/9.jpg);
margin: 20px 20px 0px 25px;
color: #006699;
}


#section1panel4 p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #02679a;
padding: 25px 10px 0px 14px;
line-height: 1.3em;
}

.click {
float: right;
padding: 80px 3px 0px 0px;
margin: 80px 3px 0px 0px;
}

.clickpic {
float: right;
padding: 100px 0px 0px 0px;
margin: 100px 0px 0px 0px;
}

#news {
float: left;
width: 210px;
background-image: url(/images/4.jpg);
background-position: top;
background-repeat: no-repeat;
margin: 0px 0px 0px 20px;
}

#newsletter {
float: left;
width: 230px;
background-image: url(/images/5.jpg);
background-position: top;
background-repeat: no-repeat;
margin: 0px 0px 0px 20px;
}

.newstext {
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
padding: 30px 10px 0px 30px;
}



.newstext a:link {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #ff0;
font-weight: bold;
text-decoration: none;
}
.newstext a:visited {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #ff0;
font-weight: bold;
text-decoration: none;
}
.newstext a:hover {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.newstext a:active {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #ff0;
font-weight: bold;
text-decoration: none;
}


#what {
float: left;
width: 230px;
height: 125px;
background-image: url(/images/19.jpg);
background-position: top;
background-repeat: no-repeat;
margin: 10px 0px 0px 20px;
}
#whattext {
width: 160px;
margin-left: 60px;
margin-top: 70px;
}

#whattext a:link, #whattext a:visited{
font: 11px Verdana, Arial, Helvetica, sans-serif;
line-height: 110%;
font-weight: bold;
text-decoration: none;
color: #fff;
}
#whattext a:hover, #whattext a:active{
text-decoration: underline;
}

#surf {
float: left;
width: 230px;
height: 125px;
background-image: url(/images/17.jpg);
background-position: top;
background-repeat: no-repeat;
margin: 10px 0px 0px 20px;
}

.thumbnail {
float: left;
width: 222px;
height: 80px;
border: 1px solid #999;
margin: 30px 15px 0px 0px;
padding: 5px;
font: 11px #02679a Verdana, Arial, Helvetica, sans-serif;
color: #1565aa;

}

.clearboth { clear: both; }    

/* the content----*/

#wrapper {
margin: 0px auto;
width: 760px;
text-align: left;
background-color: #f2faff;
background-image:url(/images/48.gif);
background-position: bottom right;
background-repeat: no-repeat;
}

h2 {
width: 98%;
font: 16px Arial, Helvetica, sans-serif;
font-weight: bold;
color:#006699;
padding: 10px 0 0 0px;
margin: 0 0 0 20px;
border-bottom: #ccc 1px dotted; 
}

h3 {
font: 14px Arial, Helvetica, sans-serif;
font-weight: bold;
color:#006699;
padding: 10px 0 0 5px;
}

#content {
width: 550px;
padding: 10px 0 30px 0;
margin: 0px;
border-right: #ccc 1px dotted;
float: left;
background-color:#f2faff;
border-left: 5px solid #fff;
}

#castle{
margin: 30px 35px 0px 20px;
}

#content p {
padding: 0 10px 0 20px;
font: 110% Arial, Helvetica, sans-serif;
color: #333;
line-height: 125%;
}

#content h1 {
padding: 0 10px 0 20px;
font: 150% Arial, Helvetica, sans-serif;
color: #02679a;
line-height: 130%;
}

#content li {
padding: 0 0px 0 0px;
font: 12px Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.6em;
}  


.imageborder {
padding: 5px;
border: 1px solid #cccccc;
background-color: #fff;
text-align: center;
}

.imageleft {
float: left;
}

.imageright {
float: right;
}

.image centred {
text-align: center;
}


#sidebar {
width: 199px;
padding: 10px 0 10px 0;
margin: 0px;
float: right;
border-right: 5px solid #fff;
font: 12px Arial, Helvetica, sans-serif;
color: #333;
}

#sidebar p {
padding: 0 5px 0 5px;
font: 12px Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.6em;
}


.clear {
	clear: both;
}



#footer{
width: 760px;
height: 44px;
background-color: #003366;
background-image: url(/images/20.jpg);
background-repeat:no-repeat;
}

#footer p {
padding: 0 0 0 20px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-align:left;
}                                                                                                                       

#copyright {
width: 760px;
padding: 6px 6px 6px 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #003366;
text-align: right;
}

#copyright a:link, a:visited, a:active {
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #0c74b3;
}

#copyright a:hover{
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

.table {
padding: 0px;
margin: 0 auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
}

.table td{
padding: 2px;
margin: 0 auto;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: left;
border-bottom: 1px dotted;
border-color: #CCCCCC;
}

#sponsors {
margin-top: 40px;
font-size: 90%;
padding:40px 0px 10px 40px;
}