/* ===================================================
CSS for ASTI Public website - v1.1

Author: 		Whitespace Design
Contact: 		north@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		03.05.09
=================================================== */

@import "resets.css"; 
@import "mainnav.css";
@import "layout.css";
@import "text.css";    /* text styles for public and team */ 

/****************** public specific content ******************/     

#col2 p.posted,
#col2 p.date {clear: both;}
	
#news #col2 ul.years h2 {padding: 0; margin-bottom: 10px;}
#col2 ul.years ul {padding: 0 0 3em 0;}
#col2 ul.years ul li {
	width: 40px;
	text-align: center;
	float: left;
	font-size: 1.133em;
	color: #CCC;
	}

#col2 ul.years,
#col2 ul.years ul {
	list-style: none;
	}   
#col2 div.thumb {padding: 0 10px 1.5em 10px;}

div.story-section {float: left;}

div.image {
	float: left;
	margin: 0px 10px 10px 10px;
	display: inline;    /* fix for double float margin in IE */
	}  

div.med {width: 230px;} 

span.image {
	display: block;
	float: left;
	margin: 0px 10px 0 0px; 
	} 
	
	.listing span.image {
		margin-left: 10px;
	}
	
small {color: #666;float: left;line-height: 1;}
span.medium, span.medium small { width: 230px;}
span.small, span.small small { width: 150px;}
 
.donate #col2 form {        /* bottom margin for donate form buttons inserted via cms */
	font-size:1em;
	line-height:1.5em;
	margin:0 10px 1.5em; 
	cursor: pointer; 
}
#donate {
	border-bottom: 10px solid #D5DBD7;
	height:65px;
	padding: 10px; 
	}
	 
#donate a {
	display: block;
	width: 170px;
	height: 45px;  
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	text-transform: uppercase;
	color: #FFF;
	background: #F69B9E url(../graphics/donate.gif) repeat-x 0 0;   
	}  
	
#donate a:hover {background-image: none;}  

#volunteer {
	width: 170px;
    padding: 10px;
	height: 153px;
	background: #FFF url(../graphics/volunteer_bg.jpg) no-repeat 10px 10px;
	border-bottom: 10px solid #D5DBD7;
	}
	
#volunteer a {
	display: block;
	width: 170px;
	height: 133px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: transparent url(../graphics/volunteer_a.gif) no-repeat 0 0;
	}
#volunteer a:hover {
	background: none;
	}
#volunteer a span {
	padding-left: 40px;
	}

#survivor {
	width: 170px;
	padding: 10px;
	height: 153px;
	background: #FFF url(../graphics/survivor_bg.jpg) no-repeat 10px 10px;
	border-bottom: 10px solid #D5DBD7;
	}
#survivor a {
	display: block;
	width: 170px;
	height: 133px;
	padding-top: 20px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	background: transparent url(../graphics/survivor_a.gif) no-repeat 0 0;
	}
#survivor a:hover {
	background: none;
	}
#survivor a span {
	padding-left: 40px;
	}

#newsletter {
	padding: 10px;
	float: left;  
	}
	
	#newsletter h3 {
		padding-left: 0px;
		font-size: 1.083em;
	}
		
#RSS ul { 
	float: left; 
	padding: 10px;
}    

	#RSS ul li a { 
		display: block; 
		height: 1.6em;
		padding-left: 20px;   
		background: transparent url(../graphics/rss_icon.png) no-repeat 0 0;  
		color: #333333;  
	}
	#RSS ul li a:hover { 
		color: #FF7417;
	}    
	
#col2 p.pagination {
	font-size: 1.2em;
	font-weight: bold;
	}
#col2 p.pagination a {
	padding: 3px 7px;
	color: #333;
	}
	


/****************** sub navs ******************/
	
#col2 ul.countriesNav {
	width: 483px;  
	list-style: none;
	list-style: none;
	}
#col2 .countriesNav li {
	
	}
#col2 ul.countriesNav a {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
	color: #666;  
	border: none; 
	background: none;   
	padding: none;
	}

#col2 ul.nav_categories {
	width: 498px;
	float: left;
	margin-bottom: 12px;
	background: #B1BBB4;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 0px;
    list-style: none;
	}
#col2 ul.nav_categories li {
	float: left;
	}
#col2 ul.nav_categories a {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
	display: block;
	padding: 4px 8px;
	border-right: 1px solid #FFF; 
	border: none;
	background-color: #B1BBB4;
	}
#col2 ul.nav_categories a:hover ,
#col2 ul.nav_categories a.cur {
	color: #BCC4BF;
	background: #FFF;
	}

/****************** footer content ******************/

#footer h2 {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 10px 0 .33em 10px;
	color: #CCC;
	}
	
#footer form {
	width: 270px;
	margin: 0 10px;
	}
#footer form input {
	width: 200px;
	border: 0;
	background: #CCC;
	padding: 2px;
	margin-bottom: 5px;	
	}
