/*********** RESET***********/

body, h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, dl, dt, dd, ol, ul, li,
fieldset, form, label, table, tr, th, td {
	margin:0;
	padding:0;
	border:none;
}

/********** GLOBAL **********/

ul, ol, dl{
	margin:15px 0 15px 30px;
}
ul li, ol li, dl li{
	margin:3px 0;
}
ul{
	list-style:none;
	margin:15px 0;
}
ul li{
	padding:0 0 0 14px;
	background:url('../nav/bullet.gif') 0 0px no-repeat;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}
.float-right{
	float:right;
}
.float-left{
	float:left;
}
.clear-both{
	clear:both;
	display:block;
}
a:link{
	color:#333;
}
a:visited{
	color:#333;
}
a:hover{
	color:#2e064c;
}
a:active{
	font-weight:700;
}
a:focus{
	font-weight:700;
}
input.checkbox{
	border:none;
	background-color:transparent;
}

/********* TYPOGRPAHY ********/

body{
	font-family:verdana, arial, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#d0d0d0;
	text-align:center;
}
h1, h2, h3, h4, h5{
	font-family:"Trebuchet MS", arial, sans-serif;
	font-weight:400;
	color:#fff;
}
h2, h3, h4, h5{
	color:#953583;
}
h1{
	font-size:18px;
	margin:16px 0 16px 0;
}
h2{
	font-size:18px;
	margin:16px 0 16px 0;
}
h3{
	font-size:16px;
	margin:16px 0 16px 0;
}
h4{
	font-size:14px;
	margin:16px 0 16px 0;
}
h5{
	font-size:12px;
	margin:16px 0 16px 0;
}
p{
	margin:0 0 16px 0;
	line-height:18px;
}

/********* STRUCTURE *********/

#wrapper{
	width:980px;
	text-align:left;
	margin:0 auto;
}

/********* HEADER *********/

#header{
	height:207px;
	background:url('../nav/header_bg.gif') no-repeat #fff;
	position:relative;
	overflow:hidden;
}
#header img#header-logo{
	position:absolute;
	top:0;
	left:10px;
}
#header img#contact-head{
	position:absolute;
	top:56px;
	right:0;
}
#header ul{
	position:absolute;
	top:6px;
	right:10px;
	font-size:10px;
	margin:0;
}
#header ul li{
	padding:0;
	background:transparent;
	float:left;
}
#header ul li a{
	color:#71539c;
}
#header ul li a:hover{
	text-decoration:none;
}
#header #breadcrumb{
	position:absolute;
	top:169px;
	left:20px;
	color:#fff;
	font-size:11px;
}
#header #breadcrumb a{
	color:#fff;
}
form.search input{
	position:absolute;
	width:223px;
	height:27px;
	overflow:hidden;
	top:164px;
	left:674px;
	background:url('../nav/search_input_bg.gif') no-repeat;
	border:none;
	font-size:16px;
	color:#777;
	text-indent:5px;
	line-height:27px;
}
form.search  input.search-submit{
	position:absolute;
	width:67px;
	height:27px;
	top:164px;
	left:897px;
}


/********* LEFT NAV *********/

ul#left-nav{
	width:255px;
	background:url('../nav/small_block_foot.gif') bottom left no-repeat #fff;
	padding:0 0 20px 0;
	margin:16px 0 16px 0;
	overflow:hidden;
	float:left;
	display:inline;
}
ul#left-nav li#nav-title{
	height:42px;
	background:url('../nav/small_block_head.gif') top left no-repeat #734fa3;
	font-size:18px;
	padding:0 0 0 12px;
	line-height:40px;
	color:#fff;
	margin:0 0 10px 0;
	float:left;
	width:100%;
}
ul#left-nav li{
	display:inline;
	padding:0;
	margin:0;
	background:transparent;
}
ul#left-nav li a{
	text-decoration:none;
	color:#333;
	display:block;
	background:url('../nav/grey_dots.gif') bottom left repeat-x;
	margin:0 16px 0 16px;
	padding:8px 8px 7px 8px;
	clear:left;
}
ul#left-nav li.selected a{
	font-weight:700;
	background:url('../nav/nav_selected.gif') bottom right no-repeat;
}
ul#left-nav li a:hover{
	text-decoration:underline;
}
ul#left-nav ul{
	background-color:#f3f3f3;
	margin:0 15px;
}
ul#left-nav li.selected li a{
	display:block;
	background:transparent;
	margin:0 10px 0 10px;
	padding:5px 0;
	clear:left;
	font-size:11px;
	font-weight:400;
}
ul#left-nav li li.selected a{
	font-weight:700;
}

