/* CSS Document */

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

body
{
height: 100%;
}

#wrapper
{
position: relative;
min-height: 100%;
background:url(/images/wrapper_bac.jpg) repeat-y center top transparent;
}

*html #wrapper
{
height: 100%;
}

#textpage .indent {color:#333333 !important; width:200px;}
#textpage p {margin-left:10px; margin-right:10px; }
#textpage .indent2 {color:#333333 !important; width:300px; margin:0px 10px 0px 0px;}
#textpage input.textinput {width:300px;}
#textpage textarea {width:300px;}
#container{ min-height:712px; height:auto !important; height:712px; position:relative;   border:#000000 0px solid;  padding:0px 0px 73px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:981px; }

#left { background:url(/images/left.jpg) no-repeat; width:6px; height:712px; position:absolute; top:0px; left:-17px;}
#right { background:url(/images/right.jpg) no-repeat; width:6px; height:712px; position:absolute; top:0px; right:-18px; }

#header { width:100%; height:120px; margin:0px; padding:0px; position:relative;}
#contact { position:absolute; top:24px; right:0px; text-align:right; width:450px;}
#contact img {display:block; float:right;}
#contact form {margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; float:left;}
#contact input {border:0px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:url(/images/input_bac.jpg) repeat-x left bottom; font-size:1.1em; color:#333333; width:140px; display:block; float:left; padding:2px 0px 3px 0px;}
#contact .search_left { display:block; float:left; height:20px; width:3px; background:url(/images/search_left.jpg) no-repeat left top;}
#contact .search_right {height:20px; width:3px; background:url(/images/search_right.jpg) no-repeat left top;  display:block; float:left;}
#search { position:absolute; top:58px; right:0px; }

#contact button {background:none; border:0px; display:block; float:left; width:40px; margin:-2px 0px 0px 0px;}
#logo {   margin:0px; padding:0px; }

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

