/* 
	Default CSS Document for screen 2 Columns
*/
@import ("reset.css");

* {	margin:0;padding:0;}
body {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
}
	body#home, body#careers, body#charity { background:#FFF url(../images/bg_left_home.gif) left top repeat-y; }
	body#about, body#contact { background:#FFF url(../images/bg_left_blue.gif) left top repeat-y; }
	body#none, body#form { background:#FFF url(../images/bg_left_pink.gif) left top repeat-y; }
	body#sub, body#tcf, body#links { background:#FFF url(../images/bg_left_purple.gif) left top repeat-y; }
	body#partners, body#downloads { background:#FFF url(../images/bg_left_green.gif) left top repeat-y; }
	body#profile { background:#FFF url(../images/bg_left_blue.gif) left top repeat-y; }

h1 {
	margin: 0px 0px 15px 0px;
	font-size: 3.5em;
	color: #333333;
	font-weight: normal;
}
h2 { font-size: 1.2em; font-weight: bold; padding-left: 118px; }
h3 {font-size: 2.0em;}
h4 {font-size: 1.5em;}
h5 {}
h6 {}
li {list-style:none;}
p { color:  #333333; font-size: 1.2em; }
img {border:0; padding-bottom: 10px;}
/*div {border:1px solid #333;}*/


/* 
	PAGE STRUCTURE
	--------------------------------------------------------------------
*/
div#holder {width: 960px;margin: 0 auto;}

body#home div#holder { background: url(../images/bg_home.jpg) right bottom no-repeat; }
body#charity div#holder { background: url(../images/bg_home.jpg) bottom no-repeat; }
body#sub div#holder { background: url(../images/bg_sub.jpg) right bottom no-repeat; }
body#about div#holder { background: url(../images/bg_about.png) right bottom no-repeat; }
body#tcf div#holder { background: url(../images/bg_tcf.png) right bottom no-repeat; }
		
div#container {	margin:0 auto; text-align:left; width: 730px; }

	body#home div#container { background: url(../images/strapline_home.png) 126px bottom no-repeat; padding-bottom: 100px; width: 730px; }
	body#charity div#container { background: url(../images/strapline_home.png) 126px bottom no-repeat; padding-bottom: 100px; width: 730px; }
	body#sub div#container { background: url(../images/strapline_sub.png) 126px bottom no-repeat; padding-bottom: 130px;width: 730px; }
	body#about div#container { background: url(../images/strapline_about.png) 126px bottom no-repeat; padding-bottom: 130px; width: 730px;}
	body#about div#strapline { background: url(../images/strapline_protect.png) 10px top no-repeat; padding-bottom: 130px;width: 730px; }	
	body#tcf div#container { background: url(../images/strapline_tcf.png) 126px bottom no-repeat; padding-bottom: 130px; width: 730px;}
	body#profile div#container { padding-bottom: 130px; width: 730px;}
		
div#header {height: 120px; width: 740px;}

body#home div#mainCol { float:right; padding: 24px 18px 0 0; width:457px; }
body#charity div#mainCol{ float:right; padding: 24px 18px 50px 0; width:530px; }
body#home div#navCol, body#charity div#navCol { float:left; padding: 24px 0 0 18px; width:135px; }

body#sub div#mainCol, body#about div#mainCol, body#tcf div#mainCol, body#none div#mainCol, body#partners div#mainCol, body#contact div#mainCol, body#downloads div#mainCol, body#careers div#mainCol, body#links div#mainCol{ float:left; padding: 24px 0 0 118px; width:407px; }
body#form div#mainCol { float:left; padding: 24px 0 0 10px; width:600px; }
body#sub div#navCol, body#about div#navCol, body#tcf div#navCol, body#none div#navCol, body#partners div#navCol, body#contact div#navCol, body#downloads div#navCol, body#careers div#navCol, body#links div#navCol{ float:right; padding: 24px 30px 0 0; width:135px; }

body#profile div#mainCol { float:left; padding: 24px 0 0 20px; width:407px; }
	body#profile div#mainCol img.profile-caption { padding-left: 20px; }
	body#profile div#mainCol img.profileback { padding: 0 0 30px 118px; }
	body#profile div#mainCol div#profile-pic {  }
		body#profile div#mainCol div#profile-pic img { float: right; }
			body#profile div#mainCol div#profile-pic-bg { filter: alpha(opacity=75); -moz-opacity: .75; opacity:.75; }
body#profile div#navCol { float:right; padding: 24px 30px 0 0; width:135px; }

div#footer {text-align:left;width: 960px;margin: 0 auto;}

/* 
	PAGE STRUCTURE (HEADER)
	--------------------------------------------------------------------
*/
div#header img {
	float:right;
	margin: 0px 22px 0 22px;
}
div#header p {
	float: right;
	color: #66B4E4;
	font-size: 4em;
	line-height: 120px;
}
div#topnav {
	width: 740px;
	background: #000;
	height: 2em;
	font-size: 1.1em;
}