/********* CONTENT/PAGES *********/

#content{
	width:709px;
	float:right;
	margin:16px 0;
	background:url('../nav/content_block_foot.gif') bottom left no-repeat #fff;
	padding:0 0 5px;
}
#content #video{
	width:315px;
	height:236px;
	overflow:hidden;
	margin:10px 20px 20px 20px;
	float:right;
	display:inline;
	border:3px solid #f3f3f3;
	position:relative;
}
#content #video img{
	width:315px;
	height:236px;
	border:none;
}
#content h1{
	background:url('../nav/content_block_head.gif') no-repeat #734fa3;
	height:42px;
	font-size:18px;
	padding:0 0 0 12px;
	line-height:40px;
	color:#fff;
	margin:0 0 10px;
}
#content h2, #content h3, #content h4, #content h5{
	margin:16px;
}
#content p{
	margin:18px 16px 18px 16px;
}
#content ul{
	margin:16px;
}
#content #images{
	width:236px;
	float:right;
	display:inline;
	margin:0 16px 20px 20px;
}
#content img{
	float:right;
	clear:right;
	margin:0 0 10px 0;
	border:3px solid #f3f3f3;
}
#content img#just-giving{
	float:none;
	margin:10px 0 16px 22px;
	border:none;
}
#full-block{
	width:980px;
	background:url('../nav/full_width_foot.gif') bottom left no-repeat #fff;
	clear:both;
	margin:0 0 16px;
	height:280px;
}
#full-block h2{
	background:url('../nav/full_width_head.gif') no-repeat #734fa3;
	height:42px;
	font-size:18px;
	padding:0 0 0 12px;
	line-height:40px;
	color:#fff;
	margin:0 0 10px;
}
#full-block ul{
	margin:18px 0 16px 24px;
}
#full-block li{
	padding:0;
	background:transparent;
	width:191px;
	float:left;
	display:inline;
	margin:4px 20px 0 20px;
	height:190px;
	position:relative;
}
#full-block li img.important-button{
	position:absolute;
	bottom:0;
	left:0;
}
#full-block li p{
	line-height:20px;
	margin:8px 0 0 0;
}
ul#downloads li{
	background:transparent;
	padding:0;
	clear:left;
}
ul#downloads li a img{
	float:left;
	border:none;
	margin:0 8px 4px 0;
	padding:0;
	clear:none;
}
ul#downloads span{
	display:block;
	line-height:16px;
	float:left;
	width:380px;
}
ul#downloads img.click-download{
	float:left;
	clear:none;
	margin:0 0 0 8px;
	border:none;
}
ul#vacancy-downloads li a img {
	float:left;
	padding:0 5px;
	clear:left;
}
p.small{
	font-size:11px;
}
#content.vacancy #images{
	width:130px;
}
ul#sitemap li{
	background:transparent;
	padding:0;
}
ul#sitemap li a{
	text-decoration:none;
	display:block;
	background-color:#f3f3f3;
	padding:6px 8px;
	font-weight:700;
}
ul#sitemap li li{
	padding:0;
	font-weight:400;
}
ul#sitemap li li a{
	background-color:#fff;
	padding:0;
	font-weight:400;
}
ul#sitemap li li li{
	font-style:italic;
}


/********* VACANCY PAGE *********/

