/* **NOTE - is the div that surrounds all content in the page so all styles must
 have around them so as not to clash with cm£s styles*/

* {         
	padding:0;         
	margin:0;     
} 


/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*//CSS KEY////////////////////////////////////////////////////////////////////////

1) BASICS
	 1.1) Default HTML Tags (h1, h2 etc)
	 1.2) Site Tools (.float_left, clearfix etc )
	 1.3) Divs Structure (#header, #column1 etc)
	 
2) DIV-AREA-SPECIFIC-CSS
	2.1) 
	2.2) #container
	2.3) #header
	2.4) #content
	2.5) Column1
	2.6) Column2
	2.7) Column3
	2.8) Footer
	2.9) Carry on with each element... 2g etc - write in here also

3) NAVIGATION
	3.1) Primary Navigation
	3.2) Secondary Navigation
	
4)	FORMS
	4.1) Basic Form Styles
	4.2) Status boxes
	
5) MODULES
	5.1) News module

6) UNCLASSIFIED 
	(Any styles that you havent classified or are yet to be sorted put here temporarily)

7) CSS RECYCLE BIN
	(Any styles you delete that you might want back)
	
	
////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */




/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// 
#1-BASICS---xxxxxxxxxxxxxxxxxxxxxxxx-----------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */




/* ///////////////////////////////////////////////////////////////////////// 
#1-1-default-html-tags------------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */

body {
margin: 0;
padding: 0;
}

#site {
	background-image: url(../media/siteImages/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#site #content a{
	color: #272727;
	text-decoration: underline;
}

#site #content a:hover {
	color: #931B25;
}

#site p{
	margin-bottom: 15px;
	margin-left: 15px;
	color: #333333;
	font-size: 0.9em;
}

#site h1 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 25px;
	margin-left: 15px;
	color: #5BA061;
}

#site h1 strong {
	font-size: 1.2em;
	color: #931B25;
}

#site .h1class{
	font-size: 1.5em;
	color: #931B25;
	font-weight: bold;
}

#site .subtitle {
	margin-top: -25px;
}

#site h3 {
}
#site h4 {
}
#site h4 em {
}
#site strong {
}
#site blockquote {
}
#site ol {
}

#site #content li {
	padding-bottom: 5px;
	display: block;
	background-image: url(../media/siteImages/bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 25px;
	padding-top: 2px;
}

#site #content ul
{
	font-size: 0.9em;
	color: #333333;
	margin-bottom: 15px;
	margin-left: 15px;
	list-style-type: none;
}

#site #content h2 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 5px;
	margin-left: 15px;
	color: #5BA061;
}

#site #content h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 15px;
	color: #5BA061;
}

#site table{
}
#site td, #site th {
}
#site th {
}
#site td {
}
#site caption {
}

/* ///////////////////////////////////////////////////////////////////////// 
#1-2-site-tools------------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */

/*.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.clear {
    clear: both;
}*/
.map {
}
.clearfix:after {   
    content: ".";   
    display: block;   
    clear: both;   
    visibility: hidden;   
    line-height: 0;   
    height: 0;   
}   
.clearfix {   
    display: inline-block;   
}   
html[xmlns] .clearfix {   
    display: block;   
}   
* html .clearfix {   
    height: 1%;   
}  
.thumb-right {
}
.thumb-left {
}
.thumb-below {
}


/* ///////////////////////////////////////////////////////////////////////// 
#1-3-main-div-structure------------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */

#site #bg_wrapper {
	width: 100%;
	background-image: url(../media/siteImages/wrapper_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#site #container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#site #center-column {
}
#site #header {
	display: block;
	padding-bottom: 1px;
}
#site .logo {
	display: block;
	height: 175px;
	width: 175px;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
	background-image: url(../media/siteImages/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#site #logo_container {
	float: left;
	height: 285px;
	width: 205px;
	display: block;
	text-align: right;
	padding-right: 20px;
}

#site #logo_container h2 {
	font-size: 0.9em;
	color: #931B25;
	font-weight: normal;
	line-height: 1.6em;
}

#site #logo_container h2 strong {
	color: #931B25;
}

