body{ font-size:75%; font-family: Arial, Verdana, Helvetica, sans-serif; margin:0px; padding:0px; height:100%; width:100%; background:url(../../_graphics/bg_tile.jpg) top repeat-x #FFF; }
p { margin:0px 0px 10px; padding:0px;}
a{ text-decoration:none; color:#993333;}
a:hover{ text-decoration:underline;color:#993333;}
.clear{height:0px;line-height:0px;font-size:0px;margin:0px;clear:both;}
.clearreg {float:left; clear:both;}
a img { border:0px;}
.floatleft {float:left;}
.floatright { float:right;}
.width220{width:220px !important;}
.width140{width:140px !important;}
.dotted { border-bottom:#CCCCCC dotted 1px; margin:20px 14px !important; width:464px;}

div#page {width:980px; margin:20px auto; padding: 0px; height:100%; background:none;}
div#header { background:url(../../_graphics/page_header_bg_tile.png) top center no-repeat; height:226px;  width:930px; float:left; clear:both;  padding:25px 25px 0px;}
div#main_container {width:920px; background:url(../../_graphics/page_bg_tile.png) top center repeat-y; float:left; clear:both; padding: 0px 30px;}
div#main_content { margin:0px 0px 0px 20px; width:470px; display:inline; float:left;}
div#main_right{ padding:0px; width:222px; display:inline; float:right;}
div#navigation { width:200px; height:270px; float:left; clear:left; padding: 0px; }
div#search_fac { height:140px; padding-top:20px; padding-bottom:20px;}
div#footer_links { clear:both; float:left; width:910px; padding:0px 35px 30px; font-size:90%; background:url(../../_graphics/page_footer_bg_tile.png) bottom center no-repeat white;}
div#navigation {z-index:5; position:relative;}
div#main_content {z-index:6; position:relative;}
div#main_right {z-index:7; position:relative;}
div#footer {z-index:4; position:relative;}

/*------------------------------ Header -------------------------------*/
div#header div#hdr_logo { float:left; padding:6px;}
div#header div#hdr_logo a img { border:none; text-decoration:none;}
div#header div.panel { float:left; clear:left;}
div#header div#flash_panel { height:211px; width:692px; float:right; clear:right;}

/*------------------------------ navigation -------------------------------*/
div#navigation ul { margin:0px; padding:0px; width:200px; color:white; list-style:none; width:180px;}
div#navigation ul li { margin:0px; font-size:110%; line-height:180%; color:black;}
div#navigation ul li a { height:29px; border:0px;margin:0px 0px 0px 6px; color:#993333; text-decoration:none;}
div#navigation ul li a:hover, div#navigation ul li a.active { border:0px; color:#fe8b01;}

/*------------------------------ sub navigation -------------------------------*/
div#subNavigation ul { margin:0px 0px 0px 20px; padding:0px; color:white; list-style:none; width:160px;}
div#subNavigation ul li { margin:0px; font-size:100%; line-height:180%; color:black;}
div#subNavigation ul li a {  height:29px; border:0px;margin:0px; color:#993333; text-decoration:none;}
div#subNavigation ul li a:hover, div#subNavigation ul li a.active { border:0px; color:#fe8b01;}

/*------------------------------ main_content panels -------------------------------*/
div#main_content div.panel {width:390px; margin-left:14px;}
div#main_content div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}

/*------------------------------ main_right panels -------------------------------*/
div#main_right div.panel { padding:10px;}
div#main_right div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}

/*------------------------------ main_left panels -------------------------------*/
div#main_left div.panel {padding:10px;	}
div#main_left div.panel_seperator { margin:20px 0px; font-size:0px; line-height:0px;}

/*------------------------------ footer -------------------------------*/
div#footer {}
div#footer_links div#contact { float:left; clear:none; width:205px;}
div#footer_links div#contact p span { font-weight:bold; color:#fe8b01;}
div#footer ul {float:left; clear:none; margin:20px 0px 0px 0px; padding:0px;}
div#footer ul li { display:inline; }
div#footer div#footer_logos { float:right; clear:right;}
div#footer div#footer_logos img { margin:10px 12px 0px 0px;}

div#footer .fb_box {height:24px; margin-left:230px; margin-top:0px;}
div#footer .twitter_box {height:24px; margin-left:230px;}

div#footer .fb_box img{float:left; padding-right:5px;}
div#footer .twitter_box img{float:left; padding-right:5px;}

div#footer .facebook {padding:0 0 1px 20px; background:url(../../_graphics/facebook.gif) 0px 0px no-repeat !important; height:16px; width:16px;}
div#tweets ul{list-style:none; padding:0px; margin:0px;}
div#tweets {font-size:90%; width:100%; padding-top:6px;}
span.twitterPrefix {float:left; margin-bottom:10px; padding-right:5px;}
div.callback_button {padding:8px; width:150px; background-color:#eceae4;}
div.callback_button a{width:100%; padding:3px; padding-left:20px; background-image:url('../../_graphics/75-phone.png'); background-repeat:no-repeat; background-position: top left;}
div.callback_button a:hover {text-decoration:none;}

/*------------------------------ recruitment -------------------------------*/
body.recruitment div.panel input { width:90%;}
body.recruitment div.panel input.submit { width:80px;}

/*------------------------------ sitemap -------------------------------*/
body.sitemap div#main_content ul ul {padding-bottom:15px;}
body.sitemap div#main_content ul li {padding-bottom:7px;}

/*------------------------------ clients -------------------------------*/
body.clients div.panel_client_logos { width:465px; margin-left:14px;}
body.clients div.panel_client_logos img, body.clients div.panel_client_logos a { margin:0px 10px 10px 0px;}

body.clients a#alzheimers { background:url(../../_graphics/client_logos/alzheimers.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#alzheimers:hover { background:url(../../_graphics/client_logos/alzheimers_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#donor { background:url(../../_graphics/client_logos/donor.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#donor:hover { background:url(../../_graphics/client_logos/donor_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#foe { background:url(../../_graphics/client_logos/foe.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#foe:hover { background:url(../../_graphics/client_logos/foe_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#greenpeace { background:url(../../_graphics/client_logos/greenpeace.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#greenpeace:hover { background:url(../../_graphics/client_logos/greenpeace_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#shelter { background:url(../../_graphics/client_logos/shelter.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#shelter:hover { background:url(../../_graphics/client_logos/shelter_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#soilassociation { background:url(../../_graphics/client_logos/soilassociation.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#soilassociation:hover { background:url(../../_graphics/client_logos/soilassociation_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#sustrans { background:url(../../_graphics/client_logos/sustrans.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#sustrans:hover { background:url(../../_graphics/client_logos/sustrans_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#everychild { background:url(../../_graphics/client_logos/everychild.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#everychild:hover { background:url(../../_graphics/client_logos/everychild_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#guidedogs { background:url(../../_graphics/client_logos/guidedogs.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#guidedogs:hover { background:url(../../_graphics/client_logos/guidedogs_f2.gif) no-repeat top; height:140px; width:140px;}

body.clients a#amnesty { background:url(../../_graphics/client_logos/amnesty.gif) no-repeat top; height:140px; width:140px; float:left; }
body.clients a#amnesty:hover { background:url(../../_graphics/client_logos/amnesty_f2.gif) no-repeat top; height:140px; width:140px;}

/****************************** 								FORM STYLES            
**************************************************************************/
p.formErrorText {color:#CC0000;text-decoration: none;text-align:left;margin:0px;}
.text {width:99%; padding:0px 1px 0px 0px; border:#666 1px solid;}
.formErrorField {width:99%; padding:0px 1px 0px 0px; border:#990000 2px solid;}
.formNormField {width:99%; padding:0px 1px 0px 0px; border:#999999 1px solid;}

/*-------------------------------------------------SiFR STYLES------------------------------------------------------------*/
h1, h2, h3, h4, h5{color:#993333; margin:0px 0px 0px 0px;}
h2{}
h3{}
h4{}
h5{}