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

Bristol Childrens Help Society

Version: 	1 (24th march 2007)	
Author:  	Daniel James
Email:		dan@dljwebdesign.co.uk
website:	http://www.dljwebdesign.co.uk 

------------------------------------------------ */
/* General
------------------------------------------------ */

*
{
margin:0;
padding:0;
}

body
{
background:#F8FA76 url(../images/top_back.gif) repeat-x top;
text-align:center;
}

.container
{
width:750px;
margin:0 auto;
}

/* Typography
------------------------------------------------ */

h1
{
padding:0px 10px 0px 38px;
text-align:left;
font:2em Arial, Helvetica, sans-serif;
text-indent:-9000px;
color:#FFF;
font-weight:bold;
}

h2
{
text-align:left;
float:left;
padding:0px 10px 3px 40px;
font:1.1em Arial, Helvetica, sans-serif;
text-indent:-9000px;
color:#FFFF00;
}

h3
{
font:1.7em Tahome, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
}

span
{
font:1.5em Verdana, Arial, Helvetica, sans-serif;
color:#FFFF00;
}

h4
{
font:1.8em Tahoma, Arial, Verdana, sans-serif;
color:#FF9900;
text-align:left;
font-weight:lighter;
}

h5
{
padding:15px 20px 15px 20px;
font:1em Tahoma, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
font-weight:lighter;
line-height:1.5em;
}

h6
{
padding:10px;
margin:10px 130px 10px 130px;
font:1em Tahoma, Arial, Verdana, sans-serif;
color:#FF9900;
text-align:left;
font-weight:lighter;
border:1px solid #333;
background:url(../images/quote_back.jpg) repeat-x;
}

#bright_quotes h6
{
padding:14px;
margin:0px 25px 10px 325px;
font:1em Tahoma, Arial, Verdana, sans-serif;
color:#00FFFF;
text-align:left;
font-weight:lighter;
border:1px solid #333;
background:url(../images/quote_back.jpg) repeat-x;
}

#main_text p
{
font:0.9em Tahoma, Arial, Helvetica, sans-serif;
text-align:left;
padding:20px 20px 0px 20px;
color:#FFF;
line-height:1.5em;
}


blockquote
{
font:1em Tahoma, Arial, Helvetica, sans-serif;
color:#FF9900;
text-align:left;
font-weight:lighter;
margin-bottom:20px;
padding:15px 10px 15px 10px;
border:1px solid #333;
background:url(../images/quote_back.jpg) repeat-x;
}




/* Links
------------------------------------------------ */

a#donate
{
font:1.4em Tahoma, Arial, Helvetica, sans-serif;
color:#FFFF00;
text-align:center;
text-decoration:none;
}

a#donate:hover
{
color:#00CCFF;
}


/* Branding
------------------------------------------------ */

#header
{
background:url(../images/header_bg.gif) no-repeat top center;
height:336px;
}

#headerfull
{
background:url(../images/headerfull_bg.gif) no-repeat top center;
height:200px;
}


/* Main content
------------------------------------------------ */

#main_content
{
background:url(../images/main_bg.gif) repeat-y top center;
height:572px;
}

#main_contentf
{
background: url(../images/main_bg.gif) repeat-y top center;
}

#main_contentfull
{
margin-top:30px;
margin-left:45px;
float:left;
display:inline;
width:400px;
}

#main_contentfull h5
{
border-bottom:1px solid #333;
}

#main_contentfull h5.manage_small
{
font-size: 0.9em;
}

#main_contentfull h5.manage_big
{
font-size: 1em;
color: #00FFFF;
}

#main_content img
{
float:left;
display:inline;
margin-left:2px;
margin-right:2px;
margin-top:1px;
padding:2px;
background:#333;
border:1px solid #666;
}

#main_images
{
float:left;
display:inline;
margin-left:55px;
margin-right:10px;
margin-bottom:40px;
height:108px;
padding:5px;
}

#need_img
{
margin-top:35px;
}

#about_images
{
margin-top:20px;
}

.aim h5
{
border-bottom:1px solid #333;
}

#tree
{
background:url(../images/tree.gif) no-repeat top center; 
height:200px;
}

#main_text
{
padding:0px 10px 0px 10px;
}

#margin_text
{
float:left;
text-align:left;
padding-bottom:30px;
width:400px;
}


