/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/
html
{
height: 100%;
}

body
{
height: 100%;
}

#wrapper
{

position: relative;
min-height: 100%;
}

*html #wrapper
{
height: 100%;
}

#slideshow ul {margin:0px; padding:0px;}
#slideshow li {margin:0px; padding:0px; list-style:none;}

#container {  border:#000000 0px solid;  padding:0px 0px 0px 0px; margin-top:0px; margin-left:0px; margin-right:auto; width:935px;}

#header { position:relative; width:868px; float:right; height:283px; margin:0px; padding:0px; background:url(/images/header.gif) right no-repeat; border-bottom:#003366 0px solid;}
#search {width:190px; position:absolute; top:11px; right:0px; }
#search form {position:relative; border-collapse: collapse;}
#search input {display:block; float:left; background:#ffffff; width:150px; font-size:1.4em; border:0px; margin:0px 0px 0px 0px; padding:2px 10px 3px 0px;}
#search button {height:23px; width:22px; display:block; float:left; background:none; border:0px; margin:-2px 0px 0px -3px; padding:0px 0px 0px 0px; }
:root #search button {width:24px;}
*html #search button {margin:-1px 0px 0px -3px;}
*+html #search button {margin:-1px 0px 0px -1px; position:relative; z-index:3;}

body:last-child:not(:root:root) #search button {margin:1px 0px 0px -3px;}
body:last-child:not(:root:root) .input_left {display:none;}
.input_left { background:url(/images/lef_input.jpg) no-repeat left top; display:block; float:left; width:4px; height:21px;}

#logo {  width:238px; height:157px; margin:0px; padding:0px; background:url(/images/logo.gif) no-repeat; }

#main {  width:867px; display:block; float:right; margin:0px 0px 0px 0px;}

#sidebar { width:235px;  height:100%; float:left;  margin:6px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(/images/sidebar_top.jpg) no-repeat top left #3fa0d5; }
#sidebar form {border:0px; margin:8px 0px 0px 0px; padding:0px;}
#sub_nav {width:224px; margin:11px 0px 10px 0px; display:block; min-height:1px; height:auto !important; height:1px;}
#sub_nav a {font-size:1.2em; font-weight:normal; margin:0px 0px 3px 0px; padding:5px 0px 5px 10px; background:#005bac; color:#ffffff; display:block;}
#sub_nav a:hover {background:#8e0707; text-decoration:none; font-weight:normal;}
#sub_nav a.selected_sub {background:#8e0707; text-decoration:none; font-weight:normal;}
#get_involved {display:block; padding:0px 0px 10px 0px; width:223px; height:172px; }

