/************************************************************************
	Title: Fire Fighters Charity - beta
	File: global.css
	
	FF CSS 
	==========
	
	Provides all global styles for the site which more specific sections 
	can be built on using the layered css technique
	
	Author:		Tim Blackburn	[tim@thestream.co.uk]

	Listing Order:
	==============

	Universal
	Accessibility
	General Structure / Layout
	Header Elements
	Navigation Elements
	Body Elements
	Footer Elements
	Forms

************************************************************************/

/***********************************************************************
	UNIVERSAL STYLES
************************************************************************/
body {
	margin: 5;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.4;
	background-color: #000000;
}


/************************************************************************/

/***********************************************************************
	ACCESSIBILITY
************************************************************************/

.accessibility {
	color: #333333;
	font-weight: bold;
}

.largerFont {
	font-size:1.3em;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}
	
.largerFont a {
	text-decoration:none;
	}
	
.largerFont a:visited {
	text-decoration:none;
	}
	
.smallerFont {
	font-size:1em;
	color:#666666;
	text-decoration: none;
	font-weight: bold;
	}
	
.smallerFont a {
	text-decoration:none;
	}
	
.smallerFont a:visited {
	text-decoration:none;
	}
#left_wrapper_for_shadow {
	background-image: url(../images/shadow.jpg);
	float: left;
	background-repeat: no-repeat;
}

/************************************************************************/

/***********************************************************************
	GENERAL STRUCTURE / LAYOUT
************************************************************************/


#container {
	background-color: #006600;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/background_full.jpg);
}
#mainContent_l_r_wrapper {
	width: 100%;
	background-image: url(../images/background_full.jpg);
	background-repeat: repeat-y;
	}

* html div#left {
	float: left;
	width: 431px;
}	
#left {
	float: left;
	width: 458px;
	margin-left: 14px;
	margin-right: 13px;
}

* html div#right {
	background-color: #1e5416;
	width: 415px;
}

#right {
	background-color: #1e5416;
	width: 415px;
	float: right;
}
.head_1 {
	font-weight: bold;
	color: #1e5416;
	font-size: medium;
}
.bold {
	font-weight: bold;
}
p a {
	text-decoration: none;
	color: #ee3e42;
}

p a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ee3e42;
}
.bold_italic {
	font-weight: bold;
	font-style: italic;
}
li {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../images/redbullet.gif);
	margin-bottom: 10px;
}
.image_caption {
	color: #999999;
	text-align: center;
}
.image_right {
	text-align: left;
	margin-left: 300px;
}
/************************************************************************/

/***********************************************************************
	HEADER
************************************************************************/

#header_top {
	width: 100%;
}




/************************************************************************/

/***********************************************************************
	NAVIGATION
************************************************************************/
#nav_wrappper {
	width: 100%;
	height: 49px;
}

nav_wrappper a:link {
	text-decoration: none;	
}



/************************************************************************/

/***********************************************************************
	FOOTER
************************************************************************/
#footer {
	width:900px;
	}
.image_space_below {
	margin-bottom: 10px;
}
.pic_align_centre {
	vertical-align: middle;
}

/************************************************************************/

/***********************************************************************
	FORM
************************************************************************/
.formfield {
	border: 1px solid #666666;
	background-color: #EAEAEA;
}
.grey {
	color: #666666;
}
.whitetext {
	color: #FFFFFF;
}