*{
	padding:0;
	margin:0;
}
html, body{
	height:100%;
}
body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background:#FFF;
}
ul,li{
	list-style:none;
}
ul{
	margin:0 0 0 25px;
}
h1, h2, h3, h4{
	text-transform:uppercase;
	font-weight:normal;
}
h1{
	font-size:20px;
	padding:10px 0 8px;
}
h1.ppp{
	width:326px;
	height:157px;
	background:url('../images/ppp.png') 0 0 no-repeat;
	text-indent:-9999px;
	padding:0;
	margin:25px 0 8px 4px;
}
h2{
	font-size:14px;
	padding:0 0 5px 8px;
	font-weight:bold;
}
#body_contact_us h2{
	padding:0 0 5px;
}
h3{
	font-size:20px;
	font-weight:normal;
	color:#EF8522;
	text-transform:uppercase;
}
h4{
	font-size:13px;
	padding:0 0 2px;
}
p{
	padding:0 0 10px;
}
p.small{
	font-size:9px;
	line-height:9px;
}
.indent{
	padding-left:15px;
}
a{
	color:#000;
}
a img{
	border:0;
}
:focus{
	outline:none;
}
img.right{
	float:right;
	margin:3px 0 0 10px;
	border:1px solid #CCC;
}
h2.donate{
	text-align:center;
	padding:5px 0;
}
h2.donate a{
	color:#535555;
}
#wrapper{
	padding:20px 0;
}
#main{
	width:858px;
	margin:auto;
}
/**
 * Top menu styles
 */
#nav{
	height:20px;
	background:#535555;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	text-transform:uppercase;
	padding:2px 0;
}
#nav a{
	color:#FFF;
	padding:0 13px;
	margin:2px 4px;
	text-decoration:none;
	height:17px;
	display:inline-block;
}
#nav a.active, #nav a:hover{
	background:#000;
	color:#EF8522;
}
/**
 * Header and Content Layout styles
 */
#header{
	height:289px;
	position:relative;
	display:block;
	overflow:hidden;
}
#header img{
	display:block;
}
#header h1{
	text-indent:-9999px;
	width:267px;
	height:73px;
	background:url('../images/wyman.png') top left no-repeat;
	position:absolute;
	top:130px;
	left:1px;
}
#content{
	width:100%;
	overflow:hidden;
	position:relative;
}
#content #header h1{
	top:35px;
	left:1px;
}
/**
 * Column layout styles
 */
#columns1, #columns2{
	float:left;
	width:100%;
	position:relative;
	background:#FFF;
	min-height:310px;
}
#columns2{
	overflow:hidden;
}
#columns1{
	right:513px;
	background:#000;
}
#col1{
	float:left;
	width:346px;
	position:relative;
	overflow:hidden;
	left:513px;
}
#col2{
	width:500px;
	height:100%;
	float:left;
	position:relative;
	overflow:hidden;
	left:525px;
	color:#535555;
}
#col1 a{
	color:#FFF;
	text-decoration:none;
}
/**
 * Bottom content bar, bookmarks etc
 */
div.bottomcontent{
	position:relative;
	width:100%;
}
#bookmarks{
	position:absolute;
	width:35%;
	height:18px;
	bottom:10px;
	left:25px;
	line-height:20px;
	z-index:1;
}
#bookmarks a{
	margin:0 10px 0 0;
}

/**
 * Page Footer
 */
.footer{
	height:24px;
	line-height:24px;
	background:#908E8E;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
	text-transform:uppercase;
}
.copy{
	padding:0 20px;
}

/**
 * Page specific content styles
 */
.pagecontent{
	height:600px;
	position:relative;
	overflow:hidden;
	padding:0 25px 0 0;
}
#page_home{
	height:auto;
	padding:0;
}
.pagescroll{
	height:auto;
}
/**
 * Shared Rss Feed/ New Events styles
 */
