/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


a {outline:none; text-decoration:none;}

a:hover {}


/* COLOURS 

dkgreen #00937F
ltgreen #A6D6D2
brown #54301A

*/


/* BASE */

html,body{ height: 100% }

body { 
    margin: 0;
    padding: 0; 
    font: 11px/14px Arial, Helvetica, sans-serif;
    
    background-color: #F2F9F8;
	color:#54301A;
}

#container {width:950px; margin: 0 auto ;  min-height:100%; height:auto; position: relative; background: url(../img/back.gif) center 0 repeat-y; padding-bottom: 20px; display: inline;}


#content {
	float:left;	
    width: 670px;
	margin:0 0 0 30px;	
	display:inline;
}



#news-column {
	position: relative;
	float:right;
    width: 246px;
	margin:0 0 0 0;
	display:inline;
	background-color: #A6D9D2;
	}


#header {width:950px; height: 180px; position: relative;}

#menu {width:950px; height: 90px; position: relative; margin-top: -25px; }

#social {width:250px; width:246px; float: right;}

#header-wrap {width: 950px; background-color: #FFF;}


/* ICE BACKGROUNDS

-------------------------------------------------------------- */

.trees {background: url(../img/trees_header.jpg) right -200px no-repeat;}
.sky {background: url(../img/sky_header.jpg) right -203px no-repeat;}



/* HEADER

-------------------------------------------------------------- */

.brand a { float:left; display:inline; width: 275px; height:77px; margin: 33px 0 0 30px; text-indent: -3333px; background: url(../img/ice.png) 0 0 no-repeat; behavior: url(iepngfix.htc);}




/* HEADER NAVIGATION

-------------------------------------------------------------- */

.nav { margin: 0 0 0 30px; padding: 0 0 0 0; list-style: none; font-size: 14px; font-weight: bold;}

.nav li { margin: 0; padding: 0; display: inline; }