#sidebar { width:199px;  height:100%; float:left;  margin:11px 0px 1px 0px; padding:0px; background:#ffffff; }
#campaign { background:#0C4375; min-height:152px; height:auto !important; height:152px; width:199px; padding:0px 0px 10px 0px;}
#campaign_title { background:url(/images/campaign_title.jpg) no-repeat; font-size:12px; font-weight:bold; color:#FFF; padding:5px 0px 5px 10px; margin-bottom:10px;}
.campaign { background:url(/images/camp.gif) no-repeat top left; width:183px; height:67px; display:block; margin:0px auto 3px auto;}
.campaign_left {width:115px; margin:0px 0px 0px 5px; display:block; float:left; }
*html .campaign_left {width:115px; margin:0px 0px 0px 2px; display:block; float:left; }
.campaign_left a { color:#6EB826; padding:0px 10px 0px 0px; font-size:1.2em; font-weight:bold;  background:url(/images/camp_arrow.gif) no-repeat right 55%;  }
.campaign_left a:hover { color:#6EB826;}
.campaign_left h5 {margin:10px 0px 5px 0px; }
.campaign_right { width:61px; display:block; margin:0px 0px 0px 0px; float:right; vertical-align:bottom;}
.campaign_right img {margin:5px 0px 0px 0px;}

#bbc {border-top:1px solid #01c5fe; border-bottom:1px solid #01c5fe; margin:10px 0px 10px 0px; padding:10px 0px 0px 0px;}
#bbc ul {margin:10px 0px 10px 0px; padding:0px;}
#bbc ul li {margin:5px 0px 5px 0px; padding:0px; list-style:none;}
#bbc ul li a {color:#0795D1; font-size:1.1em; background:url(/images/arrow.jpg) no-repeat left 50%; padding:0px 0px 0px 10px; }
#content_main  { width:777px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:571px; float:left; margin:11px 0px 0px 0px;}
#news_home {width:265px; height:229px; display:block; float:left;}
#news_home a { min-height:29px; height:auto !important; height:29px; width:189px; background:url(/images/new_arrow_dark.jpg) no-repeat #0688BF 98% 90%; margin:0px 0px 1px 0px; display:block; color:#ffffff; padding:14px 53px 13px 23px; font-size:1.2em; color:#FFF; font-weight:bold;}
#news_home a:hover {text-decoration:none; background:url(/images/white_arrow.jpg) no-repeat #04BCFA 98% 90%;} 
#news_home a.selected_news {text-decoration:none; background:url(/images/white_arrow.jpg) no-repeat #04BCFA 98% 90%;} 

#news_home_right {display:block; float:right; width:306px;}
#news_home_right ul {margin:0px; padding:0px; position:relative;}
#news_home_right ul li {margin:0px; padding:0px; list-style:none; position:absolute; top:0px; left:0px;}
#news_home_right ul li {border:3px solid #01c5fe; background:#01c5fe; height:225px; width:300px; }

#latest_video { width:290px; display:block; float:left; margin:10px 0px 0px 0px;}
#latest_news {width:277px; display:block; float:right; margin:10px 0px 0px 0px;}

.latest_news {display:block; margin:0px 0px 0px 0px; border-bottom:1px solid #72D1FA; padding:8px 0px 8px 0px;}
.latest_news .date { display:block; float:left;  width:52px; font-size:1em; color:#0694D1; font-weight:bold; }
.latest_news .date a {color:#0694D1 !important; }
.latest_news .text {display:block; float:left; font-size:1.1em; color:#333333;  width:165px;}
.latest_news .text a {color:#333333 !important; }
.latest_news .link {display:block; float:right; text-align:center; width:20px; padding:20px 0px 0px 0px; }

#headline_links {background:#069bd6; width:277px; height:25px; display:block; margin:10px 0px 0px 0px;}
a.news_arhive { display:block; float:left; color:#FFF; font-size:1.1em; margin:5px 10px 10px 26px; padding:0px 40px 0px 00px; background:url(/images/arrow_headline.jpg) no-repeat 80% 40%; border-right:1px solid #ffffff;}
a:hover.news_arhive {color:#ffffff; text-decoration:none;}
a.newspage { display:block; float:right; color:#FFF; font-size:1.1em;  padding:5px 26px 10px 10px; background:url(/images/arrow_headline.jpg) no-repeat 90% 40%;}
a:hover.newspage {color:#ffffff; text-decoration:none;}

#sidebar_right { width:199px;  height:100%; float:right;  margin:11px 0px 0px 0px; padding:0px;}
#sidebar_right h1 { font-size:1.4em !important; color:#ffffff !important; font-weight:bold !important; margin:10px 0px 5px 0px !important; padding:0px 0px 0px 0px !important; }

#get_involved {width:194px; background:#333333; min-height:121px; height:auto !important; height:121px; margin:3px 0px 3px 0px; padding:1px 0px 10px 6px; }
#get_involved  form {margin:0px; padding:0px;}
#get_involved  p {margin:2px 0px 2px 0px; font-size:1.1em;}

*html #get_involved  label.indent, div.indent { margin:1px 1px 1px 0;}
#get_involved input { }
#get_involved  button { display:block; float:right; border:0px; background:#666666; color:#ffffff; font-size:1.1em; margin:10px 5px 0px 0px;}

#johnon { background:#0C4375; min-height:102px; height:auto !important; height:102px; width:199px; padding:0px 0px 10px 0px;}
#johnon_title { background:url(/images/campaign_title.jpg) no-repeat; font-size:12px; font-weight:bold; color:#FFF; padding:5px 0px 5px 10px; margin-bottom:10px;}

a.facebook { display:block; float:left; margin:0px 12px 0px 10px; border:1px solid #0C4375;}
*html a.facebook { display:block; float:left; margin:0px 0px 0px 5px; border:1px solid #0C4375;}
a:hover.facebook {border:1px solid #ffffff;}
a.youtube {display:block; float:right; margin:0px 10px 0px 0px;  border:1px solid #0C4375;}
*html a.youtube {display:block; float:right; margin:0px 5px 0px 0px;  border:1px solid #0C4375;}
a:hover.youtube  {border:1px solid #ffffff;}

#cons {border-top:1px solid #01c5fe; border-bottom:1px solid #01c5fe; margin:10px 0px 10px 0px; padding:5px 0px 0px 0px;}
#cons ul {margin:5px 0px 10px 0px; padding:0px;}
#cons ul li {margin:5px 0px 5px 5px; padding:0px; list-style:none;}
#cons ul li a {color:#0795D1; font-size:1.1em; background:url(/images/arrow.jpg) no-repeat left 14%; padding:0px 0px 0px 10px; }

#footer { position:relative; width:981px; background:#333333; height:73px; margin:-73px auto 0px auto; padding:0px; }
#footer p { margin:0px; padding:22px 17px 0px 0px; color:#FFFFFF; display:block; float:right; font-size:1.1em; color:#cccccc;  }
#footer a { text-decoration:none; color:#cccccc; }

.clear { clear:both; }

#home_content {width:100%: display:block; margin:10px 0px 10px 0px;}

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

/*------------------------------------ Gallery -----------------------------------------------------------*/

#gallery_right {width:250px; display:block; float:right; margin:0px; padding:0px;}
#gallery_left {width:320px; display:block; float:left; margin:0px; padding:0px;}
.gal {display:block; width:120px; float:left; margin:0px 0px 4px 4px; cursor:pointer;}
*html .gal {display:block; width:120px; float:left; margin:0px 0px -1px 3px; }
*+html .gal {display:block; width:120px; float:left; margin:0px 0px -1px 4px; }
a.back_gal {background:url(/images/gallery_back.jpg) no-repeat left 50%; font-size:1.1em; color:#0694D1; padding:0px 0px 0px 10px; margin:10px 0px 10px 10px;}

#gallery_top {width:320px; height:214px;}
#gallery_top ul {position:relative; margin:0px; padding:0px;}
#gallery_top ul li {position:absolute; top:0px; left:0px; margin:0px; padding:0px; list-style:none;}

.hidden {display:none;}

#gallery_title { background:url(/images/campaign_title.jpg) no-repeat; font-size:12px; font-weight:bold; color:#FFF; padding:5px 0px 5px 10px; margin-bottom:2px;}

#gallery_nav {margin:0px 0px 6px 0px;}
#gallery_nav a {padding:6px 0px 7px 25px; margin:0px 0px 1px 0px; color:#ffffff; font-size:1.1em; font-weight:bold; display:block; background:url(/images/arrow_gal_nav.jpg) #0C4375 no-repeat 5% 50%; }

#galler_nav {margin:0px 0px 6px 0px;}
#galler_nav a {padding:6px 0px 7px 25px; margin:0px 0px 1px 0px; color:#ffffff; font-size:1.1em; font-weight:bold; display:block; background:url(/images/arrow_gal_nav.jpg) #0C4375 no-repeat 5% 50%; }
#galler_nav a.selected_sub {text-decoration:underline;} 

#sub_nav {margin:0px 0px 6px 0px;}
#sub_nav a {padding:6px 0px 7px 25px; margin:0px 0px 1px 0px; color:#ffffff; font-size:1.1em; font-weight:bold; display:block; background:url(/images/arrow_gal_nav.jpg) #0C4375 no-repeat 5% 50%; }


.cat_section { background:url(/images/campaign_title.jpg) no-repeat; font-size:12px; font-weight:bold; color:#FFF; padding:5px 0px 5px 10px; margin:0px 0px 5px 0px;}

#news_links {}
#news_links a {color:#0693D1; font-size:1.1em; background:url(/images/arrow_nav.jpg) no-repeat left 50%; display:block; margin:5px 0px 5px 4px; padding:0px 0px 0px 10px}
#news_links a:hover {color:#0693D1; }
/*------------------------------------ Textpage -----------------------------------------------------------*/

#textpage {width:574px; display:block; float:left; position:relative; }

.paginga {position:absolute; top:5px; right:10px; }
.paginga a { font-weight:normal; color:#ffffff; font-size:1.1em; text-decoration:underline;}

.paging {display:block; float:right; margin:10px 0px 10px 0px; color:#333333;}
.paging a { font-weight:normal; color:#333333; font-size:1.1em; text-decoration:underline;}

/*------------------------------------ News -----------------------------------------------------------*/

.news {border-bottom:1px solid #CCCCCC; margin:18px 0px 0px 0px; padding-bottom:6px; }
.news img {display:block; float:right; margin:3px 0px 0px 20px;}
.news a.news_title span {color:#333333}
.news a.news_title {font-size:1.2em; color:#04A3D9; font-weight:bold; margin-left:10px; }

*html .news a.news_title {font-size:1.2em; color:#04A3D9; font-weight:bold; margin-left:-10px; }
/*------------------------------------ nav-----------------------------------------------------------*/


*html #nav { position:relative; z-index:100;}
*+html #nav { position:relative; z-index:100;}

#nav { background:url(/images/nav.gif) repeat-x top left; width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; height:22px; }
#nav a { margin:0px 0px 1px 0px; padding:3px 12px 4px 13px;  color:#ffffff; display:block; float:left; font-weight:bold; font-size:1.2em;}
#nav a:hover { text-decoration:none; background:#0775A6;  color:#ffffff; } 
#nav a.active { text-decoration:none; background:#0775A6;  color:#ffffff; } 

#get_involved  label.indent, div.indent {
	color:#ffffff !important; font-size:1.1em;
	float: left;
	width: 170px;
	clear: both;
	font-size: 12px;
	line-height: normal;
	margin: 2px 2px 2px 0;
}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/
 
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url('../images/bac.jpg') repeat-x #01C4FC; font-family: 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; line-height:20px; color:#0690C6; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { font-size:1.2em; background:url(/images/h1.jpg) no-repeat top left; color:#ffffff; font-weight:bold; margin:0px 0px 0px 0px; padding:5px 0px 10px 11px; }
h3 { color:#333333; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#03B2EB; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#333333; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#333333; font-size:1em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }



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



address {margin:10px; color:#333333;}

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

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