#footer form input.submit {
	width: auto;
	background: #000 url(../graphics/submit.gif) no-repeat right 2px;
	color: #CCC;
	float: right;
	margin-right: 70px;
	padding-right: 10px;
	}
#footer form input.submit:hover {
	color: #FFF;
	background-position: right -84px;
	}

#footer .footerCol {
	float: left;
	width: 220px;
	margin-right: 10px;
	}
#footer #footerCol1 {margin-top: 10px;}
#footer div#footerCol2 {
	width: 530px;
	margin-right: 0;
	margin-left: 70px;
	}
	
#footer div#footerCol2 blockquote {
	width: 530px;
	padding: 37px 0 0 0;
	color:#AC898A;
	font-size: 1.66em;
	text-align: right;
	}
#footer div#footerCol2 p {
	margin-top: 0;
	color: #CCC; 
	float: right;
	}
	#footer div#footerCol2 p a {
		float: none;
		color: #F69B9E;
		text-decoration: none;
		margin-right: 14px;
		padding-right: 6px;
		background: #000 url(../graphics/submit_quote.gif) no-repeat right 2px;
		}
		#footer div#footerCol2 p a:hover {
			color: #FFF;
			background-position: right -41px;
			} 
	
#footerLogos {
	float: left;
	margin: 40px 10px 0 0;
	width: 890px;
	text-align: right;
	position: relative;
	}
	#footerLogos img {
		margin: 0 2px 2px 2px;
		} 
#footerLogos p {
	position: absolute;
	bottom: 4px;
	left: 10px;
	color: #666;
	font-size: .9em;
	margin-top: 10px;
	}	   
	#footerLogos p a {
		color: #CCC;
		text-decoration: underline;
		} 
		#footerLogos p a:hover {
			color: #FFF;
			text-decoration: none;
			}    
	
#credit {
	width: 900px;
	margin: 2px auto 40px auto;
	font-size: .8em;
	color: #666;
	}
#credit p {padding-left: 10px;}
#credit a {color: #666;}
	#credit a:hover {color: #000;}

#resources #footer {
	height: 35px;
}

/****************** search form ******************/

#col1 form {
	width: 190px;
	margin: 15px 0; 
	float: left;
	}

#col1 form#trclogin {
	border-bottom: 10px solid #D5DBD7; 
	padding-bottom: 20px;
	margin-bottom: 0px;    
}
#col1 form#trclogin p {
	margin-bottom: 10px;
}
#col1 form label {
	width: 170px;
	padding: 0 0 0 10px;
	color: #333;
	font-size:1.2em;
	}
	#col1 form#trclogin label {
		font-size: 1em; 
		width: 50px;
		display: block;
		float: left;
	}      
	
#col1 form input,
#newsletter form input {
	width: 164px;
	padding: 2px;
	margin: 0 0 0 10px;
	background: #E1E8E7;
	border: 1px solid #C1D1CE;
	}
	
	#col1 form#trclogin input {
		width: 104px;
	} 
	#newsletter form input {    
		margin-left: 0px;
	}
	
#col1 form input.submit,
#newsletter form input.submit {
	width: auto;
	padding: 2px;
	margin: 5px 10px 0 0;
	float: right;
	background: #89A39E;
	border: 0;
	color: #FFF;
	}
	
	#newsletter form input.submit {
		margin-right: 0px;
	}
     
	#col1 form#trclogin input.submit {
		width: auto;
	}  
	
	#col1 form#trclogin p.forgot {
		float: left;
		width: 170px;
		text-align: right;
		margin: 10px 10px 0px 10px;
	}

/****************** comments form ******************/

#comments {
	border-top: 1px solid #D5DBD7; 
	float: left;  
	padding-top: 12px; 
	}

form#comment_form {
	padding: 0px 0 20px 0px;
	}       
	
form#comment_form label {
	display: block;
	width: 100px;
	float: left; 
	clear: left;
	}  

form#comment_form p {padding-bottom: 10px;}

p span.required {color: #FF0000 ;}

form#comment_form p.checkbox label,
form#comment_form p#captcha label { 
	width: 400px;
	float: none;
	}

form#comment_form input,
form#comment_form textarea {
	font-family: helvetica, arial, sans-serif;
	font-size:0.917em;
	line-height: 1.636em;
	padding: 2px; 
	border: 1px solid #AC898A;  
	}
	
form#comment_form p.checkbox input {
	width: 1em;    
	border: none; 
	} 

form#comment_form p#captcha input,
form#comment_form p.checkbox,
form#comment_form p input.submit  {
	margin-left: 100px;	 
	}                      

form#comment_form input,
form#comment_form textarea {
	width: 300px;
	}

form#comment_form input.submit {
	width: 140px;
	font-family: helvetica, arial, sans-serif;
	cursor: pointer;
	font-size:1em;  
	border: 2px solid #AC898A;   
	background: #AC898A;  
	color: #fff; 
	}
   
form#comment_form input.submit:hover {
	background: #fff;  
	color: #AC898A;
	}