#site #logo_container h2 a {
	color: #931B25;
	text-decoration: none;
}

#site #logo_container h2 a:hover {
	text-decoration: underline;
}

#site #image_container{
	float: left;
	height: 270px;
	width: 545px;
	display: block;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 5px;
}

#site #content {
	width: 780px;
	padding-top: 25px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	display: block;
	clear: both;
}

#site #column1 {
	float: left;
	width: 520px;
	display: block;
}
#site #column2 {
	float: left;
	display: none;
}
#site #column3 {
	float: left;
	width: 260px;
	display: block;
}



#site #contentanchor { /*this is the anchor  link to the content for accessibility*/
}
#site #image {
}

#site #footer {
	display: block;
	width: 100%;
	background-image: url(../media/siteImages/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	clear: both;
	background-color: #520205;
}

#site #footer_content {
	width: 800px;
	background-image: url(../media/siteImages/footer_cap.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-top: 100px;
	padding-bottom: 25px;
}

#site #footer_content p {
	font-size: 0.7em;
	color: #FFFFFF;
}

#site #footer_content a {
	color: #FFFFFF;
}

#site #footer_content a:hover {
	color: #931B25;
}

#site .footer_column {
	display: block;
	float: left;
	width: 200px;
}


/*///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////// 
#2-DIV-AREA-SPECIFIC-CSS---xxxxxxxxxxxxxxxxxxxxxxxx-----------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */
/*///////////////////////////////////////////////////////////////////////// */
/*BASIC STYLES FOR SPECIFIC DIVS OR AREAS E.G. COLUMN 1 LI ETC*/

	
	
	
	
/*///////////////////////////////////////////////////////////////////////// 
#2-1-HEADER-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-2-COLUMN1-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-3-COLUMN2-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-4-COLUMN3-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */
#site #column3 a {
	text-decoration:none;
}

/*///////////////////////////////////////////////////////////////////////// 
#2-5-FOOTER-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-6-FEATURE-BOXES-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-7-NEWS-ITEMS-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}
///////////////////////////////////////////////////////////////////////// */
#site .news_item_container {
	margin-left: 15px;
	margin-bottom: 10px;
}

#site .news_item_container strong {
	display: none;
}
/*
#site .news_item_container img {
	margin: 15px;
}
*/
#site .news_item_date {
	font-style: italic;
	font-size: 0.9em;
	font-weight:lighter;
}

#site .news_item_date_month {
	display: inline;
	margin-right: 5px;
}

#site .news_item_date_day {
	display: inline;
	font-weight: lighter;
	margin-right: 5px;
}

#site .news_item_date_year {
	display: inline;
}

#site .news_item_title a {
	text-transform: uppercase;
	text-decoration: none !important; 
	font-weight: bold;
	font-size: 0.9em;
}

#site .news_item_title {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #5BA061;
}

#site .news_item .floatLeft {
	display: inline;
	float: left;
	margin-right: 10px;
}

#site .news_item_text {
	display:inline;
	font-size: 0.9em;
	font-weight:lighter;
}

#site .news_item_text p {
	margin-left: 0;
}

#site .ReadMoreCss {
	float: right;
}

/*//////////////////////////INDYVIDUAL NEWS STORY///////////////////////////*/

#site #individual-news-story .divHeadline .news_item_text, 
#site #individual-news-story  strong {
	display: none;
}

#site #individual-news-story .news_item_date {
	margin-left: 8px;
}

#site #individual-news-story .floatLeft {
	margin: 15px;
	float: left;	
}

#site #individual-news-story .divHeadline { 
	display: inline;
}

#site #individual-news-story .news_item_text { 
	display: inline;
}

#site #individual-news-story .news_item_text p { 
	margin-left: 15px;
}

#site #individual-news-story-previous-page-link {
	margin-left: 15px;
}
/*//////////////////////////////////////////////////////////////////////////
#2-8-GALLERY-ITEMS-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}
////////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-9-MENU-ITEMS-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}
////////////////////////////////////////////////////////////////////////// */



/*///////////////////////////////////////////////////////////////////////// 
#2-10-SIDEBOX-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}
///////////////////////////////////////////////////////////////////////// */

