/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

html { height: 100%; }

body {height: 100%;}

#wrapper {position: relative; min-height: 100%;}
*html #wrapper {height: 100%;}

#email_tel { position:absolute; top:11px; right:19px; }
#email_tel p {color:#86662D; font-size:14px; text-align:right; line-height:18px;}
#email_tel a { text-decoration:underline; color:#86662D;}

#bac_green {height:55px; width:100%; background:url(../images/bac_repeat.jpg) repeat-x top left; position:absolute; top:228px; left:0px; }
#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 114px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:922px; }

#header { width:100%; height:227px; margin:0px; padding:0px;  position:relative;}
#logo {  width:238px; height:157px; margin:0px; padding:0px; }

#main {  width:100%; margin:0px 0px 0px 0px; }

#breadcrumb {padding:32px 0px 7px 20px; margin:0px; color:#fff; font-size:14px; margin:0px 0px 18px 0px; }
#breadcrumb a {color:#fff;}

#footer { position:relative; width:100%; background:url(../images/footer_bottom.jpg) repeat-x left top; height:114px; margin:-88px 0px 0px 0px; padding:0px; }
#footer_menu { display:block; width:922px; margin:0px auto 0px auto; padding-top:64px;}
#footer_menu a { display:block; float:left; font-size:12px; color:#999999; text-decoration:none; padding:0px 22px 0px 0px;}

#logos { display:block; float:right;}

.clear { clear:both; }

/*------------------------------------ homepage -----------------------------------------------------------*/

#home_content {width:879px; display:block; margin:32px auto 0px auto;}

.column {display:block; float:left; width:256px; min-height:306px; height:auto !important; height:306px; margin-top:40px; }
.column_img { width:256px; height:180px; display:block; background:url(../images/img_background.jpg) no-repeat left top; padding:10px 0px 0px 10px;}
#facilities {margin:40px 51px 0px 51px;}
*html #facilities {margin:40px 40px 0px 40px;}