#clock { position: relative; top: 76px; font-size: 1.2em; color: #333333; }

/* 
	PAGE STRUCTURE (CONTENT)
	--------------------------------------------------------------------
*/

div#content {clear:both;}
div#mainCol p {
	width: 370px;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 1.4em;
}

body#profile div#mainCol p { padding-left: 118px; }
body#profile div#mainCol p a { color: #333; }



/* 
	CUSTOM ELEMENTS
	--------------------------------------------------------------------
*/
div.clear {clear:both;}
.center { text-align: center; }

/* Navigation

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 185px;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font-size: 0.9em;
  background: #000;
  color: #fff;
  display: block;
  text-decoration: none;
  line-height: 22px;
}

.nav li a:hover {
  background: #ccc;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #ccc;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #000;
  color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;	
}

.nav ul {
  background: #565656;
  list-style: none;
  margin: 0;
  width: 280px;
  position: absolute;
  top: -999em;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 22px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  padding: 0 20px 0 9px;
  width: 251px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}*/

/* LEFT NAVIGATION */

ul#mainNav { width: 156px; font-size: 1.0em;}

ul#mainNav li {clear: both;	border: 1px solid #C6C4C2;	width: 156px; margin-bottom: 3px;}
	
	ul#mainNav li.mainNav13 { clear: none; float: left; width: 156px; border: none; }

	ul#mainNav li a {
		display: block;
		background: #66B4E4;
		padding: 3px 5px;
		color: #000;
		text-decoration: none;
	}
	ul#mainNav li a {
		display: block;
		background: #66B4E4;
		padding: 3px 5px;
		color: #000;
		text-decoration: none;
	}
	ul#mainNav li a:hover {
		background: #fff;
	}
	
/* ACCORDION */

div#list, div#affinity { margin-bottom: 150px; }
div#list2 { margin-bottom: 0px; }
div#list3 { margin-bottom: 100px; }
div#listlinks { margin-bottom: 50px; }
div#listcontact { margin-bottom: 0px; }
div#list4 { margin-bottom: 230px; }
div#list5 { margin-bottom: 0px; }

div#mainCol p.panel{line-height: 22px;!important}

.panel{
	background: url(../images/bullet.gif) left bottom no-repeat;
	font-size: 1em;
	color: #333333;
	padding: 0 0 0 32px;
	text-align: left;
	cursor:pointer;
}
.panel a{
	text-decoration:none;
	color:#000000;
	background:none;
}
 .panel-up{
 
 }
.panel-down{

}
.panel-target{
	margin: 0 0 20px 27px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 5px;
	font-size: 1.2em;
}

div#mainCol div.panel-target p { width: 99%;!important }
body#links div#mainCol div.panel-target p { width: 200px;!important }
div#map div p { clear: both; }

.panel-closed{display:none;}

/* Home PAGE */

#mainCol img {float:left;}


/* TESTIMONIALS PAGE */

div#testimonial {padding: 5px; border-style:solid; border-width:thin; border-color:#999999;}
div#inbetween {padding: 10px 5px 7px 10px; }

Blockquote {background: url(../images/speech1.png) top left no-repeat;}
Blockquote div {background: url(../images/speech2.png) bottom right no-repeat; padding-left: 20px; padding-right: 20px;}

/* STAFF PAGE */
	
.staff {
	background: url(../images/bullet.gif) left no-repeat;
	font-size: 1em;
	color: #333333;
	padding: 0 0 0 32px;
	text-align: left;
	cursor:pointer;
}

/* PARTNERS PAGE */

div#partner {width: 380px; height: 130px; }
div#partphoto { height: 115px; width: 130px; float: left; }
div#parttext {font-size: 1.2em; color: #333333; float: left ;}
div#parttext a {color: #333; text-decoration: none; }

/* LINKS PAGE */
div#listlinks span div img {float:right; width: 140px;}
div#listlinks span div p {float:left; width: 140px;}
div#travel { width: 156px; }
div#navCol img {padding-left: 0px;}
.right { text-align: right; }

/* pages from top black menu - add a dot to the list items*/
#mainCol span li, #mainCol p li, #mainCol li, {list-style: square;} 
#mainCol span ul li, #mainCol ul li, #mainCol p ul li{list-style: decimal; margin-left: 5%; }

/* affinity schemes */
#mainCol #affinity img {float:right; width: 140px;}
#mainCol #affinity p {float:left; width: 160px;}

/* tumblr page */
.tumblr_title {font-size: 1.4em; font-weight: bold; }
.tumblr_body {border-bottom: thick #000;}
.tumblr_post tumblr_text_post {border-bottom: thick #000;}