#site .infobox {
	display: block;
	height: 97px;
	width: 120px;
	padding-left: 125px;
	background-repeat: no-repeat;
	background-position: right top;
	text-decoration: none;
	font-size: 0.7em;
	color: #333333;
	line-height: 1.2em;
	padding-right: 15px;
	padding-top: 15px;
}

#site .infobox strong {
	font-size: 2.2em;
	color: #931B25;
	padding-top: 5px;
	display: block;
	padding-bottom: 10px;
}

#site .donate_box {
	background-image:url(../media/siteImages/infobox_1.jpg)
}

#site .volunteer_box {
	background-image:url(../media/siteImages/infobox_2.jpg)
}

#site .news_box {
	background-image:url(../media/siteImages/infobox_3.jpg)
}

#site .locations_box {
	background-image:url(../media/siteImages/infobox_4.jpg)
}

/*///////////////////////////////////////////////////////////////////////// 
#3-NAVIGATION-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}
///////////////////////////////////////////////////////////////////////// */


/*///////////////////////////////////////////////////////////////////////// 
#3-1-PRIMARY-NAVIGATION-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */

#site #primary_navigation {
	float: left;
	height: 30px;
	width: 770px;
	display: block;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
}

#site #primary_navigation ul {
	list-style-type: none;
}

#site #primary_navigation li {
	float: left;
}

#site #primary_navigation ul a {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
	color: #931B25;
	display: block;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	float: left;
	width: 118px;
	text-align: center;
	background-image: url(../media/siteImages/navigation_rollover.png);
	background-repeat: no-repeat;
	background-position: center -30px;
	height: 18px;
}

#site #primary_navigation ul a:hover {
	color: #931B25;
	background-position: center top;
}
#site #home .home, #site #donating .donating, #site #products .products, #site #working .working, #site #locations .locations, #site #contact .contact {
	background-position: center top;
}

#site #primary_navigation .focused {
	color: #931B25;
	background-position: center top;
}

#site #primary_navigation .level1 a {
	display: none;
}

/*/////////////////////////////////////////////////////////////////////////
#3-1-SECONDARY-NAVIGATION-----------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */
	
#site #sub-nav {
	height: 22px;
	display: block;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 25px;
	width: 750px;
	padding-right: 25px;
}

#site #sub-nav ul {
	list-style-type: none;
	float: right;
}

#site #sub-nav li {
	float: left;
	color: #FFFFFF;
}

#site #sub-nav ul a {
	display: block;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.7em;
	height: 16px;
	margin-left: 5px;
	background-color: #1D60A3;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

#site #sub-nav ul a:hover {
	background-color: #5DA6DB;
}

/*///////////////////////////////////////////////////////////////////////// 
#4-FORMS-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}
///////////////////////////////////////////////////////////////////////// */

	
/*///////////////////////////////////////////////////////////////////////// 
#4-1-BASIC-FORM-STYLES-------------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */

fieldset  {
}
legend {
}
.formItemHalf {
}
label {
}

/*///////////////////////////////////////////////////////////////////////// 
#4-2-STATUS BOXES-------------------------------------------------------------{}
///////////////////////////////////////////////////////////////////////// */



/*/////////////////////////////////////////////////////////////////////////*/
/*#5-MODULES-XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX-----------------------------{}*/
/*/////////////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////////// */
/*#5-1-NEWS-MODULES-------------------------------------------------------{}*/
/*///////////////////////////////////////////////////////////////////////// */


/*#-----news-styles-detail-individual-page------------------------------------------------------{}*/
/*INDIVIDUAL NEWS ITEMS - START//////////////////////////////////////////////////*/


/*INDIVIDUAL NEWS ITEMS - END////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////*/







/*#6-UNCLASSIFIED-------------------------------------------------------------------------------{}*/

#site .ue {
}
.left {
	float:left;
}     
.right { 
	float:right; 
}     
.clear { 
	clear: both;
	height: 0;
	font-size: 0;
	overflow: hidden;
	display: block;
	width: 0px;
}      
a img { 
	border:none; 
}


/*#7-CSS-RECYCLE-BIN-------------------------------------------------------------------------------{}*/
/*
Put old css in here:






*/