/* CSS Document */
/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative;   border:#0000000 1px solid;  padding:0px 0px 0px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:950px; }
#header { width:100%; height:147px; margin:0px; padding:0px;  border-bottom:#003366 0px solid; position:relative;}
#logo {  width:391px; height:122px; margin:0px; padding:0px;}

#search {position:absolute; top:10px; right:0px; width:170px; }
#search form {}
#search input {width:135px; border:0px; display:block; float:left; font-size:1.1em; color:#666666; padding:3px 0px 4px 0px; margin:0px -3px 0px 0px; }
#search button { padding:0px; margin:-1px 0px 0px 0px; display:block; float:left; border:0px; background:none; }
.left_search { background:url(/images/left_form.jpg) no-repeat left top;  display:block; float:left; width:3px; height:20px;}

#main {  width:100%; background:url(/images/main_bac.jpg) repeat-x top left; margin:8px 0px 0px 0px; position:relative; min-height:678px; height:auto   !important; height:678px; }
#main_left {background:url(/images/main_left.jpg) no-repeat left top; position:absolute; top:0px; right:0px; width:28px; height:608px;}
#main_right { background:url(/images/main_right.jpg) no-repeat left top; position:absolute; top:0px; left:0px; width:28px; height:608px;}

#pageheader_area {width:886px; height:330px; margin:0px 0px 0px 33px; padding:23px 0px 0px 0px;}
#pagelinks { height:95px;}
#pagelinks a {display:block; float:left; height:95px;}
.hidden {display:none;}
#slideshow {position:relative; z-index:100; height:219px;}
#slideshow ul { margin:0px; padding:0px;}
#slideshow ul li { margin:0px; padding:0px; list-style:none;}
#circle_links {position:absolute; bottom:-13px; right:10px; width:112px; z-index:100;}
#circle_links a { cursor:pointer; background:url(/images/circle.gif) no-repeat; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#ffffff; display:block; font-size:1.4em; float:left; padding:8px 16px 10px 13px; }
#circle_links a:hover { background:url(/images/circle_hover.gif) no-repeat; text-decoration:none;}
#circle_links a#active { background:url(/images/circle_hover.gif) no-repeat; text-decoration:none;}

.error_feedback li {background:none;  }


#sidebar { width:246px; min-height:200px;  height:auto !important; height:200px; float:left;  margin:8px 0px 1px 33px; padding:0px; background:url(/images/top.jpg) no-repeat top left #f3f7f8; position:relative; }
*html #sidebar  {margin:8px 0px 1px 15px;}
#sidebar_bottom { background:url(/images/sidebar_bottom.jpg) no-repeat left top; width:246px; height:7px; position:absolute; bottom:-7px; left:0px; }

#contact { background:url(/images/contact_toper.gif) no-repeat left top; min-height:191px; height:auto !important; height:191px; width:218px; margin:5px 0px 10px 5px; position:relative; padding:9px 0px 0px 17px; }
#contact_bottom {width:235px; height:10px; background:url(/images/contact_bottom.gif) no-repeat; position:absolute; bottom:-10px; left:0px; }
#contact p {color:#ffffff; font-size:1.2em; color:#ffffff;  }
#contact form {margin:0px; padding:0px;}
#contact form p {margin:5px 0px 5px 0px;}
#contact form input {width:200px; border:0px;}
#contact form textarea {width:200px; height:80px; border:0px;}
#contact form button {background:none; border:0px; display:block; float:right; margin:5px 5px 5px 0px;}
#contact form select {width:200px;}


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

#content {width:303px; float:left;}

#sidebar_right { width:291px; background:url(/images/sidebar_right_top.jpg) no-repeat #f3f7f8 top left;  height:100%; float:right;  margin:0px 0px 0px 0px; padding:0px; min-height:20px; height:auto !important; height:20px; position:relative; padding:0px 0px 0px 8px;}
#sidebar_right_bottom {width:299px; height:9px; position:absolute; bottom:-9px; left:0px; background:url(/images/sidebar_right_bottom.jpg) no-repeat;}
#sidebar_right h1 { background:url(/images/news.gif) no-repeat; padding:6px 0px 5px 11px; color:#3E3E3E; font-size:1.2em; }