.nav a { border: none; margin: 0; color: #54301A; text-decoration: none;}

.nav a:hover { color: #00937F; text-decoration: none;}

.nav a.selected { color: #00937F;}


/* HEADER SUB NAVIGATION

-------------------------------------------------------------- */

.subnav { margin: 5px 0 0 30px; padding: 0 0 0 0; list-style: none; font-size: 14px; font-weight: normal; margin-top: 2px;}

.subnav li { margin: 0; padding: 0; display: inline; }

.subnav a { border: none; margin: 0; color: #54301A; text-decoration: none;}

.subnav a:hover { color: #00937F; text-decoration: none;}

.subnav a.selected { color: #00937F;}


/* NEWS

-------------------------------------------------------------- */

ul.tabNavigation {
		    list-style: none;
		    margin: 0 0 0 0;
		    padding: 0 0 35px 0;
		    width:246px;
				}

		ul.tabNavigation li {
		    display: inline;
		    
		}

		ul.tabNavigation li a {
		float: left;
		}

		ul.tabNavigation li a.selected {
			 background-position: 0 -40px;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}
		
		#news-details {
		position: relative;
		   background-color: #A6D9D2;
		   display: inline;
		   
		}
		#press-details {
		position: relative;
		     background-color: #A6D9D2;
		     display: inline;
		}
		
		
a.news-tab { background: url(../img/news_tab.gif) 0 0 no-repeat; width:123px; height:40px; text-indent: -3333px;}

a.press-tab { background: url(../img/press_tab.gif) 0 0 no-repeat; width:123px; height:40px; text-indent: -3333px;}



/* NEWS DETAILS COLUMN

-------------------------------------------------------------- */

#news-details ul {margin-left: 20px; padding-top: 20px;}

#news-details ul li {width:195px; font-size: 11px; line-height: 14px; color: #00937F; padding: 15px 0 15px 0; border-top: #FFF 1px solid;}

#news-details ul li img {padding-bottom: 10px;}

#news-details ul a {color: #FFF; text-decoration: none;}

#news-details ul a:hover {color: #00937F; text-decoration: none;}

/* NEWS DETAILS COLUMN

-------------------------------------------------------------- */
#press-details ul {margin-left: 20px; padding-top: 20px;}

#press-details ul li {width:190px; font-size: 11px; line-height: 14px; color: #00937F; padding: 15px 0 15px 0; border-top: #FFF 1px solid;}

#press-details ul li span {display: block; font-size: 15px; line-height:18px; color: #FFF;}	

#press-details ul li img {padding-bottom: 10px;}

#press-details ul a {color: #FFF; text-decoration: none;}

#press-details ul a:hover {color: #00937F; text-decoration: none;}

#press-details h1 { font-size: 15px; line-height:18px; color: #FFF; padding: 35px 0 0 20px;}

	
#news-details ul li.no-border, #press-details ul li.no-border {border-top: none;}

#press-details span {font-weight: 600;}

#press-details h1 {font-size:14px; font-weight: bold;}




/* DIV SOCIAL CONTENT

-------------------------------------------------------------- */

#social p {padding-left: 20px; font-size: 11px;}

#social a {color: #54301A; text-decoration: underline; margin-right: 5px;}

#social a:hover {color:  #00937F; text-decoration: underline; }



/* FORM RULES
-------------------------------------------------------------- */



/* CONTENT AREA TXT STYLES
-------------------------------------------------------------- */

#content h1 {font-size: 28px; line-height: 26px; color: #00937F;}

#content h2 {font-size: 18px; line-height: 22px; color: #00937F; margin-bottom: 14px;}

#content h3 {font-size: 14px; line-height: 16px; color: #00937F;}

#content p {font-size: 11px; line-height: 14px; color: #54301A; }

#content h3.subhead {margin-top: 14px;}

#content h3.subhead a {color: #00937F;}

#content h3.subhead a:hover {color: #54301A;}

#wide-col p, #wider-col p {padding-bottom: 11px;}


/* headings
-------------------------------------------------------------- */

.objectives-head {width:167px; height: 33px; background: url(../img/headers/our_objectives.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.ukmembers-head {width:230px; height: 33px; background: url(../img/headers/uk_members.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.directors-head {width:220px; height: 33px; background: url(../img/headers/directors.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.press-head {width:480px; height: 88px; background: url(../img/headers/press.gif) 0 0 no-repeat; text-indent: -3333px;}

.coalition-head {width:420px; height: 151px; background: url(../img/headers/coalition.gif) 0 0 no-repeat; text-indent: -3333px;}

.contact-head {width:270px; height: 75px; background: url(../img/headers/contact.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.welcome-head {width:492px; height: 127px; background: url(../img/headers/welcome.gif) 0 0 no-repeat; text-indent: -3333px;}

.about-head {width:426px; height: 103px; background: url(../img/headers/about.gif) 0 0 no-repeat; text-indent: -3333px;}

.downloads-head {width:366px; height: 52px; background: url(../img/headers/downloads.gif) 0 0 no-repeat; text-indent: -3333px; }

.links-head {width:491px; height: 74px; background: url(../img/headers/links.gif) 0 0 no-repeat; text-indent: -3333px; }

.register-head {width:480px; height: 103px; background: url(../img/headers/register.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.timetable-head {width:196px; height: 33px; background: url(../img/headers/timetable.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.camp-head {width:450px; height: 75px; background: url(../img/headers/camp.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.releases-head {width:433px; height: 53px; background: url(../img/headers/releases.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.comingsoon-head {width:218px; height: 33px; background: url(../img/headers/coming_soon.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.reg-head {width:430px; height: 55px; background: url(../img/headers/reg.gif) 0 0 no-repeat; text-indent: -3333px; margin-bottom: 35px;}

.tv-head {width:542px; height: 102px; background: url(../img/headers/tv_heading.gif) 0 0 no-repeat; text-indent: -3333px;}



/* CONTENT COLUMNS
-------------------------------------------------------------- */
.row {width: 670px;}

#wider-col {width:530px; padding-top: 14px;}

#wide-col {width:425px; padding-top: 14px;}

#left-col { float:left; width:270px; display: inline; margin-right: 80px;}

#right-col { float:left; width:270px; display: inline; }

.directors-col {width: 460px; margin-bottom: 50px;}

.timetable-col {width: 550px; margin-bottom: 50px;}

#wide-col a, .directors-col a, .timetable-col a, #left-col a {color: #00937F;}

#wide-col a:hover, .directors-col a:hover, .timetable-col a:hover, #left-col a:hover {color: #54301A;}

.directors-col p, .timetable-col p {padding-bottom: 11px;}

img.directors {float: left; margin-right: 10px; display: inline;}

img.welcome {float: right; margin-left: 10px; display: inline;}

h3.directors-name {padding-top: 14px;}

h3.padtop {padding-top: 14px;}

.col-top-pad {padding-top: 14px;}

h3.margtop {margin-top: 35px;}

p.greenlink { margin-top: 11px;}

p.greenlink a {color:#00937F; text-decoration: none;}

h3.date {padding-bottom: 6px;}

p.event-date {padding:0; margin:0; font-weight: bold;}


/* CONTENT PRESS RELEASES
-------------------------------------------------------------- */

.pr-col {width:280px; margin-bottom: 14px; }

img.pr {float: left; margin-right: 10px; display: inline;}

.pr-col a {color: #00937F;}

/* CONTENT DOWNLOAD ICONS
-------------------------------------------------------------- */


.icon {float: left; display:inline; margin-right: 80px; margin-top: 50px;}

.icon p {font-size: 11px; padding: 5px 0 0 0; margin: 0 0 0 0;}

.icon-width { width:250px;}



/* QUOTES

-------------------------------------------------------------- */

.home-quote {background: url(../img/quote.gif) 100px 70px no-repeat; height: 450px;}



/* RADIO

-------------------------------------------------------------- */

#flashPlayer {margin-left: 20px; margin-top: 70px;}



/* TV
-------------------------------------------------------------- */

ul.tv-list {font-size: 12px; line-height: 16px; margin-top: 20px;}



/* FORM

-------------------------------------------------------------- */

.input {width: 200px; border: 1px solid #A6D6D2; padding: 2px; font-size: 12px; margin-right: 10px;}

.register-form {font-size: 12px;}


#content .register-form p  {font-size: 12px; margin-bottom: 5px;}


.tick-boxes td {padding-right: 20px;}

.reg-submit {margin-top: 15px;}


/* HACKS

-------------------------------------------------------------- */


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, #container:after, #news-column:after, .row:after, .directors-col:after, .pr-col:after, .timetable-col:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #container, #news-column, .row, .directors-col , .pr-col, .timetable-col {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }