/* TOP NAVIGATION */

#level1navbar {background-color:#f7f7f5;} /* level1 nav row colour */

#level2navbar,#logobar {background-color:#f7f7f5;} /* level2 nav row colour */




/* GENERAL */

body {	
font-family: Arial, Helvetica, sans-serif;
color:#444;}

a{outline:none;}

p{margin:8px 0;}

.float-left{
float:left;}

h1.support_logo a{
	display:block;
	margin:20px 0 20px 15px;
	width:221px;
	height:44px;
	background:url('/support/images/support_tate_logo.gif') no-repeat;
}

.hide{margin:-1000px;}

#content{
	line-height:18px;
	float:left;
	border-left:1px solid #e2e2e2;
	margin:10px 0 0 0px;
	padding:0 0 0 20px;
	font-size:.75em;
	width:550px;
	overflow:hidden;
}	

#content p{width:410px; margin:13px 0;}

#content p a, #content .list a, #content form a, #content ul li a{color:#0293d8; text-decoration:underline;}

#content p a:hover, #content .list a:hover, #content form a:hover, #content ul li a:hover{text-decoration:none;}

#content ul.home_option_list li a{text-decoration:none;}

.wide #content{
	padding:0px;
	border-left:none;
	width:750px;
}

.wide #content p{width: auto;}

h2 {
/*font-size:1.6em;*/
font-size:18px;
font-weight:normal;}

#content  h3 {
/*font-size:1.4em;*/
font-size:14px;
font-weight:normal;}

#content  h4 {
/*font-size:1.2em;*/
font-weight:normal;}


.description{color:#08afff;}

#content p a.link_button{
	font-size:.9em;
	display:block;
	padding:0 0 0 21px;
	width:107px;
	height:19px;
	background:url('/support/images/blue_button_w_arrow.gif') no-repeat;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#content p a.link_button_wide{
	font-size:.9em;
	display:block;
	padding:0 0 0 21px;
	width:209px;
	height:19px;
	background:url('../images/blue_button_wide.gif') no-repeat;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#content p a.link_button_wide_home{
	font-size:.9em;
	display:block;
	padding:0 0 0 21px;
	width:145px;
	height:19px;
	background:url('../images/blue_button_wide.gif') no-repeat;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}


#content p a.link_button:hover, #content p  a.link_button_wide:hover{
	text-decoration: underline;	
}

.left_img{
	float:left;
	margin-right:10px;
}




/* SUPPORT NAVIGATION  */

/* main support nav */

ul.support_nav{
	font-size:.75em;
	overflow:auto;
	margin:10px 0 0 9px;
	padding:0;
	list-style:none;
}

ul.support_nav li{
text-align:center;
float:left;}

ul.support_nav li a{
	border-top:3px solid #fff;
	padding:5px 9px 0 9px;
	border-right:1px solid #e2e2e2;	
}

ul.support_nav li a:hover{border-top:3px solid #bbb;}

ul.support_nav li.support_home a, ul.support_nav li.home a{width:107px;}

ul.support_nav li.areas a{width:96px;}

ul.support_nav li.patrons a{width:48px;}

ul.support_nav li.members a{width:53px;}

ul.support_nav li.corporate a{width:152px;}

ul.support_nav li.donate a{width:68px;}

/*Removed below code to display active top border correctly*/

/*.areas ul.support_nav li.areas a, .patrons ul.support_nav li.patrons a, .members ul.support_nav li.members a, .corporate ul.support_nav li.corporate a, .donate ul.support_nav li.donate a*/

ul.support_nav li.selected a, .wide ul.support_nav li.home a{
border-top:3px solid #333;}

ul.support_nav li.donate a{border-right:none;}

ul.support_nav li a{
	height:37px;
	color:#636363;
	display:block;
}

/*Added below code to display active link hoverstate without gray border showing up below the black border*/
ul.support_nav li a:hover{
	text-decoration:none;
}

/* subnav */

.support_subnav{
    clear:left;
	margin:25px 0 0 0;
	font-size:0.75em;
	float:left;
	width:190px;
}

ul.support_sidenav, ul.support_sidenav ul{
	list-style:none;
	margin:0;
	padding:0;
}

ul.support_sidenav a{
    border-left:8px solid #08afff;
	color:#636363;
	text-decoration:none;
	padding: 3px 0 3px 11px;
	display:block;	
	width:171px;
}

ul.support_sidenav ul a{
	padding:3px 2px 3px 25px;
	width:155px;
}
ul.support_sidenav ul ul a{
	padding:3px 2px 3px 39px;
	width:141px;
}
ul.support_sidenav ul ul ul a{
	padding:3px 2px 3px 53px;
	width:127px;
}

ul.support_sidenav a:hover{	
	border-left:8px solid #08afff;
	text-decoration:none;
}

ul.support_sidenav li{
    width:190px;
    float:left;
	margin:0;
	padding:0;
}

ul.support_sidenav li a{
	border-left:8px solid #fff;
	border-bottom:1px solid #e2e2e2;
}

/* add other options here */
ul.support_sidenav a.selected, ul.support_sidenav a.selected:hover{
	border-left:8px solid #333;
	width:171px;
}

ul.support_sidenav ul a.selected, ul.support_sidenav ul a.selected:hover{
	width:155px;
}

ul.support_sidenav ul ul a.selected, ul.support_sidenav ul ul a.selected:hover{
	width:141px;
}

ul.support_sidenav ul ul ul a.selected, ul.support_sidenav ul ul ul a.selected:hover{
	width:127px;
}


/* Donate links */

.ways_to_donate{   
	display:block;		
	border-top:1px solid #e2e2e2;
	margin:30px 0 0 5px;
	width:185px;
}

.ways_to_donate h3{
	font-size:.9em;
	color:#444444;		
	margin:5px 0 5px 15px;
}

ul.donations_nav {
list-style:none;
 font-size:.9em;	
    overflow:auto;
	margin:0;
	padding:2px 0;
	border-top:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
}

ul.donations_nav li{    
    border:none;	}

ul.donations_nav li a{
    color:#636363;
	border:none;
    background:url('../images/small_blue_arrow.jpg') 0% 50% no-repeat;
	padding:2px 0 2px 19px;   
	width:145px;
    display:block;
	margin:0 0 0 19px;	
}

ul.donations_nav li a:hover{
	color:#08afff;
	border:none;
}





/* AREAS TO SUPPORT inc Home Page */

/* home top information */

.support_intro{
	margin-left:10px;
	border-right:1px solid #e2e2e2;
	width:520px;
	padding:10px 20px 10px 10px;
	float:left;
	display:inline;
}

.support_ways{
	margin:0 0 0 0;
	width:150px;
	padding:10px 0 10px 20px;
	float:left;
	display:inline;
}


/* home 3 lower boxes */

.support_home_options{margin:5px 0 0 10px;}

.support_home_option{
	margin:0 0 0 0;
	float:left;
	display:block;
	padding:26px 4px 4px 4px;
	/*padding:21px 3px 3px 3px;
	border:1px solid green;*/
	width:238px;
	height:350px;
	background:url('../images/large_box.gif') no-repeat;
}

.option_title{
	width:200px;
	margin:0 0 0 22px;
}

.option_title h2{
	margin:10px 0 0 0;
}

.option_title h2 a{
	color: #000;
	text-decoration:none;
}

.option_title h2 a:hover{
	text-decoration:underline;
}

.option_title p{
	font-weight:bold;
	margin-top:0px;
}


ul.home_option_list{
	margin:10px 0 0 12px;
	padding:0;
	list-style:none;
}

ul.home_option_list li{
	background:url('../images/arrow.gif') 0 50% no-repeat;
	margin:2px 0;
	padding:0 0 0 22px;
}

ul.home_option_list li a{
	width:195px;
	display:block;
	padding:0 0 1px 0;
	border-bottom:1px solid #e2e2e2;
	color:#666;
}

ul.home_option_list li a:hover{
	border-bottom:1px solid #bbb;
	text-decoration:none;
}

 
 
 
/* SLIDE SHOW  

.slideshow{
    margin: 20px 0;
	width:541px;
	height:461px;
	display:block;
	padding:4px;
	background:url('../images/slideshow_box.gif') no-repeat;
}

.slideshow_title{
    width: 445px;
	float:left;
	font-weight:bold;
	margin:16px 0 0 10px;}

.slideshow_nav{
	margin:10px 10px 10px 0;
	float:right;
}

a#prev{
	margin:0 5px 0 0;
	float:left;
	display:inline;
	display:block;
	width:26px;
	height:26px;
	background:url('../images/grey_circle_arrow_left.gif') no-repeat;}

a#next{
	float:left;
	display:inline;
	display:block;
	width:26px;
	height:26px;
	background:url('../images/grey_circle_arrow_right.gif') no-repeat;}

a#prev:hover,a#next:hover{
	filter:alpha(opacity=50);   
	-moz-opacity: .5;   
	opacity: .5;
}

.pics { 
	text-align: center;
	background:#a8acaf; 
	clear:both;  
	height: 300px; 
	width: 540px; 
	padding:0; 
	margin:10px 0 0 0; 
	overflow: hidden; 
	position:relative;
}

.pics img{
	margin:0 auto;
}

.slideshow_info{	
font-size:10px;
	margin:10px 10px 0 10px;
}
*/



/* NEW SLIDE SHOW */

.tateslideshow{
    margin: 20px 0 0 0;
	width:541px;	
	display:block;
	padding:14px 4px 4px 4px;
	background:url('../images/slideshow_box.gif') no-repeat;}
	
#content .tateslideshow h3{
	margin:3px 0 0 10px; }	

.tateslideshow ul.tateslideshowimglist{		
    overflow:auto;
	width: 540px; 
	padding:0; 
	margin:16px 0 0 0;}
	
#tateslideshowimgholder{
	text-align:center;
	background:#a8acaf;}
	
#tateslideshowimgholder img{
	margin:0px auto 0 auto;
	display:block;
	clear:both;}
	
