/*--------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------
Vodafone W.O.D
CBenge
Start Date 07th Septermber 2009
-----------------------------------------------------------------------------------------
/*--------------------------------------------------------------------------------------

/*IMPORT FILES*/
@import url("header.css");
@import url("footer.css");
@import url("nav.css");
@import url("content.css");
@import url("form.css");

/*CSS - RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*---------------CLEARFIX------------------*/
.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%;
}

/*---------------END CLEARFIX------------------*/

body
{
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%; /*sets font size to a default 12px*/
	color: #333333;
	background: #fff url(  '../../images/bg_tile.jpg' ) repeat-x;
}

h1
{
	font-size: 24px;
	color: #008698;
	margin: 0 0 14px;
	font-weight: bold;
}
.feature h1
{
	padding-bottom: 10px;
	font-size: 18px;
	color: #008698;
	background: #fff;
	margin: 0;
}
.charityFull h1
{
	margin: 0 0 5px;
	width: 460px;
}

h2
{
	color: #008698;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
.feature h2
{
	padding: 7px;
	font-weight: bold;
	color: #fff;
	background: #008698;
	font-size: 11px;
	margin: 0;
}
.twoColumn .feature h2
{
	background: #0053A5;
}
.blockSec h2
{
	font-size: 24px;
	margin: 0 0 20px;
}
.charityStats h2
{
	padding: 0;
}

h3
{
	color: #008698;
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 12px;
}
.applyBox h3
{
	margin: 0 0 10px;
	font-size: 14px;
}
.charityFull .applyBox h3
{
	margin: 0 0 10px;
	font-size: 14px;
}
.charityFull h3
{
	margin: 0;
	padding: 5px 0 0;
	font-size: 14px;
}
h3 a:link, h3 a:visited
{
	text-decoration: none;
	color: #008698;
}
h3 a:hover
{
	text-decoration: underline;
}
h4
{
}


p
{
	margin: 0 0 1em 0;
	line-height: 16px;
}
ul
{
	padding: 0 0 12px 16px;
	line-height: 16px;
}
ol
{
	padding: 0 0 12px 20px;
	line-height: 16px;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}

a:link, a:visited
{
	text-decoration: underline;
	color: #333333;
}
a:hover
{
	text-decoration: none;
	color: #008698;
}

.left
{
	float: left;
}
.right
{
	float: right;
}
.bold
{
	font-weight: bold;
}
.clear
{
	clear: both;
}
.noMargin
{
	margin: 0;
}
.spaceright
{
	margin-right: 10px;
}
.spacebottom
{
	margin-bottom: 12px;
}
.lightGrey
{
	color: #999;
}
.blue
{
	color: #0053A5;
}

img.banner
{
	margin: 0 0 20px;
}

#wrapper
{
	width: 954px;
	margin: 17px auto;
}
.oneColumn
{
	width: 186px;
}
.twoColumn
{
	width: 378px;
}
.threeColumn
{
	width: 557px;
}
.fourColumn
{
	width: 755px;
}
.fiveColumn
{
}
.refereeCopy
{
	margin: -10px 0 0 0;
	display: block;
}
.header
{
	margin: 0 0 12px 11px;
}

.searchNav
{
	float: right;
	width: 307px;
	margin-top: 52px;
}
.searchNav .searchField
{
	width: 259px;
	font-size: 11px;
	color: #566171;
	margin: 0;
	float: left;
}
.searchNav a.textBtnGrey:link, .searchNav a.textBtnGrey:visited
{
	padding: 1px 0 0;
	text-align: center;
	float: right;
	width: 34px;
	text-decoration: none;
	display: block;
	font-size: 11px;
	height: 24px;
	color: #fff;
	background: url( '../../images/btn/topSearchGo.gif' ) no-repeat;
}
.footer
{
	color: #666;
	font-size: 11px;
}
.footer a:link, .footer a:visited
{
	color: #666;
	text-decoration: none;
}
.footer a:hover
{
	color: #008698;
	text-decoration: underline;
}

.tagLine
{
	width: 536px;
	float: left;
}
.tagLine p
{
	margin: 0;
}

.links
{
	width: 390px;
	float: right;
	text-align: right;
}
.links p
{
	margin: 0;
}
.links ul
{
	margin: 0 0 10px;
}
.links ul li
{
	list-style: none;
	display: inline;
	border-right: 1px solid #666;
	padding: 0 5px;
}
.links ul li.last
{
	border-right: none;
	padding: 0 0 0 5px;
}

.socialMedia
{
	color: #b8b8b8;
	font-weight: bold;
}
.socialMedia img
{
	margin: 0 0 0 5px;
}
/*--MAIN NAV--*/
.mainNav
{
	background: url( '../../images/bg/mainNav.gif' ) repeat-x;
	padding: 0 0 5px 0;
	display: block;
	margin: 0 0 30px;
	line-height: 14px;
}
.mainNav li
{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	height: 24px;
	border-right: 1px solid #fff;
}
.mainNav li a:link, .mainNav li a:visited
{
	color: #fff;
	padding: 5px 9px;
	height: 14px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
.mainNav li a:hover
{
	background: #cc0202;
}
.mainNav li.selected a
{
	background: #cc0202;
}

/*--SUBNAV--*/
.subNav
{
	background: url( '../../images/bg/shadow.jpg' ) repeat-x left bottom;
	padding: 0 0 10px;
}
.subNav li
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	display: block;
}
.subNav li a:link, .subNav li a:visited
{
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #c1c1c1;
	height: 22px;
	padding: 6px 8px 0;
}
.subNav li a:hover
{
	border-bottom: 1px solid #008698;
	background: #008698;
	color: #fff;
	font-weight: bold;
}
.subNav li.last a:link, .subNav li.last a:visited
{
	border-bottom: 1px solid #dcdcdc;
}
.subNav li.selected a:link, .subNav li.selected a:visited, .subNav li.selected a:hover
{
	border-bottom: 1px solid #fff;
	background: #008698;
	color: #fff;
	font-weight: bold;
}
.subNav li.secondSelected a:link, .subNav li.secondSelected a:visited, .subNav li.secondSelected a:hover
{
	border-bottom: 1px solid #fff;
	background: #cce7ea;
	color: #333;
	font-weight: normal;
}