#rssFeed{
	padding:10px 40px 50px 25px;
	text-transform:uppercase;
}
#rssFeed ul{
	margin:0;
}
#rssFeed ul li{
	margin:10px 40px 25px 0;
}
#rssFeed ul li a:hover{
	text-decoration:underline;
}
#rssFeed a.feedlink{
	color:#EF8522;
	padding:1px 0;
	border-bottom:1px solid #EF8522;
}
/**
 * Homepage styles
 */
#body_home h1{
	font-size:27px;
	color:#000;
}
#body_home p{
	color:#000;
}
/**
 *
 */
#body_facilitated_courses #col2 ul, #body_ppp #col2 ul{
	padding:0 0 10px;
}
#body_facilitated_courses #col2 ul li, #body_ppp #col2 ul li{
	list-style-type:disc;
	margin:0 0 0 10px;
}
/**
 * Contact Page Styles
 */
#contactinfo{
	background:#EBE6DC;
	overflow:hidden;
	height:130px
}
#contactinfo h2{
	font-weight:normal;
}
#contactinfo .left, #contactinfo .right{
	float:left;
	width:35%;
	margin:10px;
	border-left:1px solid #FFF;
	padding:0 0 0 10px;
	height:110px;
}
#contactinfo .right{
	width:45%;
}
#contactinfo address{
	line-height:18px;
}
#contactinfo ul{
	margin:0;
}
#contactinfo li{
	line-height:18px;
	padding:0 0 0 20px;
}
#contactinfo li a{
	color:#535555;
	text-decoration:none;
}
#contactinfo li a:hover{
	text-decoration:underline;
}
.twitter{
	background:url('../images/icon_twitter.png') center left no-repeat;
}
.facebook{
	background:url('../images/icon_facebook.png') center left no-repeat;
}
#map{
	width:470px;
	height:300px;
	position:relative;
	overflow:hidden;
	z-index:1;
}
#map iframe{
	position:relative;
	width:472px;
	height:300px;
	border:none;
	margin:0;
	overflow:hidden;
	z-index:1;
	display:block;
}

/**
 * Info popup window
 */
#info_popup{
	width:550px;
	height:360px;
	position:absolute;
	top:20%;
	left:25%;
	background:#FFF;
	z-index:1000;
	border:1px solid #808080;
	overflow:hidden;
	display:none;
	color:#535555;
	color:#666868;
}
#info_content{
	padding:0 30px 10px 10px;
	background:#FFF;
	position:relative;
	height:326px;
	overflow:hidden;
}
#info_popup .footer{
	background:#9f9e9e;
}
#info_popup .close{
	width:15px;
	height:15px;
	position:absolute;
	top:6px;
	right:16px;
	cursor:pointer;
	z-index:1001;
}

/**
 * Custom Scrollbar
 */
.scroller{
	height:100%;
	width:15px;
	position:absolute;
	right:0;
	top:0;
	background:url('../images/scroll_bar.png') 0 0 repeat-y;
	z-index:100;
}
.scroller .scrollbar, .scroller .bottom, .scroller .button{
	background:url('../images/scroll_bar.png') -15px 100% no-repeat;
	height:100%;
}
.scroller .scrollbar{
	background-position: -30px 0;
	display:none;
}
.scroller .button{
	background-position: -45px 0;
	height:34px;
	width:15px;
	cursor:pointer;
	position:absolute;
	top:0;
	z-index:101;
}
.scroller .track{
	width:15px;
	position:absolute;
	top:8px;
	bottom:34px;
}
.scroller div.up, .scroller div.down{
	width:15px;
	height:15px;
	position:absolute;
	bottom:0;
	right:0;
	cursor:pointer;
	z-index:101;
}
.scroller div.up{
	bottom:16px;
}
#info_popup .scroller, #info_popup .scroller .bottom{
	height:336px;
}

/**
 * Page specific differences
 */
#body_partners p{
	overflow:hidden;
	padding:5px 0 5px 8px;
}
#body_partners p img{
	float:left;
	border:1px solid #CCC;
	margin:0 5px 0 0;
}