#how-to-apply{
	width:297px;
	background:url('../nav/apply_bottom.gif') bottom left no-repeat #f3f3f3;
	float:right;
	display:inline;
	margin:0 10px 10px;
	font-size:11px;
}
#how-to-apply ul li{
	background:transparent;
	padding:0;
}
#how-to-apply img{
	border:none;
	margin:0;
	float:left;
}

/********* WHAT WE DO PAGE *********/

ul#link-block{
	margin:0 0 10px 14px;
}
ul#link-block li{
	padding:0;
	background:transparent;
	display:inline;
}
ul#link-block li.clear-both{
	display:block;
}
ul#link-block a{
	display:block;
	width:160px;
	height:245px;
	background:url('../nav/link_block_read_more.gif') bottom left no-repeat #f3f3f3;
	float:left;
	margin:5px;
	text-decoration:none;
	display:inline;
}
#content ul#link-block a img{
	float:none;
	margin:0 0 10px 10px;
	padding:0 0 10px;
	border:none;
	border-bottom:1px dotted #fff;
}
#content ul#link-block a span{
	display:block;
	margin:0 10px 10px;
}
#content ul#link-block a span.title{
	margin:0 0 10px;
	padding:8px;
	background:url('../nav/link_block_head.gif') no-repeat #b4309b;
	color:#fff;
	font-weight:700;
	font-family:"Trebuchet MS", arial, sans-serif;
}


/********* FORMS *********/

form#form{
	width:400px;
	padding:10px 0 10px 0;
	margin:0 0 0 140px;
}
form#form fieldset{
	background-color:#fff;
	margin:0 0 20px 0;
	background-color:#f9f9f9;
	padding:0 0 15px;
}
form#form.no-legend fieldset{
	padding:20px 0 15px;
}
form#form legend{
	margin:0 0 15px 0;
	background-color:#f9f9f9;
	color:#1d459e;
	font-size:14px;
	padding:10px;
}
form#form p{
	margin:0;
	clear:both;
}
form#form label{
	display:block;
	width:120px;
	float:left;
	display:inline;
	margin:2px 0 0 20px;
	line-height:20px;
	color:#333;
}
form#form label span{
	font-size:11px;
	font-style:italic;
	color:#999;
}
form#form input, form#form textarea{
	bordeR:1px solid #e0e0e0;
	background-color:#fff;
	height:20px;
	width:220px;
	margin:0 0 8px;
}
form#form textarea{
	width:240px;
	height:120px;
}
form#form input#submit{
	width:191px;
	height:26px;
	margin:0 0 0 191px;
	border:none;
}
ul#form-errors{
	margin:25px 0 0 150px;
	list-style:none;
	width:377px;
	padding:8px 0 0;
	background:url('../nav/alert_top.gif') top left no-repeat #f8f8f8;
}
ul#form-errors li{
	padding:0 0 0 60px;
	background:transparent;
}
ul#form-errors li p{
	color:#da1111;
	margin:0;
}
ul#form-errors li#error-foot{
	height:10px;
	background:url('../nav/alert_bottom.gif') bottom left no-repeat #f8f8f8;
	margin:0;
}

/********* WIDE FORM *********/