#latest_news { }
.latest_news {position:relative; background:url(/images/top_news.jpg) no-repeat top left #3fa2da; margin:10px 0px 19px 0px; padding:13px 0px 3px 17px; }
.latest_news a {color:#003f74; font-size:1.4em;}
.latest_news a:hover {color:#003f74;}
.latest_news .link { display:block; width:100%; margin:0px; padding:0px;}
.latest_news .link a { width:100%; display:block; text-align:right; }
.latest_news .link a:hover {}
.latest_news .date {font-weight:bold; color:#ffffff; font-size:1.2em; margin:2px 0px 2px 0px;}
.latest_news p { margin:0px 0px 0px 0px;}

#content_main  { width:617px;   margin:8px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content_left {width:266px; float:left; margin:9px 0px 0px 0px; padding:0px 16px 0px 18px; background:url(/images/content_left_top.jpg) top left no-repeat #004681; min-height:370px; height:auto !important; height:370px; }

#sidebar_right { width:307px;  height:100%; float:right;  margin:0px 0px 0px 0px; padding:0px;}


#footer_text {  margin:20px 0px 0px 69px;  width:935px; height:138px; background:url(/images/footer.png) no-repeat; }
#footer_text a {font-size:1.2em; font-weight:normal; padding:4px 14px 0px 0px; display:block; float:left;}

#foot_menu {width:867px; border-top:1px solid #ffffff;}

.clear { clear:both; }

.hidden {display:none;}

/*------------------------------------ textpage -----------------------------------------------------------*/

#content {width:582px; background:url(/images/content_top.jpg) no-repeat #004682; float:left; margin:10px 0px 0px 0px; padding:13px 16px 26px 16px; min-height:370px; height:auto !important; height:370px; }

/*------------------------------------ gallery -----------------------------------------------------------*/

#gallery{width:582px; background:url(/images/content_top.jpg) no-repeat #004682; float:left; margin:0px 0px 0px 0px; padding:13px 16px 26px 16px; min-height:500px; height:auto !important; height:500px;}
.gal {float:left;  width:141px; display:block; text-align:left; margin-bottom:8px; }

.gal img {border:1px solid #ffffff;}
.paging {float:right; margin:0px 20px 0px 0px;}
.paging p {font-weight:normal; font-size:1.1em;}
.paging a {font-weight:normal; }
.paging a:hover {font-weight:normal;}

/*------------------------------------ news -----------------------------------------------------------*/

#news {width:582px; background:url(/images/content_top.jpg) no-repeat #004682; float:left; margin:10px 0px 0px 0px; padding:13px 16px 26px 16px; min-height:300px; height:auto !important; height:300px;}
#news .latest_news {background:none; position:relative; z-index:10; padding:0px; border-bottom:1px solid #ffffff !important; padding:0px 0px 10px 0px; clear:both;}
#news .latest_news a {color:#6CD0FF; font-weight:normal;}
#news .latest_news a:hover {color:#6CD0FF; font-weight:normal;}


/*------------------------------------ shop -----------------------------------------------------------*/


.item { border-bottom:1px solid #ffffff; padding:0px 0px 20px 0px;}
.item img { display:block; float:left; border:2px solid #ffffff; margin:0px 20px 20px 0px;}
.item p { margin:5px 0px 5px 0px;}


/*------------------------------------ nav-----------------------------------------------------------*/

#nav_container {position:absolute; bottom:0px; left:0px;}
#nav { width:867px;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:29px; position:relative; background:url(/images/nav.jpg) no-repeat left;}
#nav ul {margin:0px; padding:0px;}
#nav li {margin:0px; padding:0px; list-style:none; display:block; float:left; margin:0px 0px 0px 9px;}
#nav li a { margin:0px 0px 0px 8px;  padding:0px 6px 0px 0px;   color:#ffffff; font-weight:normal; font-size:1.1em;}
#nav li a span {padding:0px 0px 0px 6px; float:left; display:block; position:relative; }
#nav li a:hover {background:url(/images/nav_hov.jpg) no-repeat top right;}
#nav li a:hover span {background:url(/images/nav_hov.jpg) no-repeat top left; }
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav ul { padding: 4px; margin: 1px 0; list-style: none; float: left;}
#nav ul li {float: left;  }
 
#nav ul li a {vertical-align:middle; float: left; text-decoration: none; padding: 6px 3px 0px 0px; margin-right: 0px;}

#nav ul li a span { float: left; padding-right: 3px; display: block;margin-top:-6px; height: 20px;}

#nav ul li a:hover, ul li a.current { background:url(/images/nav_hov.jpg) no-repeat top right;}
 
#nav ul li a:hover span, ul li a.current span { background:url(/images/nav_hov.jpg) no-repeat top left;}


/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/background.jpg) no-repeat #0061bf; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif ; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.4em; border-bottom:1px solid #ffffff; color:#ffffff; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 7px 0px; }
h2 { color:#15ADD6; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#6CD0FF; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#ffffff; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#15ADD6; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#6CD0FF; font-size:0.9em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

ul {  }
ul li {list-style:disc; font-size:1.2em; color:#ffffff; }
ol {}
ol li {list-style:decimal; font-size:1.2em; color:#ffffff; }


address {margin:5px; font-style:italic; font-size:1.2em; color:#ffffff; }

a { color:#ffffff; font-weight:bold; text-decoration:none; }
a:hover { color:#ffffff; font-weight:bold; text-decoration:underline; }

p { font-size:1.2em; color:#ffffff; margin:15px 0px 15px 0px; padding:0px 0px 0px 0px; line-height:18px;}

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/