#tateslideshowcredit{   
	width:520px;
	margin:0;
	padding:12px 0 0 10px;}

.tateslideshow_bottom{    
	width:550px;	
	margin:0 0 20px 0;
	height:26px;
	background:url('../images/slideshow_box_lower.gif') no-repeat;}	

.tateslideshow .slideshow_nav{
    margin:0 12px 0 0;
	float:right;}

.tateslideshow .slideshow_nav a {    
	text-decoration:none;   
	float:left;
	display:inline; 
	display:block;
	color:#000;
	width:26px;
	height:26px;}

.tateslideshow .slideshow_nav  a#prev{
	margin:0 7px 0 0;		
	background:url('../images/grey_circle_arrow_left.gif') no-repeat;}

.tateslideshow .slideshow_nav  a#next{	
	background:url('../images/grey_circle_arrow_right.gif') no-repeat;}

.tateslideshow .slideshow_nav a:hover {
	filter:alpha(opacity=50);   
	-moz-opacity: .5;   
	opacity: .5;}

.tateslideshow .slideshow_nav a#prev span, .tateslideshow .slideshow_nav a#next span{
		display:none;}




/* HIDE + SHOW */

.show_hide_top{
	float:left;
	height:15px;
	width:460px;
	background:url('../images/table_top.gif') no-repeat;
}

.show_hide_title{
	width:460px;
	background:url('../images/table_mid.gif') repeat-y;
	padding:0 0 5px 15px;
}

.show_hide_title h3{margin:0 0 0 12px;}

.show_hide_content{
	width:460px;
	background:url('../images/table_mid.gif') repeat-y;
}

.show_hide_bottom{
	float:left;
	height:15px;
	width:460px;
	background:url('../images/table_bottom.gif') no-repeat;
}

.show_hide_bottom .line{
	width:452px;
	margin:0 0 0 4px;
	border-top:1px solid #e2e2e2;
}

.onDiv, .offDiv{
	margin:0 0 0 4px;
	float:left;
	border-top:1px solid #e2e2e2;
	width:444px;
	padding:4px 5px 0 5px;
	clear:both;
}

a.showLink, a.hideLink{
	float:left; 
	margin:6px 4px 0 4px;
	padding: 0 2px;
}

.list_title{
	color:#08afff;
	text-decoration:underline;
	/*font-weight:bold;*/
	font-size:1.1em;
	margin:0 12px 0 46px;
	padding:12px 0 0 0;
	height:30px;
	cursor:pointer;
}

.offDiv:hover .list_title{
	text-decoration:none;
    /*filter:alpha(opacity=50);   
	-moz-opacity: .5;   
	opacity: .5;*/
}

.onDiv .showLink{display:none;}

.offDiv .hideLink{display:none;}

.show-hide{padding:0 0 0 46px; }

#content .show-hide p{ 
	width:390px; 
	margin:11px 0;}


/*------- These links are shown with JS, hidden if JS is off ------ */
a.showLink, a.hideLink{display:none;}

.showLink{
	clear:both;
	display:block;
	width:26px;
	height:26px;
	background:url('../images/grey_circle_arrow_right.gif') no-repeat;
}

