/* CSS Document */

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

body
{
height: 100%;
}

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

* html #wrapper
{
height: 100%;
}

#rcvs {position:absolute; top:37px; right:0px;}

#container{ position:relative;   background:url(../images/tree.jpg) no-repeat 20% 91%; border:#000000 0px solid;  padding:0px 0px 52px 0px; margin-top:5px; margin-left:auto; margin-right:auto; width:950px;  }

#header { width:100%; height:98px; margin:0px; padding:0px; position:relative;}

#logo {  width:166px; height:98px; margin:0px; padding:0px;  position:absolute; top:0px; left:0px; z-index:80; }
#logo_white_box_trick_main {width:160px; height:106px; background:#fff; position:absolute; top:0px; left:3px; z-index:70; }
#logo_white_middle_white {background:#ffffff; width:20px; height:36px; position:absolute; top:78px; left:80px; z-index:72;}
#logo_box_border {background:#C5C5C5; width:1px; height:36px; position:absolute; top:63px; left:165px; z-index:70;}

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

#links_area {width:370px; position:absolute; top:180px; right:0px; z-index:120;}
#links_area a { position:relative; z-index:100; display:block; float:left; margin:0px -8px 0px 0px;}

#header_top { background:#ffffff; width:942px; height:247px; position:relative; z-index:50; border-bottom:8px solid #ffffff; }
#header_top_top { width:942px; height:7px; background:url(../images/header_top.gif) no-repeat; position:absolute; top:0px; left:0px; z-index:20;}
#header_top_bottom { width:942px; height:7px; background:url(../images/header_bottom.gif) no-repeat; position:absolute; bottom:0px; left:0px; z-index:20;}
#header_top_bottom  {bottom:-7px;}
#tel { position:absolute; top:7px; right:0px; font-size:2.4em; color:#000;}
#tel span { color:#00794C;}

#sidebar { width:172px;  height:100%; float:left;  margin:0px 0px 1px 0px; padding:0px; position:relative; z-index:90; }

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

#content {width:387px; float:left; position:relative; z-index:90; margin-bottom:102px; }