form#wide-form{
	width:600px;
	padding:10px 0 10px 0;
	margin:0 0 0 50px;
}
form#wide-form fieldset{
	background-color:#fff;
	margin:0 0 20px 0;
	background-color:#f9f9f9;
	padding:0 0 15px;
}
form#wide-form.no-legend fieldset{
	padding:20px 0 15px;
}
form#wide-form legend{
	margin:0 0 15px 0;
	background-color:#f9f9f9;
	color:#1d459e;
	font-size:14px;
	padding:10px;
}
form#wide-form p{
	margin:0;
	clear:both;
}
form#wide-form p.wide-line{
	font-weight:bold;
	margin:15px;
	clear:both;
}
form#wide-form label{
	display:block;
	width:250px;
	float:left;
	text-align:right;
	display:inline;
	margin:2px 10px 0 20px;
	line-height:20px;
	color:#333;
}
form#wide-form label span{
	font-size:11px;
	font-style:italic;
	color:#999;
}
form#wide-form input, form#wide-form textarea{
	border:1px solid #e0e0e0;
	background-color:#fff;
	height:20px;
	width:220px;
	margin:0 0 8px;
}
form#wide-form textarea{
	width:240px;
	height:120px;
}
form#wide-form input#submit{
	width:191px;
	height:26px;
	margin:0 0 0 280px;
	border:none;
}
form#wide-form label.text-align-left{
	text-align:left;
	margin:2px 10px 0 15px;
}
form#wide-form .radio-button-list{
	display:block;
	width:260px;
	float:left;
	display:inline;
}
form#wide-form .radio-button-list input{
	margin:0;
	width:auto;
	height:auto;
	background-color:transparent;
	border:none;
	float:none;
}
form#wide-form p.check-margins{
	padding:5px;
}
form#wide-form .clear-both{
	height:5px;
	width:10px;
	display:block;
}


/********* LIST PAGE *********/

ul#list{
	margin:0;
}
ul#list li{
	padding:0;
	background:transparent;
	float:left;
	clear:both;
	margin:0 15px 10px 15px;
}
ul#list li img{
	float:left;
	padding:1px;
	border:1px solid #b9b9b9;
}
ul#list li div{
	width:515px;
	margin:0 0 0 165px;
}
ul#list.search-results li div{
	width:680px;
	margin:0;
}
ul#list li h3{
	margin:0 0 8px;
}
ul#list li div p{
	font-size:12px;
	margin:0;
}
ul#list li h3 a{
	text-decoration:none;
	color:#1d459e;
}
ul#list a.read-more{
	display:block;
	width:90px;
	height:26px;
	overflow:hidden;
	float:right;
	background-color:#dddddd;
	color:#777;
	font-size:11px;
	margin:10px 0 0;
	position:relative;
}
ul#list a.read-more span{
	display:block;
	width:90px;
	height:26px;
	background:url('../nav/read_more.gif') 0 0 no-repeat;
}

/********* PAGINATION *********/

p#pagination{
	height:30px;
	clear:both;
	margin:20px 15px 15px;
}
p#pagination a{
	display:block;
	padding:5px 6px;
	float:right;
	background-color:#e3e3e3;
	text-decoration:none;
	font-size:11px;
	font-weight:700;
	border:1px solid #d1d1d1;
	margin:0 0 0 10px;
}
p#pagination a:hover{
	background-color:#ab4a99;
	color:#fff;
	border:1px solid #ab4a99;
}

/********* FOOTER *********/

#footer{
	background:url('../nav/full_width_head_footer.gif') 0 0 no-repeat #fff;
	margin:0 0 16px;
	font-size:11px;
	position:relative;
	clear:both;
	overflow:hidden;
	z-index:0;
}
#footer p{
	background:url('../nav/footer_base.gif') 0 0 no-repeat #fff;	
	height:59px;
	line-height:59px;
	text-align:center;
	color:#fff;
	clear:left;
	margin:0;
}
#footer ul{
	width:230px;
	float:left;
	margin:0 0 16px 20px;
	position:relative;
	z-index:-1;
}
#footer ul li.foot-title{
	height:42px;
	line-height:42px;
	margin:0 0 16px;
	color:#fff;
	font-size:14px;
	padding:0;
	background:transparent;
}
#footer ul li{
	margin:0 0 2px 0;
	line-height:20px;
	background-position: 0 2px;
}
#footer ul li a{
	text-decoration:none;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer form.search input{
	position:absolute;
	top:8px;
	left:682px;
}
#footer form.search input.search-submit{
	top:8px;
	left:905px;
}
#footer p a{
	text-decoration:none;
	color:#fff;
}
#footer p a:hover{
	text-decoration:underline;
	color:#fff;
}