#margin_text p
{
line-height:1.5em;
color:#FFF;
}

#main_text img
{
float:left;
padding:4px;
border:1px solid #666;
background:#333;
}

img#result_img
{
margin-left:20px;
}

img.about
{
margin:5px 0px 5px 10px;
}

#margin_text p
{
width:350px;
}

#help_section_submit
{
margin-top:30px;
width:320px;
float:left;
display:inline;
}

#help_section_submit h3
{
margin:50px 0px 0px 20px;
padding:0;
text-align:left;
color:#FF9933;
}

#help_section h3
{
margin:10px 0px 0px 20px;
padding:0;
text-align:left;
color:#FF9933;
}

#help_section h4
{

}

#help_section h5
{
padding:10px 20px 10px 20px;
font:1em Tahoma, Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
line-height:1.5em;
font-weight:lighter;
}

#future_img
{
margin-left:45px;
}

#future_img img
{
margin-right:20px
}

#future h6
{
padding:10px;
margin:10px 130px 10px 130px;
font:1em Tahoma, Arial, Verdana, sans-serif;
color:#00FFFF;
text-align:left;
font-weight:lighter;
border:1px solid #333;
background:url(../images/quote_back.gif) repeat-x top;
}

/*------- facilities gallery ---------*/

#wrapper 
{
width: 400px;
margin-top:10px;
}

#portfolioImage 
{
float: left;
width: 390px;
}

.separator 
{
width:400px;
clear: both;
height: 1px;
border-bottom: 1px solid #333;
}

.separatorInvisible 
{
clear: both;
height: 1px;
}
		
#thumbnails
{
width:400px;
}

#thumbnails div 
{
float: left;
display:inline;
margin:5px 3px 3px 1px;
}

#thumbnails .separatorInvisible 
{
float: none;
height: 1px;
}

/* ---------- fonts ---------- */


#wrapper p
{
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFFF00;
}

#thumbnails div p 
{
margin-bottom: 0;
text-align: center;
}

#caption 
{
color:
#FFF;
}

/* ---------- links ---------- */

a 
{
color: #FFFF00;
text-decoration:none;
}
		
a:hover, #thumbnails div a:hover 
{
color:#00CCFF;
}

/* ---------- images ---------- */


#portfolioImage img 
{
padding:4px;
background:#333;
border: 1px solid #666;
margin-bottom: 8px;
}

#thumbnails div img 
{
padding:2px;
background:#333;
border: 1px solid #666;
}

#thumbnails div a:hover img 
{
border-color:#FFFF00;
}


/*-------- gallery end -------*/

/*------- result quotes -------*/

.result_quote h2
{
margin:0;
padding:0;
}

.result_quote h3
{
padding:0;
text-align:left;
color:#FF9933;
}

.result_quote h5
{
font:0.8em Tahoma, Arial, Verdana, sans-serif;
font-weight:lighter;
text-align:left;
color:#00FFFF;
}

.result_quote p
{
margin:0px 60px 0px 60px;
}

#children
{
float:left;
width:350px;
}

#children h4
{
margin:10px 10px 10px 20px;
color:#FFFF00;
}

#teachers
{
float:left;
width:350px;
}

#teachers h4
{
margin:10px 10px 10px 20px;
color:#FFFF00;
}


.box1
{
margin:20px;
padding:10px;
width:300px;
background:url(../images/quote_back.jpg) repeat-x top;
border:1px solid #333;
}

.box2
{
margin:20px;
padding:10px;
width:300px;
background:url(../images/quote_back.jpg) repeat-x top;
border:1px solid #333;
}

.box3
{
margin:20px;
padding:10px;
width:300px;
background:url(../images/quote_back.gif) repeat-x top;
border:1px solid #333;
}

.box3 h5
{
color:#CCC;
}

/*------- donation section --------*/

#help_section
{
width:320px;
float:left;
display:inline;
}

#help_section h3
{
padding:5px 10px 5px 20px;
margin:0;
font:1em Tahoma, Arial, Verdana, sans-serif;
font-weight:lighter;
}

#help_section h4
{
padding:5px 10px 5px 20px;
margin:10px 10px 5px 20px;
font:0.9em Tahoma, Arial, Verdana, sans-serif;
color:#FFFF00;
font-weight:lighter;
line-height:1.5em;
background: url(../images/quote_back.gif) repeat-x top;
border:1px solid #333;
}

