body 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.25em;
	color: #666666;
    background: url(../images/body_bg.jpg) #D9D9D9 repeat-x;
}

* { margin: 0; padding: 0; }

a 			{ color:#666666; text-decoration: none; }
img 		{ border:none; }

.img-left 	{ float:left; margin: 0 15px 10px 0; }
.img-right 	{ float:right; margin: 0 0 10px 15px; }
.left 		{ float:left; padding-left: 0; margin-left: 0; }
.right 		{ float:right; padding-right: 0; margin-right: 0; }
.center 	{ margin:0 auto; text-align:center; }
.clear 		{ clear: both; }

#main-column 							{ padding:15px 40px 0 40px; width:865px; margin:0 auto; background: url(../images/main_column_bg.png) repeat-y center; height:100%; }
#main-column h1 						{ color:#FF0000; padding:5px 0 10px 0; font-size:1.8em; }
#main-column h2 						{ color:#FF0000; padding:5px 0 10px 0; font-size:1.4em; }
#main-column h3 						{ color:#FF0000; padding:5px 0 10px 0; font-size:1.2em; }
#main-column p 							{ padding:5px 10px 10px 5px; }
#main-column a:hover 					{ text-decoration:underline; }
#main-column img, #main-column iframe 	{ padding:2px; border:2px solid #b3b1ad; }
#main-column ul, #main-column ol 		{ margin-left:20px; padding-bottom:10px; padding-left:20px; }
#main-column ol ul {  }
#main-column table span 				{ font-size:1.15em; color:#FF0000; }
#main-column table img 					{ border:none; }

#welcome-text 		{ float:left; width: 590px }
#welcome-image 		{ float:right;}
#welcome-image img 	{margin-right:30px; }
#news ul li 		{ display:inline; float:left; width:30%; padding:10px; }

#side-nav 				{ padding: 0 0 10px 10px; }
#side-nav-top 			{ background: url(../images/side_nav_top.png); height:10px; width:290px; }
#side-nav-middle 		{ background: url(../images/side_nav_middle.png) repeat-y; width:290px; }
#side-nav-bottom 		{ background: url(../images/side_nav_bottom.png); height:17px; width:290px; }
#side-nav-middle h2 	{ padding-left:10px; }
#side-nav-middle h2 a 	{ color:#FF0000; padding: 0px; }
#side-nav-middle ul 	{ padding:0px; }
#side-nav-middle li 	{ list-style: none; background: url(../images/bullet.png) no-repeat center left; padding-left:30px; height:35px; }
#side-nav-middle a 		{ padding-top:9px; display:block; }

.menu-hide h4 	{ color:#FF0000; background: url(../images/bullet.png) no-repeat center left; padding-left:30px; height:35px; line-height:2.4em; cursor:pointer; }
.menu-hide div 	{ margin: 0 50px; }

.summary	{ border-top:1px solid #DDDDDD; padding: 10px 0; }

#footer 	{ background: url(../images/logo_footer.png) no-repeat; border-top:1px solid #DDDDDD; height:70px; margin:10px 8px 0 13px; padding-top:15px; font-size:0.9em; }
#footer p 	{ font-size: 0.9em; padding:0px; }

#search 			{ float:right; background: url(../images/search_bg.png) no-repeat; width:275px; height:25px; padding:2px 0 0 15px; margin-top:6px; }
#search fieldset 	{ border:none; }
#ajaxSearch_input 	{ border:none; }
#ajaxSearch_submit 	{ display:none; }

/** Header **/

#header
{ 
	height:338px; 
	width:1000px;
	margin:0 auto;
}

#header-graphics
{ 
	height:300px;
	background: url('../images/header_img.jpg') no-repeat 50px bottom;
}

#header-graphics img
{ 
	float:right; 
	position: relative;
	top: 35%;
	right: 50px;
}


/** Navigation **/

#navigation 					{ position:relative; z-index:1000; width: 900px; margin: 0 auto; }
#navigation li 					{ list-style:none; float:left; width:140px; }
#navigation a 					{ background: url(../images/nav_links_bg.png) no-repeat; color:black; font-size:1.5em; text-align:center; text-decoration:none; line-height:1.75em; }
#navigation li, #navigation a 	{ display:block; height:38px; }
#navigation ul li ul 			{ display:none; position:relative; top:-1px; }
#navigation ul li:hover ul 		{ display:block; }
#navigation ul li ul li 		{ height:30px; }
#navigation ul li ul li a 		{ background: #DDDDDD; border:1px solid #b3b3b3; font-size:1em; padding:5px; height:20px; text-align:left; width:180px; }
#navigation ul li ul li a:hover { background-color: #CCCCCC; }

#how-to-help a 	{ background-position: 0px 0px; }
#about-us a 	{ background-position: -140px 0px; }
#our-work a 	{ background-position: -280px 0px; }
#donate a 		{ background-position: -420px 0px; }

#how-to-help a:hover 	{ background-position: 0px -38px; }
#about-us a:hover 		{ background-position: -140px -38px; }
#our-work a:hover 		{ background-position: -280px -38px; }
#donate a:hover 		{ background-position: -420px -38px; }

#how-to-help a.active	{ background-position: 0px -76px; }
#about-us a.active 		{ background-position: -140px -76px; }
#our-work a.active 		{ background-position: -280px -76px; }
#donate a.active 		{ background-position: -420px -76px; }

/** Homepage Carousel **/

#live-united
{
	height: 495px;
	width: 598px;
	margin-bottom: 20px;
	float:left;
	border-right:1px solid #DDDDDD;
}

/** SURVEY **/
div#item-1 p.call-to-action { padding-top: 30px; }

#live-united img { border:none; float:left; margin-bottom: 10px; display: block; }

.live-united-item 			{ display:none; background-color: white; min-height: 400px; }
.live-united-item.active 	{ display: block; background-color: white; }

.call-to-action 		{ font-size: 18px; font-weight: bold; }
.call-to-action span 	{ color: #FF0000; }

#item-1
{ 
	padding-right: 145px;
	background: url('../images/carousel/oakville.jpg') no-repeat right bottom;
}

#item-2 
{
	padding-right: 220px;
	background: url('../images/carousel/peter.jpg') no-repeat right bottom;
}

#item-3 
{
	padding-right: 253px;
	background: url('../images/carousel/victoria.jpg') no-repeat right bottom; 
}

#item-4 
{ 
	padding-right: 225px;
	background: url('../images/carousel/chris.jpg') no-repeat right bottom;
}

#item-5 
{ 
	padding-right: 251px;
	background: url('../images/carousel/brian_hanna.jpg') no-repeat right bottom;
}

#item-6 
{ 
	padding-right: 180px;
	background: url('../images/carousel/don.jpg') no-repeat right bottom;
}

#live-united ul 
{ 
	list-style-type: none;
	float:right;
	margin: 0 3px 0 0;
	padding: 0; 
}

#live-united ul li 
{ 
	background:url("../images/carousel/carousel_button.png") no-repeat scroll center center transparent;
	color: black;
	cursor:pointer;
	float:left;
	height:30px;
	line-height:30px;
	margin-right:5px;
	text-align:center;
	width:30px;
}

#live-united ul li.active
{
	color: #FF0000;
}


#useful-links	{ margin-left: 16px; float:left; }

#useful-links object, #useful-links embed { margin-bottom: 10px; }

#useful-links a	
{ 
	width: 188px;
	height: 50px;
	margin: 0 auto 15px auto;
	padding-top: 25px;
	display: block;
	text-align: center;
	font-size: 18px; 
	color: black;
	background: url('../images/useful-link.png') no-repeat left bottom; 
}

/** Homepage News and Events **/

#news { float: left; margin-right: 20px;}

.headline 	
{ 
	width: 477px;
	height: 136px;
	margin-bottom: 15px;
	padding: 5px;
	background: url('../images/headline_bg-2.png') no-repeat;
}

.headline img 	
{
	float: left;
	border: 1px solid white !important;
	padding: 0 !important;  
	margin: 0 10px 0 0 !important; 
}

.headline h3 	
{  
	padding:0 !important; 
	font-size:1em !important;
	margin: 10px 0 !important; 
}

.headline p 	{ color:black; font-size:0.8em; line-height:1.3em; }
.headline a 	{ color:red; float:right; padding-right:18px; }	

/** Campaign News **/

#campaign-news
{
	width: 358px;
	float:left;
}

.campaign-news-item
{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 10px;
	padding-bottom: 10px
}

.campaign-news-item a 	{ color:red; float:right; }

/** Donation Form **/

form#donate_form h3 				{ border-bottom: 1px solid #DDDDDD; }
form#donate_form input 				{ display: inline-block; }
form#donate_form input.radio 		{ margin: 0 5px 0 0; }
form#donate_form button 			{ margin: 0px; }
form#donate_form select				{ display: inline; width: 156px; }

table#donor_info	{ margin: 5px auto 0 auto; }
table#donor_info input { border: 1px solid #999999; height: 15px; padding: 1px; width: 151px; }

div#donation_info 		{ margin: 0 auto; width: 600px; }
div#donation_info h4 	{ margin: 5px 0 10px 0; }

div#donation_amount 	{ margin: 0 auto 10px auto; width: 400px; }
div#donation_frequency	{ margin: 0 auto 10px auto; width: 400px; }

p#error-info { height: 20px; text-align:center; color: #FF0000; }

p#donation_summary	{ text-align:center; font-size: 16px; color: green; } 

p.legal-ease	{ font-size: 11px; line-height: normal; padding: 0;}


/** Donation Thank You **/

h1#big-thank-you
{
	font-size: 60px;
	line-height: 60px;
	text-align:center;
}

/** Regsitration Wizard **/
div#reg-wizard
{
	border: 1px solid #999999;
	height: 600px;
	margin: 0 auto;
	padding: 10px;
	width: 750px;
}

div#wizard-preloader
{
	background: url('../images/preloader.gif') no-repeat center;
	font-size: 28px;
    height: 80px;
    margin: 200px auto 0;
    text-align: center;
    width: 250px;
}


/** Form styles for webLoginPE **/

div.wlpeMessage {}
p.wlpeMessageText { padding-left: 30px; color: #ff0000; }

#main-column form { text-align: left; padding-bottom: 20px; border: none; }
#main-column fieldset { padding: 2em; border: none; border-top: 1px solid #ccc; }

.full { width: 100%; }

button {
    background: url('../images/button_bg.png') no-repeat scroll top right;
    border:none;
    display: block;
    float: left;
    height: 30px;
    margin-right:15px;
width:125px;
}

button:hover { background-position: bottom right; }

fieldset #wlpeTermsOfService {
	height: 200px;
	font-size: 90%;
	overflow: auto;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding: 0 10px;
	margin: 6px 0 6px 0px;
}
legend {
	margin-bottom: 10px;
	font-variant: small-caps;
	font-weight: bold;
	font-family: verdana;
	font-size: 110%;
	color: #3366cc;
	padding: 0.2em 0.5em;
	border: 1px solid #ccc;
	text-align:right;
}

#main-column input { display: block; margin-top: 3px; }
select { display: block; }
label.first, label.city { margin-right: 10px; width: 150px; }
label.second, label.state { margin: 0 10px 0 0; width: 150px; }
label.state { width: 60px; }
label.first input, label.city input, label.second input { width: 150px;	padding: 0; }
label.state select { width: 60px; margin-top: 3px; }
label.zip, label.zip input { width: 80px; }
label.zip {}
label {	width: 100%; margin: 0; line-height: 1.5em; }
label input { padding: 0; }
input.radio, input#radiobutton_1, input#radiobutton_2, input#radiobutton_3, input#radiobutton_4 { padding: 0; margin: 0; }
label.radio, label.radioitem { margin: 0 0 0 25px; padding: 0 0 15px; }
input.checkbox, input#checkbox_1, input#checkbox_2, input#checkbox_3, input#checkbox_4 { padding: 0; margin: 0; }
label.checkbox { margin: 0 0 0 25px; padding: 0 0 15px; }

/* style the form elements to look similar across browsers ... emulates Safari */
#main-column label input, #main-column textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
input.checkbox, select { border: 1px solid #ddd; border-left-color: #c3c3c3; border-top-color: #7c7c7c; background-color: #fff; }
textarea { margin-top: 3px; width: 383px; height: auto; display: block; }
label input.calc { text-align: right; width: 100px; clear: left; padding: 0; }
input.button {
	clear: left;
	margin: 0px 0px 0px 5px;
	background-color: #5f81a8;
	color: #ffffff;
	font-size: 90%;
	border: 1px solid #ddd;
	border-right-color: #c3c3c3;
	border-bottom-color: #7c7c7c;
}

#wlpeUserInfo { font-family: verdana; font-size: 110%; }
#wlpeUserInfo label { font-weight: bold; }

#wlpeViewProfileTable { margin: 20px; font-family: verdana; }
.wlpeViewAttribute { font-size: 110%; font-weight: bold; font-variant: small-caps; line-height: 2em; }
.wlpeViewAttribute label { padding-left: 50px; line-height: 2em; }
.wlpeViewAttributeValue { padding-left: 50px; line-height: 2em; }

/* Sidebar - WP blog */
#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

#sidebar
{
	
        padding: 20px 0 10px 0;
	width: 20%;
	}

#sidebar form {
	margin: 0;
	}

#content {
      
      	font-size: 1.2em;
        width: 75%;
	}

/* Begin Comments*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.3em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}


.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */