@charset "utf-8";
/* CSS Document */

html, body{
	margin:0;
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	background:url(../images/headerBg.gif) top repeat-x;
	color:#333;
}

div.clear{
	clear:both;
}

br{
	clear:left;
}

a{
	text-decoration:none;
	outline:none;
	font-weight:bold;
	color:#666;
}

h1{
	font:lighter 23px Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px 0;
}

h2{
	font:lighter 18px Arial, Helvetica, sans-serif;
	padding:10px 0 0 0;
	margin:0;
}

h4{
	font:lighter 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:10px 0 0 0;
	margin:0;
}

p{
	margin:0;
	padding:5px 0;
}

p.date{
	font-size:10px;
	margin:0;
}

input,textarea.select{
	border:#c6c3d6 solid 1px;
	padding:3px 5px;
	font-size:11px;
	margin:5px;
	float:left;
}

input.button{
	font-size:10px;
	color:#FFF;
	background:#00ad67;
}

/*****     END OF GLOBALS     *****/

div#mainContainer{
	width:900px;
	padding:20px;
	margin:0 auto;
}

div#header{
	margin:0;
	padding:0;
}

div#header .logo{
	padding:0;
	float:left;
}

div#header .orgName{
	width:715px;
	padding:23px 0 0 0;
	*padding:20px 0 0 0;
	margin:0;
	float:right;
}

ul#navigation{
	width:710px;
	background:#140958;
	margin:10px 0 0 0;
	padding:0 5px;
	list-style:none;
	float:right;
}

ul#navigation li{
	padding:12px;
	float:left;
}

ul#navigation a{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	float:left;
}

ul#navigation a:hover,
div#homeBanner a:hover,
div#introBlock a:hover,
div#programsBlock a:hover,
ul#navigation span.selected{
	color:#f48921;
}

/*****     END OF HEADER     *****/

div#firstBlock{
	padding:20px 0 10px 0;
}

div#homeBanner{
	background:#a50069;
	width:440px;
	min-height:450px; 
	height:auto !important; 
	height:450px;
	padding:5px;
	color:#FFF;
	float:left;
}

div#homeBanner .bannerImage{
	width:440px; /** make sure when you crop image the width is 400px;  **/
}

div#homeBanner .bannerText{
	width:420px;
	padding:10px;
}

div#homeBanner a,
div#introBlock a,
div#programsBlock a,
div#eventsBlock a,
div#newsBlock a{
	color:#FFF;
}

div#introBlock,
div#programsBlock,
div#eventsBlock,
div#newsBlock{
	width:185px;
	background:#00ad67 url(../images/ayonBottomBlockGreen.gif) right bottom no-repeat;
	padding:15px 15px 65px 15px;
	margin:0 0 0 10px;
	min-height:380px; 
	height:auto !important; 
	height:380px;
	color:#FFF;
	float:left;
}

div#programsBlock{
	background:#f48921 url(../images/ayonBottomBlockYellow.gif) right bottom no-repeat;
}

div#eventsBlock{
	background:#00a0df url(../images/ayonBottomBlockBlue.gif) right bottom no-repeat;
	min-height:160px; 
	height:auto !important; 
	height:160px;
}

div#newsBlock{
	min-height:230px; 
	height:auto !important; 
	height:230px;
	background:#a50069 url(../images/ayonBottomBlockPurple.gif) right bottom no-repeat;
}

/*****     END OF FIRST BLOCK     *****/

div#horizontalBlock{
	background:url(../images/blockHeadBg.gif) repeat-x;
	padding:25px 0 0 0;
}

div#horizontalBlock .membersNews{
	width:420px;
	padding:0 15px;
	float:left;
}

div#rightBlock{
	width:225px;
	padding:0;
	margin:0;
	float:left;
}

div.downloadAyonReport,
div.callYouthOrg,
div.addressBlock,
div.memberOrganizations,
div.becomeMember,
div.subscribeNewsletter{
	background:url(../images/blockHeadBg.gif) repeat-x;
	padding:25px 15px;
	margin:0 0 0 10px;
	width:185px;
	float:left;
}

div.downloadAyonReport{
	background:none;
	padding:15px 10px 25px 10px;
}

div.callYouthOrg{
	padding:35px 15px 0 15px;
}

/*****     END OF HORIZONTAL [SECOND] BLOCK     *****/

div#lowerBlock{
	padding:20px 0 0 0;
}

div.addressBlock{
	width:200px;
	margin:0;
	float:left;
}

div.memberOrganizations{
	padding:45px 10px;
	float:left;
}

div.becomeMember{
	width:185px;
}

div.subscribeNewsletter{
	width:185px;
}

form.subscribe{
	background:url(../images/subscribeNewsletter.gif) top left no-repeat;
	margin:0;
	padding:50px 0 0 0;
}

/*****     FOOTER SECTION     *****/

div#footer{
	width:880px;
	background:#1e155d;
	padding:0 10px;
	color:#FFF;
}

div#footer a.mail{
	padding:10px;
	background:#1e155d url(../images/arrowLink.gif) right no-repeat;
	color:#FFF;
	float:left;
}

div#footer .rights{
	padding:10px;
	float:right;
}

/*****     INSIDE PAGES     *****/

div#mainContent{
	width:660px;
	padding:0 15px 0 0;
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	float:left;
}

div#mainContent .leftColumn{
	width:440px;
	border-right:#CCC solid 1px;
	padding-right:3px;
	float:left;
}

div#mainContent .rightColumn{
	width:190px;
	padding:0 0 0 20px;
	float:left;
}

div#mainContent ul{
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
}

div#mainContent li{
	padding:0 0 0 25px;
	margin:10px 0;
	background:url(../images/ulArrow.gif) 3px 4px no-repeat;
}

div#mainContent div.downloadPDF{
	background:url(../images/pdfIcon.gif) 0 15px no-repeat;
	padding:10px 0 10px 40px;
}
.floatleft {
	float:left;
	margin-right:5px;
}
.floatright {
	float:right;
	margin-left:5px;
}
.more, .more a {
	color:#F60;
	text-decoration:none;
	font-weight:normal;
}
.more a:hover {
	color:#FC3;
	text-decoration:underline;
	font-weight:normal;
}