/* GENERAL STYLES */
/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

html {height: 100%; }

body {height: 100%;}

#wrapper {background:url(../imagesnew/bac.jpg) no-repeat center top; position: relative; min-height: 100%; }

*html #wrapper {height: 100%;}

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 95px 0px; margin-top:14px; margin-left:auto; margin-right:auto; width:995px;}

#header { width:100%; height:73px; margin:0px; padding:0px; }
#search {width:343px;  position:absolute; right:0px; top:7px;}
#toptext {width:150px;  position:absolute; left:450px; top:7px;}
#toptextfont { display:block; float:left; font-size:1.4em; font-weight:bold; color:#000000; margin:4px 10px 0px 0px;}
#toptextfont a {color:#000000;}
#toptextfont a:hover {color:#EA008C;}
#nav_lang { display:block; float:left; font-size:1.2em; font-weight:bold; margin:4px 10px 0px 0px;}
#nav_lang a {color:#000000;}
#nav_lang a:hover {color:#EA008C;}
#nav_lang a.selected {color:#EA008C;}
#search_form { display:block; float:left;}
#search_form input {width:169px; font-size:1.2em; padding:4px 0px 4px 0px; display:block; float:left; border:0px;}
#search_form button {background:none; border:0px; display:block; float:left; margin:1px 0px 0px 0px;}
#left_search { width:4px; height:23px; display:block; float:left; background:url(../imagesnew/left.gif) no-repeat top left;}
#right_search {width:4px; height:23px; background:url(../imagesnew/right.gif) no-repeat; display:block; float:left; }

#top_section {min-height:304px; height:auto !important; height:304px; width:100%; display:block;}
#advert { width:120px; height:303px; margin:8px 0px 0px 0px;  display:block; float:left;}
#caresoul_area { width:651px; display:block; float:left; margin:0px 0px 0px 3px; }
#green_block {display:block; float:right; margin:24px 0px 0px 0px;  width:195px; min-height:274px; height:auto !important; height:274px; background:#8ECA02; position:relative; padding:0px 9px 0px 15px;}
#green_block p { color:#FFF; font-size:1.4em !important; line-height:16px !important;}
#green_block a { color:#FFF; font-size:1.4em !important;}
#green_block_top { position:absolute; top:-15px; left:0px; background:url(../imagesnew/green_top.gif) no-repeat left top; width:219px; height:15px;}
#green_block_bottom { position:absolute; bottom:-13px; right:0px; background:url(../imagesnew/green_bottom.gif) no-repeat left bottom;  width:219px; height:13px;}
#green_block select {border:0px; width:190px; margin:5px 0px 5px 0px; font-size:1.2em; }
#green_block input {border:0px;  width:190px; margin:5px 0px 5px 0px;  font-size:1.2em;}
#green_block button {border:0px; background:none; position:absolute; bottom:0px; right:0px;}
*+html #green_block button {border:0px; background:none; position:absolute; bottom:0px; right:-140px;}
#green_block form p { font-size:1.1em; font-weight:bold;}
#green_block form label {margin:0px 0px 0px 0px;}
#logo {  width:440px; height:39px; margin:0px; padding:0px; display:block; float:left; }


#bottom_section {min-height:371px; height:auto !important; height:371px; display:block; margin:0px 0px 20px 0px;}
.white_block { background:url(../imagesnew/repeat_white.jpg) repeat-y; padding:0px 2px 0px 3px;  min-height:333px; height:auto !important; height:333px; position:relative; display:block; float:left; width:238px; margin:19px 0px 19px 0px; }
.white_block_top {width:243px; height:19px; position:absolute; top:-19px; left:0px; background:url(../imagesnew/white_top.gif) no-repeat left top; }
.white_block_bottom {width:243px; height:19px; position:absolute; bottom:-19px; left:0px; z-index:80; background:url(../imagesnew/bottom.gif) no-repeat left top; }