#sidebar_right { width:349px;  height:100%; float:right;  margin:50px 10px 20px 10px; padding:0px;}
.latest_news {}
.latest_news p span {color:#BD0014; font-weight:bold;}
.latest_news  a.arrow_link {display:block; float:right;}

#mini_gal { margin:20px 0px 40px 0px;}
.gal { width:116px; text-align:center; padding:12px 0px 12px 0px; min-height:50px; height:auto !important; height:50px; margin:0px 0px 1px 0px;  display:block; float:left; background:url(../images/gal.gif) repeat-y; position:relative;}
.gal_top { width:117px; height:24px; position:absolute; top:0px; left:0px; background:url(../images/gal_top.gif) no-repeat top left;}
.gal_bottom { width:117px; height:24px; position:absolute; bottom:0px; left:0px; background:url(../images/gal_bottom.gif) no-repeat top left;}
.gal img  { margin:0px 0px 0px 5px;}

#footer { position:relative; z-index:110px; width:100%; background:#CCCCCC; height:52px; margin:-52px 0px 0px 0px; padding:0px; }
#footer_link { position:absolute; bottom:52px; right:0px; margin:0px 0px 10px 0px; }
#footer_link a img {vertical-align:-10px;}

#footer_container {width:950px; margin:0px auto 0px auto;}
.clear { clear:both; height:0px; }

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

#texpage {width:473px; display:block; float:left; margin:29px 0px 100px 0px;}
#news_right { width:229px;  height:100%; float:right;  margin:50px 10px 20px 10px; padding:0px;}
#links_area_small {width:250px; position:absolute; top:220px; right:0px; z-index:90;}
#links_area_small a { display:block; float:left; margin:0px -4px 0px 0px;}

.paging {font-size:1.2em;}
.paging a {color:#333333;}
/*------------------------------------ gallery -----------------------------------------------------------*/

#gallery {width:640px; display:block; float:left; margin:30px 0px 100px 0px;}
.gal_left {width:299px; display:block; float:left;}
.gal_right {width:299px; display:block; float:right;}

.gallery {min-height:100px; height:auto !important; height:100px;}

#gallery .gal { display:block; float:left; width:117px; text-align:center; min-height:50px; height:auto !important; height:50px; margin:0px 0px 20px 0px;  display:block; float:left; background:url(../images/gal.gif) repeat-y; position:relative; padding:12px 0px 12px 0px;}
.gal_top { width:117px; height:24px; position:absolute; top:0px; left:0px; background:url(../images/gal_top.gif) no-repeat top left;}
.gal_bottom { width:117px; height:24px; position:absolute; bottom:0px; left:0px; background:url(../images/gal_bottom.gif) no-repeat top left;}
.gal img  { width:101px; margin:0px 0px 0px 5px;}
.gallery_text {display:block; width:169px; float:right;}


#gallery_section {width:745px; display:block; float:left; margin:30px 0px 100px 0px;}
#gallery_left {width:503px; display:block; float:left;}
#gallery_left .gal {width:117px;  margin:0px 8px 8px 0px;}

#gallery_right {width:231px; display:block; float:right;}

/*------------------------------------ profiles -----------------------------------------------------------*/


#profile_right {width:229px;  height:100%; float:right;  margin:50px 10px 20px 10px; padding:0px;}
#profile_right a {display:block; color:#BD0013; font-weight:bold; font-size:1.2em; margin:0px 0px 5px 0px; }
#profile {width:273px; display:block; float:left; }
#profile_images {width:178px; display:block; float:right;}


.profile {background:url(../images/rep_main_profile.gif) repeat-y; width:184px; min-height:50px; height:auto !important; height:50px; display:block; position:relative; margin:0px 0px 10px 0px; padding:15px 0px 15px 0px;}
.profile img {margin:0px 0px 0px 15px;}
.profile_top {background:url(../images/profile_top.gif) no-repeat top left; width:184px; height:33px;  position:absolute; top:0px; left:0px;}
.profile_bottom {background:url(../images/profile_bottom.gif) no-repeat top left; width:184px; height:33px;  position:absolute; bottom:0px; left:0px;}

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

#nav {   margin:0px 0px 0px 176px; padding:61px 0px 0px 0px; }
#nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin-right: 1px;}
#nav a { margin:0px 0px 0px 0px; padding:10px 10px 12px 0px;  color:#ffffff; display:block; font-weight:normal; font-size:1.2em; background: url(../images/nav.jpg) no-repeat top right;}
#nav li a span { float: left; padding-right:10px; display: block; margin-top: -10px; height: 35px; 	background: url(../images/nav.jpg) no-repeat top left;}
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav ul li a:hover, #nav ul li a.active { background-image:url(../images/nav_hover.jpg);}

#nav ul li a:hover span, #nav ul li a.active span {background-image:url(../images/nav_hover.jpg);}

#left_nav {margin:0px 0px 0px 0px !important; display:block; }
#left_nav ul {  margin:0px 0px 4px 0px; padding:0px;}
#left_nav ul li {  margin:0px; padding:0px; list-style:none;}
#left_nav ul li a { position:relative; margin:11px 0px 11px 0px; display:block; font-size:1.2em; background:url(../images/left_nav_hover.gif) #4a4a4a repeat-x 10%; width:157px; color:#ffffff; padding:0px 0px 0px 15px; font-weight:normal;}
*html #left_nav ul li a {margin:10px 0px 10px 0px;}

#left_nav ul li a:hover { background:url(../images/left_nav.gif) #bd0117 repeat-x 10%; text-decoration:none;}
#left_nav ul li a:hover span.bottom { background:url(../images/bottom_sub_nav.gif) no-repeat;}
#left_nav ul li a:hover span.top { background:url(../images/top_sub_nav.gif) no-repeat;}

#left_nav ul li a span.bottom {background:url(../images/bottom_sub_nav_hover.gif) no-repeat top left; width:172px; height:5px; position:absolute; bottom:-5px; left:0px;}
#left_nav ul li a span.top {background:url(../images/top_sub_nav_hover.gif) no-repeat top left; width:172px; height:5px; position:absolute; top:-5px; left:0px;}
*html #left_nav ul li a span.bottom { position:absolute; bottom:-12px; left:0px;}





/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x left top #ffffff; 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:1.4em; color:#00633D; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#BD0013; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#BD0013; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#00633D; font-size:1.2em; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#BD0013; font-size:1.1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#00633D; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul { margin:0px 0px 0px 0px; padding:10px 0px 10px 20px;  }
#content ul li { background:url(../images/arrow_li.gif) no-repeat left 20%; font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 20px; line-height:20px; color:#585858; list-style:none;  }
ol {}
ol li { font-size:1.2em;  line-height:20px; color:#585858; list-style:decimal;}



address {font-size:1.2em;  line-height:20px; color:#585858; margin:5px; font-style:italic;}

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

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

/*hacks list remove before live

HANDY HINTS

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