#help_section h5
{
padding:5px 10px 5px 20px;
margin:0;
font:0.9em Tahoma, Arial, Helvetica, sans-serif;
line-height:1.4em;
}

#donation_form h3
{
padding:5px 10px 5px 20px;
margin:0;
font:1em Tahoma, Arial, Verdana, sans-serif;
text-align:left;
font-weight:lighter;
color:#FF9933;
}

#donation_form h4
{
margin-left:20px;
margin-bottom:5px;
font:1.5em Tahoma, Arial, Verdana, sans-serif;
font-weight:bold;
color:#FFFF00;
}

#donation_form h5
{
padding:5px 10px 5px 20px;
margin:0;
font:0.9em Tahoma, Arial, Helvetica, sans-serif;
line-height:1.5em;
}

#donation_form span
{
font-weight:bold;
}

#donation_form
{
text-align:left;
margin-left:30px;
width:350px;
float:left;
display:inline;
}

fieldset
{
width:310px;
margin-left:20px;
padding:5px 5px 15px 5px;
border:1px solid #FFF;
background:#999999 url(../images/lock.gif) no-repeat center right;
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
}

#submit
{
margin:5px 10px 10px 20px;
padding:2px 0px 2px 0px;
width:60px;
}

#submit_final
{
float:left;
margin:10px 10px 30px 50px;
padding:2px 0px 2px 0px;
width:60px;
}

#submit_wrapper
{
clear:left;
margin-top:60px;
}

#tx_reply
{
padding-top:290px;
}


fieldset p
{
margin-top:2px;
}

input
{
margin-right:3px;
}

label
{
float:left;
width:10em;
margin-top:5px;
color:#FFF;
font-weight:bold;
}

#email
{
margin-bottom:20px;
}


/*------- barton bulletin -------*/


#bulletin_content
{
float:left;
display:inline;
width:530px;
margin-top:10px;
margin-left:20px;
border:1px solid #999;
padding-bottom:10px;
background:#FFF;
}

#bulletin_content p
{
text-align:left;
color:#000;
}

#bulletin_content h1
{
background: url(../images/bulletin.gif) no-repeat;
width:530px;
height:87px;
text-indent:-9000px;
padding:0;
margin:0;
color:#666;
border-bottom:1px groove #999;
}

img#sidepic
{
margin-left:15px;
margin-bottom:10px;
padding:1px;
border:1px solid #999;
}

img#mainpic
{
padding:2px;
float:left;
display:inline;
border:1px solid #999;
margin:10px 0px 10px 20px;
}

#column1
{
float:left;
display:inline;
width:189px;
}

#column1 h3
{
padding:0;
margin:10px 0px 0px 20px;
font:0.9em Verdana, Arial, Helvetica, sans-serif;
font-weight:bolder;
text-align:left;
color:#000;
}


#date
{
margin-bottom:20px;
}

#date p
{
font:1em Arial, Helvetica, sans-serif;
color:#FF0000;
}

#column2
{
float:left;
display:inline;
width:340px;
}

#column2 h3
{
padding:0;
margin:10px 0px 0px 20px;
font:1.5em Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#000;
}

#bulletin_articles
{
float:left;
display:inline;
width:170px;
margin-top:10px;
}

#bulletin_articles p
{
text-align:left;
}

#article_list ul
{
text-align:left;
margin-left:20px;
list-style-type:none;
}

#article_list a
{
font:0.7em Tahoma, Arial, Verdana, sans-serif;
}

/* Secondary content
------------------------------------------------ */

#secondary_content
{
margin-left:40px;
float:left;
display:inline;
width:230px;
}

#secondary_evidence
{
float:left;
display:inline;
width:230px;
margin:10px 0px 0px 20px;
padding-bottom:30px;
}

#secondary_evidence p
{
margin:5px 0;
padding:0;
text-align:left;
font:0.7em Tahoma, Arial, Helvetica, sans-serif;
}

#secondary_evidence h3
{
margin-bottom:20px;
padding:0;
text-align:left;
color:#FFF;
font:1.1em Tahoma, Arial, Helvetica, sans-serif;
}

#secondary_evidence h5
{
margin:20px 0;
padding:0;
text-align:left;
font:1.1em Tahoma, Arial, Helvetica, sans-serif;
}

