*{
	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;
}
h2{
	font-size:14px;
	padding:0 0 5px;
	font-weight:bold;
}
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;
}
a{
	color:#000;
}
a img{
	border:0;
}
:focus{
	outline:none;
}
img.right{
	float:right;
	margin:3px 0 0 10px;
}
h2.donate{
	text-align:center;
	padding:5px 0;
}
h2.donate a{
	color:#535555;
}
#wrapper{
	padding:20px 0;
}
#main{
	width:860px;
	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:290px;
	position:relative;
	display:block;
	overflow:hidden;
}
#header img{
	height:290px;
	display:inline;
}
#header h1{
	text-indent:-9999px;
	width:349px;
	height:76px;
	background:url('../images/wyman.png') top left no-repeat;
	position:absolute;
	top:30px;
	left:1px;
}
#content{
	width:100%;
	overflow:hidden;
	position:relative;
}
#content #header h1{
	background:url('../images/wyman_small.png') top left no-repeat;
	width:293px;
	height:64px;
	top:10px;
	left:25px;
}
#content #header h2{
	color:#000;
	/*color:#EA6C26;*/
	font-size:51px;
	position:absolute;
	bottom:-10px;
	font-weight:normal;
	text-align:center;
	width:100%;
	white-space:nowrap;
	padding:0;
}
/**
 * Column layout styles
 */
#columns1, #columns2{
	float:left;
	width:100%;
	position:relative;
	background:#FFF;
	min-height:320px;
}
#columns2{
	overflow:hidden;
}
#columns1{
	right:514px;
	background:#000;
}
#col1{
	float:left;
	width:346px;
	position:relative;
	overflow:hidden;
	left:514px;
}
#col2{
	width:500px;
	height:100%;
	float:left;
	position:relative;
	overflow:hidden;
	left:528px;
	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;
}
/*
a.subscribelink{
	color:#EA6C26;
	font-size:17px;
	text-decoration:none;
	padding:0 10px;
	position:relative;
	top:-2px;
}
a.subscribelink:hover{
	text-decoration:underline;
}*/
p#united_way{
	width:221px;
	height:60px;
	font-size:12px;
	position:absolute;
	bottom:7px;
	right:0;
	padding: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
 */
#reasons{
	padding-bottom:80px;
	font-size:11px;
	color:#000;
}
#reasons p{
	line-height:150%;
}
#reasons a{
	color:#000;
}
#reasons h1{
	font-size:70px;
}
/**
 * About Wyman Page styles
 */
#programmelinks a{
	font-size:10px;
	white-space:nowrap;
}
/**
 * Teen Outreach programme page
 */
 #page_wyman_top table, #page_wyman_top_popup table{
	background-color:#CCCCCC;
	border-collapse:collapse;
	margin:0 0 1.5em;
	padding:0;
}
#page_wyman_top table th, #page_wyman_top_popup table th{
	font-size:12px;
	font-weight:bold;
}
#page_wyman_top table td, #page_wyman_top_popup table td, table th {
	border:2px solid #FFFFFF;
	margin:0;
	padding:10px;
}
#page_wyman_top table .alt td, table .alt th, #page_wyman_top_popup .alt td{
	background-color:#E0E0E0;
}
#page_wyman_top table ul, #page_wyman_top_popup table ul{
	margin:0 0 5px 10px;
}
#page_wyman_top ul.no-indent, #page_wyman_top_popup ul.no-indent{
	margin-left:15px;
}
#page_wyman_top table ul li , #page_wyman_top_popup table ul li{
	font-size:14px;
	line-height:14px;
	margin:0 0 4px;
	list-style-type:square;
}
#page_wyman_top a:link, #page_wyman_top_popup a:link{
	color:#D66717;
	text-decoration:underline;
	font-size:11px;
}
#page_wyman_top table h6, #page_wyman_top_popup table h6{
	font-size:11px;
}
#page_wyman_top li, #page_wyman_top_popup li{
	list-style-type:square;
	line-height:18px;
}
#page_wyman_top blockquote, #page_wyman_top_popup blockquote{
	background:#EEDDC0;
	padding: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_become_involved #info_popup, #body_contact_us #info_popup{
	width:650px;
}
#body_become_involved #info_popup ul{
	width:100%;
	overflow:hidden;
	padding:0 0 20px 0;
	clear:left;
	margin:0;
}
#body_become_involved #info_popup ul li{
	float:left;
	clear:left;
	width:100%;
	padding:2px 0 0;
}
#body_become_involved #info_popup ul li span{
	display:block;
	width:145px;
	float:left;
	font-weight:bold;
}