.news {clear:both; padding:8px 0px 10px 0px;}
.news_date {width:76px; display:block; float:left; font-size:1.2em; color:#739910; padding:0px 0px 0px 0px;}
.news_date a { line-height:20px;}
.news_text a {color:#3E3E3E; line-height:20px;}
.news_text a:hover {color:#3E3E3E;}
.news_text {font-size:1.2em; color:#000; width:195px; float:left;}   


#footer { width:888px; font-size:1.1em; color:#666666; background:url(/images/footer_left.gif) no-repeat #f3f7f8 left top;  margin:15px auto 0px auto; padding:0px; position:relative; height:23px; padding:10px 0px 0px 10px;  }
#footer_right {width:6px;  height:33px; background:url(/images/footer_right.jpg) no-repeat left top; position:absolute; right:0px; top:0px;}
#footer a { color:#666666; text-transform:uppercase;}

.clear { clear:both;  }


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

#textpage {width:605px; margin:8px 0px 0px 12px; float:left;  display:block;}


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

#news {width:614px; padding:0px 0px 0px 18px; margin:8px 6px 9px 12px; float:left;  display:block; background:url(/images/news_top.jpg) no-repeat #f3f7f8 top left; position:relative; z-index:100 !important; }
#news_bottom {width:634px; background:url(/images/news_bottom.jpg) no-repeat; height:9px; position:absolute; left:0px; bottom:-9px;}
#news h1 { background:url(/images/news_h1.gif) no-repeat; padding:6px 0px 5px 11px; margin:10px 0px 10px  -10px; color:#3E3E3E; font-size:1.2em;}

.news_main {clear:both; padding:8px 0px 10px 0px;}
.news_main .news_text {font-size:1.2em; color:#000; width:513px; float:left;}  
.news_main .news_date {width:76px; display:block; float:left; font-size:1.2em; color:#739910; padding:0px 0px 0px 0px;}

.paging {font-size:1.2em;}

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

#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(/images/nav.jpg) repeat-x top left; height:26px; display:block; position:relative; }
#nav_right {position:absolute; top:0px; right:0px; background:url(/images/right.jpg) no-repeat top right; width:5px; height:26px; }
#nav_left {position:absolute; top:0px; left:0px; background:url(/images/left.jpg) no-repeat top right; width:5px; height:26px; }
#nav ul { margin:0px; padding:0px;}
#nav ul li { margin:1px 0px 0px 0px;  background:url(/images/bord.jpg) no-repeat right top; height:26px; list-style:none; display:block; float:left; padding:5px 10px 7px 10px; line-height:normal;  } 
#nav a { text-transform:uppercase; margin:0px 0px 0px 0px; padding:1px 6px 2px 0px;  color:#ffffff; display:block; font-weight:normal;  }
#nav li a span { float: left; padding-right: 6px; display: block; margin-top: -1px; height:16px;   }
#nav ul li a:hover, #nav ul li a.active { background:url(/images/nav_hover.jpg) no-repeat top right;}
#nav ul li a:hover span, #nav ul li a.active span {background:url(/images/nav_hover.jpg) no-repeat top left; }
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#sub_nav {}
#sub_nav ul {margin:7px 0px 0px 5px; padding:0px; }
#sub_nav ul li { margin:0px; padding:0px; line-height:normal;  list-style:none; position:relative; min-height:10px; height:auto !important; height:10px; position:relative; }
*+html #sub_nav ul li  {margin:0px 0px 2px 0px;}
#sub_nav ul li a { text-transform:uppercase; background:url(/images/arrow_sub_nav.gif) #e0e9ed no-repeat 97% 50%;  padding:5px 0px 5px 10px; color:#3E3E3E;  font-family:Tahoma, Geneva, sans-serif;  display:block; width:225px; margin:0px 0px 2px 0px; display:block; }
#sub_nav ul li a .top { background:url(/images/sub_nav_top.jpg) no-repeat top left; height:5px; width:235px; position:absolute; top:0px; left:0px; z-index:100; display:block;}
#sub_nav ul li a .bottom { background:url(/images/sub_nav_bottom.jpg) no-repeat top left; height:5px; width:235px; position:absolute; bottom:0px; left:0px; z-index:100; display:block;}
*html #sub_nav ul li a .bottom {bottom:-7px;}

#sub_nav ul li a:hover { background:url(/images/arrow_hover.jpg) #999999 no-repeat 97% 50%; color:#ffffff; text-decoration:none;}
#sub_nav ul li a:hover .bottom {background:url(/images/grey_bottom.jpg) no-repeat top left;}
#sub_nav ul li a:hover .top {background:url(/images/grey_top.jpg) no-repeat top left;}

#sub_nav ul li a.active { background:url(/images/arrow_hover.jpg) #999999 no-repeat 97% 50%; color:#ffffff; text-decoration:none;}
#sub_nav ul li a.active .bottom {background:url(/images/grey_bottom.jpg) no-repeat top left;}
#sub_nav ul li a.active .top {background:url(/images/grey_top.jpg) no-repeat top left;}

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

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bac.jpg) #FEFEFE repeat-x top left; font-family:Tahoma, Geneva, 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:2em; color:#1A4593; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#009900; font-size:1.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#84AD13; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#FE7903; font-size:1.4em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#BE0000; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#749B10; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;  }
ul li {color:#3E3E3E; font-size:1.2em; background:url(/images/tick.jpg) no-repeat; list-style:none; margin:10px 0px 10px 0px; padding:0px 0px 5px 25px; line-height:20px; }
ol {}
ol li {color:#3E3E3E; font-size:1.2em; list-style:decimal; line-height:20px;  }

address {color:#3E3E3E;}

a { color:#739910; text-decoration:none; }
a:hover { color:#739910; text-decoration:underline; }

p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#3E3E3E; line-height:20px; }

/*hacks list remove before live

HANDY HINTS

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