.hideLink{
	clear:both;
	display:block;
	width:26px;
	height:26px;
	background:url('../images/light_circle_arrow_down.gif') no-repeat;
}

/* SMALL BOXES - 3 WIDE */

.small_option_wrapper{margin:20px 0 0 0;}

a.small_option{
	float:left;
	display:inline;
	margin:0 7px 7px 0;
	padding:4px;
	display:block;
	width:168px;
	height:168px;
	background:url('../images/small_box.gif') no-repeat;
}

a.small_option{color:#333;}

a.small_option:hover{
	color: #888;
	text-decoration:none;
}

.small_option_title{
line-height:1.2em;
	font-size:1.2em;
	display:block;
	font-weight:bold;
	width:112px;
	margin:13px 0 0 45px;
	height:53px;
}

/*.small_option_strapline{
	padding:0 0 4px 0;
	width:112px;
	display:block;
	margin:0 0 0 45px;
}*/

.small_option_img{
	cursor:pointer;
	display:block;
	width:166px;
	height:92px;
	background:#a8acaf;
	overflow:hidden;
}





/* MEDIUM BOXES - 2 WIDE */

.med_option_wrapper{
	clear:left;
	margin:20px 0 0 0;
}

a.med_option{
	float:left;
	display:inline;
	margin:0 7px 7px 0;
	padding:4px;
	display:block;
	width:259px;
	height:220px;
	background:url('../images/med_box.gif') no-repeat;
}

a.med_option{color:#333;}

a.med_option:hover{
	color: #888;
	text-decoration:none;
}

.med_option_title{
	line-height:1.2em;
	font-size:1.2em;
	display:block;
	font-weight:bold;
	width:112px;
	margin:13px 0 0 45px;
	height:53px;
}

.med_option_title_wide{
	font-size:1.2em;
	display:block;
	font-weight:bold;
	width:206px;
	margin:13px 0 0 45px;
	height:53px;
}

/*.med_option_strapline{
	padding:0 0 4px 0;
	width:112px;
	display:block;
	margin:0 0 0 45px;
}

.med_option_strapline_wide{
	height:54px;
	padding:0 0 4px 0;
	width:160px;
	display:block;
	margin:0 0 0 45px;
}*/

.med_option_img{
	cursor:pointer;
	display:block;
	width:259px;
	height:145px;
	background:#a8acaf;
	overflow:hidden;
}

.med_option_img_short{
	cursor:pointer;
	display:block;
	width:259px;
	height:128px;
	background:#a8acaf;
}





/* LISTS */

.list{
	margin:20px 0;}

ul.support_list{
	width:410px;
	margin:10px 0 0 0;
	padding:0;
}

ul.support_list li{
	background:url('../images/list_back.gif') 0 9px no-repeat;
	margin:5px 0;
	padding:0 0 0 30px;
	list-style:none;
}

ul.arrow_list{
	width:410px;
	margin:6px 0 0 0;
	padding:0;
}

ul.arrow_list li{	
	height:22px;
	background:url('../images/grey_circle_arrow_right.gif') 0 9px no-repeat;
	margin:5px 0;
	padding:14px 0 0 70px;
	list-style:none;
}

ul.arrow_list li .patrons{
	float:left;
	width:144px;	
}




/* KNOW MORE */

#content .know_more h2{margin-bottom:10px;}

#content .know_more p{width:280px;}




/* FOOTER */

.footer{clear:both;}



/* DONATION FORM */

.details{
	width:358px;
	float:left;
	display:inline;}
	
.donate #content form .details  p{	
	width:358px;}


input, select{
	margin:0 0 10px 0;}

.details select{
	height:20px;
	width:264px;
	font-size:.9em;}

input.textinput{
	border:1px solid #ccc;	
	width:260px;	
	float:left;	
}

#cboCountry{
	border:1px solid #ccc;		
	float:left;}

input.short{
	border:1px solid #ccc;
	width:80px;
}

.textinputlabel{	
	float:left;
	clear:both;
	width:94px;
	margin:0 0 8px 0;
}

.note{
	margin:0 0 0 6px; 
	float:left;}


input.radio{
	clear:left;	
	float:left;
	display:inline;
	margin:5px 7px 0 0;	
}

.column1{
	width:260px;
	float:left;}

.column2{
	width:230px;
	float:left;}
	
.acknowledge{
	padding:0 0 20px 0;}