#links
{
text-align:justify;
font:0.8em Tahoma, Arial, Verdana, sans-serif;
color:#FFF;
}

#links a
{
text-decoration:none;
color:#FFFF00
}

#links a:hover
{
color:#00CCFF;
}

#secondary_content ol
{
color:#FFF;
text-align:left;
}

#secondary_content ol li
{
list-style-type:none;
padding:10px 0px 10px 0px;
border-bottom:1px solid #333;
}

#secondary_content h6
{
padding:0;
margin:10px 0px 10px 0px;
}

/* Main nav
------------------------------------------------ */

ul#main_nav
{
width:750px;
padding:8px 0px 5px 0px;
margin-bottom:50px;
list-style-type:none;
float:left;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
}

ul#main_nav li
{
float:left;
}

ul#main_nav a
{
padding:3px 13px 2px 10px;
float:left;
color:#FFF;
text-decoration:underline;
}

ul#main_nav a:hover
{
color:#FFFF00;
}



/* Secondary nav
------------------------------------------------ */

ul#second_nav
{
border-top:1px solid #666;
width:730px;
padding-top:8px;
padding-left:4px;
list-style-type:none;
float:left;
font:0.7em Verdana, Arial, Helvetica, sans-serif;
}

ul#second_nav li
{
float:left;
}

ul#second_nav a
{
padding:3px 10px 2px 10px;
float:left;
color:#FFF;
text-decoration:underline;
}

ul#second_nav a:hover
{
color:#FFFF00;
}

ul#second_navbottom
{
width:730px;
padding-top:8px;
padding-left:1px;
list-style-type:none;
float:left;
font:0.6em Verdana, Arial, Helvetica, sans-serif;
}

ul#second_navbottom li
{
float:left;
}

ul#second_navbottom a
{
padding:3px 5px 2px 7px;
float:left;
color:#FFF;
text-decoration:none;
}

ul#second_navbottom a:hover
{
color:#FFFF00;
}

/* Sitemap
------------------------------------------------ */

ol.map
{
margin-top:10px;
text-align:left;
}

ol.map li
{
list-style-type:none;
padding:2px 0px 2px 30px;
}

ol.map a
{
font:0.7em Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#FFF;
}

ol.map a:hover
{
color:#00CCFF;
}

#maps h4
{
margin-top:20px;
border-bottom:none;
}


/* Footer
------------------------------------------------ */

#footer
{
padding-top:10px;
padding-bottom:10px;
clear:both;
background:url(../images/main_bg.gif) repeat-y top center;
height:70px;
color:#FFF;
}

#main_textfoot
{
padding:0px 10px 0px 10px;
}

#copy
{
float:left;
display:inline;
margin:10px 0px 10px 15px;
font:0.7em Arial, Helvetica, sans-serif;
color:#999999;
}

#design
{
float:right;
display:inline;
margin:10px 15px 10px 0px;
font:0.7em Arial, Helvetica, sans-serif;
color:#999999;
}

#design a
{
color:#999999;
}

#design a:hover
{
color:#FFFF00;
}


/* Extras added 29th Apr 2008 DJames
------------------------------------------------ */


h4.manage_head
{
font:1.6em Tahoma, Arial, Verdana, sans-serif;
color:#FFFF00;
text-align:left;
font-weight:lighter;
margin-left: 20px;
margin-top: 20px;
}

span.manage_color
{
font:1.2em Tahoma, Arial, Verdana, sans-serif;
color: #FF0000;
text-align:left;
font-weight:lighter;
margin-top: 20px;
}

ul#manage_list li {
	list-style-type: none;}

ul#manage_list h5 {
padding:15px 20px 0px 20px;
font:1em Tahoma, Arial, Helvetica, sans-serif;
color:#FF7700;
text-align:left;
font-weight:lighter;
line-height:1.3em;
border: none;}

ul#manage_list p {
padding:5px 20px 0px 20px;
font:1em Tahoma, Arial, Helvetica, sans-serif;
color:#CCC;
text-align:left;
font-weight:lighter;
line-height:1.3em;
border: none;}

#main_contentfull_routes
{
margin-top:10px;
margin-left:0px;
float:left;
display:inline;
width:350px;
}

img#manage_img {
	margin-top: 70px;}

form#form1 p {
padding-top: 5px;
}