.column_text {width:241px; margin:13px 0px 0px 8px;}
.column_title { font-size:16px; font-weight:bold; width:100%; display:block; background:url(../images/background_title.jpg) no-repeat left top ; color:#fff; padding:2px 0px 2px 10px; margin:0px 0px 0px 0px;}
.column_text p { color:#444645; font-size:12px; margin:5px 0px 5px 5px;}
.column_text hr {margin:0px 0px 0px 5px; background:#C0E559; color:#C0E559; height:1px; border:0px;}
.column_text a.more { display:block; float:right; color:#FF8598; font-size:14px; text-decoration:none; background:url(../images/pink_arrow.jpg) no-repeat right 50%; position:relative; z-index:100; margin:0px 5px 0px 0px; padding:0px 15px 0px 0px;}
.column_text a.more:hover {color:#FF8598;}

/*------------------------------------ Textpage -----------------------------------------------------------*/

#sidebar { width:186px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px; background:#ffffff; }

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

#content {width:449px; float:left; margin:0px 0px 0px 5px;}

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

#sub_menu_title { background:url(../images/sub_page_title.jpg) no-repeat left top; font-size:16px; font-weight:bold; padding:2px 0px 2px 10px; color:#fff;}
#sub_menu { margin:5px 0px 0px 0px;}

#sub_menu a { color:#FF8598; font-size:14px; background:url(../images/pink_arrow.jpg) no-repeat 99% 50%; border-bottom:1px solid #C0E559; text-decoration:none; display:block; padding:5px 20px 5px 0px;}
#sub_menu a:hover { text-decoration:none; color:#63C0CB;}
#sub_menu a.selected_sub {color:#63C0CB;}

#sidebar_right .column_text { margin:12px 0px 0px 0px;}
#sidebar_right .column_title {background-image:none !important;  background:#9AC90B;}
#sidebar_right .column_title a {color:#fff !important; text-decoration:none;  background-image:none !important;  }
#sidebar_right .column_text a,more {color:#FF8598;}

#contact_form { margin:20px 0px 0px 0px; display:block;}
#contact_form input {width:270px;}
#contact_form textarea {width:270px;}
#contact_form button { display:block; float:right; margin:5px 16px 0px 0px;}
/*------------------------------------ News -----------------------------------------------------------*/

#news_main { width:881px; display:block; margin:0px auto 0px auto;}
#news_left { width:609px; display:block; float:left;}
.news {padding:5px 0px 5px 0px; margin:5px 0px 5px 0px; border-bottom:1px solid #C0E559;}
.news a.news_title { color:#B09373; text-decoration:none; font-size:14px; font-weight:bold;}
.news p {margin:5px 0px 0px 0px;}
.news a.vfs { margin:0px 0px 5px 0px; display:block; text-decoration:none; font-size:12px; color:#99C90A;}
.paging { display:block; float:right; color:#FF8598; font-weight:bold; margin:10px 0px 10px 0px;}
.paging a { text-decoration:none;}
#news_right { width:236px; display:block; float:right;}
.news_titles { font-size:16px; font-weight:bold; padding:2px 0px 2px 10px; margin:0px 0px 0px 0px; color:#fff; background:url(../images/news_titles.jpg) no-repeat left top;}

.news_menu {margin:10px 0px 10px 0px;}
.news_menu a { color:#FF8598; font-size:14px; background:url(../images/pink_arrow.jpg) no-repeat 99% 50%; border-bottom:1px solid #C0E559; text-decoration:none; display:block; padding:5px 0px 5px 0px;}
.news_menu a:hover { text-decoration:none;}

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

#nav { width:100%;  margin:0px 0px -3px 0px; padding:0px 0px 0px 0px; position:absolute; bottom:0px; left:0px;  }
#nav a { margin:0px 0px 0px 0px; display:block; float:left; font-weight:normal; font-size:14px; font-weight:bold; text-decoration:none;}
*html #nav a { margin:0px 0px -4px -1px; }
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav a.green { color:#98C907; width:81px; height:35px;   background:url(../images/hoem_green.gif) no-repeat left top; padding:17px 2px 0px 35px;}
#nav a:hover.green {color:#98C907;}

#nav a.dark_blue { width:81px; height:36px; color:#46B3C0; background:url(../images/dark_blue.gif) no-repeat left top; padding:17px 0px 0px 34px;}
#nav a:hover.dark_blue {color:#46B3C0;}

#nav a.dark_pink {width:86px; height:36px; color:#FFBFA9;  background:url(../images/dark_pink.gif) no-repeat left top; padding:17px 1px 0px 27px;}
#nav a:hover.dark_pink {color:#FFBFA9;}

#nav a.pink { width:81px; height:36px; color:#ff388a;  background:url(../images/pink.gif) no-repeat left top; padding:17px 5px 0px 26px; letter-spacing:-0.6px; }

*+html #nav a.pink { width:81px; height:36px; color:#ff388a;  background:url(../images/pink.gif) no-repeat left top; padding:17px 4px 0px 27px; letter-spacing:-1px; }

#nav a:hover.pink {color:#ff388a;}

#nav a.brown { width:91px; height:36px; color:#B09272; background:url(../images/brown.gif) no-repeat left top; padding:17px 0px 0px 24px;}
#nav a:hover.brown {color:#B09272;}

#nav a.dark_green { width:96px; height:36px; color:#79a04c; background:url(../images/dark_green.gif) no-repeat left top; padding:17px 0px 0px 19px;}
#nav a:hover.dark_green {color:#79a04c;}

#nav a.blue { width:94px; height:36px; color:#84C5C6;  background:url(../images/blue.gif) no-repeat left top; padding:17px 0px 0px 20px;}
#nav a:hover.blue{color:#84C5C6;}

#nav a.yellow { width:93px; height:36px; color:#eca73c;  background:url(../images/yellow.gif) no-repeat left top; padding:17px 0px 0px 26px;}
#nav a:hover.yellow {color:#eca73c;}

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

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) no-repeat top center; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

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

h1 { font-size:24px; color:#FF8598; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#B09373; font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#C1E65A; font-size:17px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#FF8B9D; font-size:16px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#B09373; font-size:15px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#90CBCC; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {background:#C0E559; color:#C0E559; height:1px; border:0px;}

ul { margin:0px; padding:0px 0px 0px 35px;  }
ul li { color:#444645; font-size:12px; list-style:disc; margin:5px 0px 5px 0px; padding:0px 0px 0px 10px; line-height:18px; }
ol {}
ol li {color:#444645; font-size:12px; list-style:decimal;  margin:5px 0px 5px 0px; line-height:18px; }

address {color:#444645; font-size:12px; }

a { color:#46B2BF; text-decoration:underline; }
a:hover { color:#46B2BF; text-decoration:underline; }

p { color:#444645; font-size:12px; margin:10px 0px 10px 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
*/