#image_holder {width:241px; display:block; float:left; margin:5px 11px 0px 13px; min-height:100px; height:auto !important; height:100px;}
*html #image_holder {margin:0px 6px 0px 7px;}
#image_holder a { display:block; margin:0px 0px 5px 0px;}
#main {  width:100%; margin:0px 0px 0px 0px; }

#sidebar { width:158px;  height:100%; float:left;  margin:10px 0px 1px 0px; padding:0px; background:#ffffff; }
#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}
#content {width:300px; float:left;}

.title {color:#FFF; background:#440264; padding:4px 0px 4px 18px; margin:0px 0px 10px 0px; font-size:1.6em;}
.title_green {color:#FFF; background:#8ECA02; padding:4px 0px 4px 18px; margin:0px 0px 10px 0px; font-size:1.6em;}
.text {width:201px; margin:10px auto 0px auto;}

#latest_news {padding:10px 0px 0px 0px;}
.news { margin:0px 0px 10px 0px;}
.news img {display:block; float:left; margin:0px 10px 0px 0px;}
.news a {color:#449706; font-size:1.2em; font-weight:bold; vertical-align:middle;}
.news a:hover {color:#449706;}

.latest_news_link { position:absolute; bottom:0px; right:10px; z-index:100;}
.latest_news_link a { text-transform:uppercase; font-size:1.1em; color:#449706; background:url(../imagesnew/arrow_white_back.jpg) no-repeat right top; padding:1px 20px 2px 0px;}
.latest_news_link a:hover {color:#449706;}

#sidebar_right { width:238px;  height:100%; float:right;  margin:0px 0px 0px 0px; padding:0px;}
.white_block_right { background:url(../imagesnew/repeat_white.jpg) repeat-y; padding:0px 2px 0px 3px;  min-height:144px; height:auto !important; height:144px; position:relative; display:block; float:left; width:238px; margin:19px 0px 23px 0px; }

.title_blue {color:#FFF; background:#1BADCF; padding:4px 0px 4px 18px; margin:0px 0px 10px 0px; font-size:1.6em;}
.title_pink {color:#FFF; background:#EA008C; padding:4px 0px 4px 18px; margin:0px 0px 10px 0px; font-size:1.6em;}

.facebook {width:49px; height:49px; position:absolute; top:35px; left:25px;}
.bebo { width:50px; height:52px; position:absolute; top:33px; left:85px;   }
.myspace { width:49px; height:49px; position:absolute; top:35px; left:148px;  }

.youtube {width:137px; height:57px; position:absolute; top:90px; left:15px; }
.rss {width:60px; height:60px; position:absolute; top:88px; left:145px;  }

#footer { position:relative; width:100%; background:#440264; height:90px; margin:-95px 0px 0px 0px; padding:0px; }
#footer p { font-size:1.2em; color:#FFFFFF; margin:0px; padding:10px 0px 0px 0px; }
#footer_container { width:995px; margin:0px auto 0px auto;}
#footer_container a {color:#FFFFFF;}
*html #spindogs {display:block; float:right; padding:0px !important; margin:-15px 0px 0px 0px !important; padding:0px 0px 0px 0px;}
#spindogs {display:block; float:right; padding:0px !important; margin:10px 0px 0px 0px !important; padding:0px 0px 0px 0px;}
#spindogs a { vertical-align:-7px; padding:0px 0px 0px 0px}

.clear { clear:both; }

/*------------------------------------ Textpage -----------------------------------------------------------*/

#page_header { margin:8px 0px 0px 5px !important; background:url(../imagesnew/page_header_bac.jpg) no-repeat top left; width:636px; height:306px; display:block; float:left; }
*html #page_header {margin:8px 0px 9px 5px !important;}
*+html #page_header {margin:8px 0px 9px 5px !important;}
#page_header { text-align:center; vertical-align:middle; padding:1px 0px 0px 0px;}

#text_content_left {width:240px; min-height:200px; height:auto !important; height:200px; display:block; float:left; margin:19px 0px 100px 0px;}
*html #text_content_center {margin:42px 0px 43px 2px;}
#text_content_center { background:url(../imagesnew/main_col_reap.gif) repeat-y top left; width:505px; min-height:500px; height:auto !important; height:500px; display:block; float:left; margin:40px 0px 33px 8px; position:relative; }
.title_purple {color:#FFF; background:#440264; padding:4px 0px 4px 18px; margin:0px 3px 10px 4px; font-size:1.6em;}

#text_content_center_top { background:url(../imagesnew/main_col_top.gif) no-repeat top left; position:absolute; top:0px; left:0px; width:505px; height:26px; position:absolute; top:-26px; left:1px; }
#text_content_center_bottom { background:url(../imagesnew/main_col_bottom.gif) no-repeat bottom left;  width:505px; height:26px; position:absolute; bottom:-26px; left:0px; }
#text_main { width:461px; margin:0px auto 20px 20px; position:relative;}
.back a { font-size:1.1em; font-weight:bold; padding:10px 0px 10px 0px; position:relative; z-index:20; color:#440164; background:url(../imagesnew/back.jpg) no-repeat left top; padding:0px 0px 0px 20px;}
.back a:hover {color:#440164; text-decoration:none;}

#text_content_right {width:238px; display:block; float:right;  margin:17px 0px 33px 0px;}
#text_content_right a { display:block; margin:0px 0px 10px 0px;}

/*------------------------------------ News -----------------------------------------------------------*/

.title_green_main {color:#FFF; background:#449706; padding:4px 0px 4px 18px; margin:0px 3px 10px 4px; font-size:1.6em;}
.events_news { margin:15px 0px 0px 0px; display:block;}
.events_news p { margin:5px 0px 5px 0px;}
.events_news img { float:left; margin:0px 20px 0px 0px;}

.news_link { display:block; float:right;}
.news_link a { font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#449706; background:url(../imagesnew/arrow_white_back.jpg) no-repeat right top; padding:1px 20px 2px 0px;}
.news_link a:hover { color:#449706;}
.paging_green { background:url(../images/paging_green.jpg) no-repeat top left; width:482px; height:22px; display:block; margin:10px 0px 0px 12px;}
.page { display:block; float:left;}
.page { color:#ffffff; font-size:1.1em; font-weight:bold; margin:3px 0px 0px 10px;}
.pages { display:block; float:right; margin:3px 10px 0px 0px; color:#ffffff; font-size:1.1em; font-weight:bold;}
.pages a {color:#ffffff;}
.pages a:hover {color:#ffffff;}

/*------------------------------------ Events -----------------------------------------------------------*/

.title_pink_main {color:#FFF; background:#F82790; padding:4px 0px 4px 18px; margin:0px 3px 10px 4px; font-size:1.6em;}
.paging_pink { background:url(../imagesnew/paging_pink.jpg) no-repeat top left; width:482px; height:22px; display:block; margin:10px 0px 0px 12px;}
.news_linkp { display:block; float:right;}
.news_linkp a {font-weight:bold; text-transform:uppercase; font-size:1.1em; color:#F82790; background:url(../imagesnew/new_arrow_pink.jpg) no-repeat right top; padding:1px 20px 2px 0px;}
.news_linkp a:hover {color:#F82790;}
.date { color:#666666; font-size:1.2em;}


/*------------------------------------ Boxes -----------------------------------------------------------*/

.box {width:243px; height:181px; display:block; float:left; margin:10px 7px 7px 0px; }
#boxes {margin:5px 0px 0px 0px;}


/*------------------------------------ nav -----------------------------------------------------------*/

#nav { width:985px; height:26px;  margin:8px 0px 0px 0px; padding:0px 0px 0px 10px; background:url(../imagesnew/nav.gif) no-repeat top right; }
#nav a { margin:0px 0px 0px 0px; padding:6px 8px 9px 5px; border-right:1px solid #FFF;  color:#ffffff; display:block; float:left; font-weight:normal; font-size:1.1em; font-weight:bold;}
#nav a:hover { text-decoration:none;   color:#8ECA02; } 

#sub_nav {width:238px; margin:0px 0px 0px 3px; display:block;}
#sub_nav ul { margin:0px; padding:0px;}
#sub_nav ul li { padding:0px; margin:0px; list-style:none; margin:0px 0px 10px 0px;}
*html  #sub_nav ul li { padding:0px; height:0%; margin:0px; list-style:none; margin:0px 0px 10px 0px;}
#sub_nav ul li a {width:228px; padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;   color:#FFF; background:#440264; display:block; position:relative;}
*html #sub_nav ul li a {width:228px;  margin:0px 0px 0px 0px;  font-size:1.1em; color:#FFF; background:#440264; display:block; position:relative;}
#sub_nav ul li a .tops {display:block;  background:url(../imagesnew/top_sn.gif) no-repeat top left; position:absolute; top:-4px; left:0px; width:238px; height:4px !important;}
*html #sub_nav ul li a .tops {z-index:-1;}
#sub_nav ul li a .bottoms { background:url(../imagesnew/bottom_sn.gif) no-repeat bottom left; position:absolute; bottom:-4px; left:0px; width:238px; height:4px !important; display:block; }
*html #sub_nav ul li a .bottoms { z-index:-1;}
#sub_nav ul li a:hover { background:url(../imagesnew/arrow_sub_nav.jpg) no-repeat #D580FD 98% 50%; text-decoration:none; display:block;}
#sub_nav ul li a:hover .tops { background:url(../imagesnew/top_sn_hover.gif) no-repeat top left; }
#sub_nav ul li a:hover .bottoms { background:url(../imagesnew/top_sn_hover.gif) no-repeat bottom left; }

#sidebar { width:141px; background:url(../images/sidebar_nav_bottom.jpg) #0052a1 no-repeat bottom left;  min-height:20px;  height:auto !important; height:20px; float:left;  margin:10px 0px 1px 15px; padding:0px 0px 30px 0px;}
#sidebar a { display:block; font-size:12px; font-weight:bold; border-bottom:dotted 2px #ffffff; padding:5px 10px 5px 10px; margin:0px 0px 0px 0px; color:#ffffff; }

#sidebar a:hover {background:url(../images/arrow.jpg) no-repeat 88% center;}



/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body {text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../imagesnew/bac_rep.jpg) repeat-x top left #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.5em; color:#F82790; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#449706; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#F82790; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#449706; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#F82790; font-size:1.2em; font-weight:bold; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }
h6 { color:#449706; font-size:1.2em; font-weight:bold; margin:5px 0px 5px 0px; padding:0px 0px 0px 0px; }

ul li { font-size:1.2em; color:#666666; list-style:disc;   }
ol li {font-size:1.2em; color:#666666; list-style:decimal; }

address {font-size:1.2em; color:#666666; }

a { color:#333399; text-decoration:none; }
a:hover { color:#333399; text-decoration:underline; }

p { font-size:1.2em; color:#666666; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:18px; }

table {font-size:1.2em; color:#666666; 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
*/

/* EDITOR PROPERTIES */
Heading 1 {
font-size:1.5em; 
color:#F82790; 
font-weight:normal;
}

Heading 2 {
 color:#449706; font-size:1.5em; font-weight:bold;
}

Heading 3 {
color:#F82790; font-size:1.3em; font-weight:bold; 
}

Heading 4 {
color:#449706; font-size:1.3em; font-weight:bold; 
}

Heading 5 {
color:#F82790; font-size:1.2em; font-weight:bold; 
}

Heading 6 {
color:#449706; font-size:1.2em; font-weight:bold; 
}