.column1 label, .column2 label, .donate_amount label, .acknowledge label, .informed label{
	margin:5px 7px 0 0;
	float:left;
	display:inline;
	width:180px;	
	}


.donate_amount label, .acknowledge label, .informed label{
	width:500px;}

label.otheramount{
    margin:5px 0 0 0;	
	float:left;
	display:inline;
	width:90px;	}
	
label.otheramount input{
    float:left;
	display:inline;}	

.title_wrap{	
	float:left;
	display:block;
	width:100%;
	padding:0 0 1px 0;
	border-bottom:1px solid #ccc;
	margin: 20px 0 10px 0;}


input.submitbutton{
    margin: 10px 0;    
	border:0;
	font-size:.9em;
	display:block;
	padding:1px 16px 1 21px;
	width:136px;
	height:19px;
	background:url('../images/blue_button_w_arrow.gif') no-repeat;
	font-weight:bold;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer; 
}

.gift_aid{
	margin:12px 0;}

.acknowledge{
	padding:0 0 12px 0;}

.gift_aid_box{
	float:left;}
	
.gift_aid_box a{
	margin:0 0 0 51px;}	

.gift_aid_logo{
    margin:14px 0 0 11px;
	float:left;}
	
.tax_box{
	margin:3px 0 0 0;
	height:90px;
	float:left;
	width:24px;}

.tax_info{
	height:90px;
	float:left;
	width:400px;}	

.payment label{	
	float:left;
	width:100px;}

.payment input{
    float:left;}	

.tax_gift{
	margin:20px 0 0 0;
	padding:0 0 15px 0;}
	
.preference{
    padding:0 0 5px 0;}	

.donate form{
	line-height:21px;}
	
.donate .privacy{
	width:550px;
	margin:17px 0 0 0;}	
	



/* gift aid show/hide */

.donate .show-hide{
	margin:0px;
	width:390px;
	padding:0 10px 0 0 ;}
	
.donate .list_title{ 	
	font-size:1.1em;
	margin:0 12px 0 0;
	padding:5px 0 0 0;	
	cursor:pointer;	
	display:block;
	height:27px;
}

.donate .show-hide p{
	margin:0px;
	width:380px;
	padding:0 0 10px 0 ;}	

.donate a.showLink,.donate  a.hideLink{
	float:left; 	
	margin:0 7px 0 4px;
	padding: 0 2px;
}

.donate .show_hide_top{	
	height:14px;
	width:424px;
	background:url('../images/donations/gift_top.jpg') no-repeat;
}

.donate .show_hide_content{
	width:424px;
	background:url('../images/donations/gift_mid.jpg') repeat-y;
}

.donate .show_hide_bottom{	
	height:13px;
	width:424px;
	background:url('../images/donations/gift_bottom.jpg') no-repeat;
}

.donate .onDiv, .donate .offDiv{	
	border-top:none;
	width:390px;	
}

.donate #content .show_hide_content .onDiv  p, .donate #content .show_hide_content .offDiv p{
	margin:8px 0 0 8px;
	width:392px;}


/* login box */
#content #loginbox{ 	
	float:right;	
	display:inline;
	width: 150px;	
	height:255px;
	padding: 11px 15px 9px 14px;
	
	background:url('../images/donations/login_back.gif') no-repeat;	
	margin:0;
}

.loginbox_header{	
	margin:3px 0 0 30px;
	width:130px;}

#loginbox form{
	width: 150px;
	margin:5px 0 0 0;}

#loginbox .loginbox_header h3, #loginbox .loginbox_header p{	
	width: 130px;}
	
#loginbox form p,#loginbox form label{
	width: 150px;}

#loginbox form input.submitbutton{   
    cursor:pointer; 
	margin:6px 0 0 0;}

#loginbox .textinput{   
    width: 150px;
	float:none;}
	
#loginbox .textinputlabel{
	margin:0 0 0 0;}

.thankyou_info{
height:400px;}





@media screen{
	.hidden{visibility:hidden}
}

/*------- PRINT STYLES START HERE ------ */
@media print {
	#sponsorbar{width:98%}
	#firstcol,.allrep, #thirdcol,#footer{display:none;}
	#navtabs,#report2007subheader{width:98%}
	#rightcols{
		clear:both;
		margin-left:0px;
		padding:0px 0px 0px 0px;
		background-image:none;
		width:100%;
		float:none;
	}
	#secondcol{float:none;width:80%;clear:both;}
	#thirdcol{float:none;clear:both;}
}