/* CSS Document */

html
{
	margin: 0;
	padding: 0;	
}

body
{
	margin: 0;
	padding: 0;
	background-color: #e9e9e9;
	background-image: url(../img/splatter-background.jpg);
	background-repeat: repeat-y;
	background-position: top center;
}

#main-container
{
	width: 880px;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 25px;
	padding-bottom: 80px;
}

#bottom-container
{
	width: 1024px;
	height: 194px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/bottom-bar.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#left-column
{
	width: 209px;
	clear: left;
	float: left;	
}

a div#home
{
	background-color: transparent;
	background-image: url(../img/button-home.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a:hover div#home 
{
	background-color: transparent;
	background-image: url(../img/button-home.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;	
	margin-bottom: 13px;
}

a div#about
{
	background-color: transparent;
	background-image: url(../img/button-about.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;	
	margin-bottom: 13px;
}

a:hover div#about 
{
	background-color: transparent;
	background-image: url(../img/button-about.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a div#idpaign
{
	background-color: transparent;
	background-image: url(../img/button-paign.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;	
	margin-bottom: 13px;
}

a:hover div#idpaign 
{
	background-color: transparent;
	background-image: url(../img/button-paign.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

/*a div#idpaign
{
	background-color: transparent;
	background-image: url(../img/button-campaign.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
	display: block;
}

a:hover div#idpaign
{
	background-color: transparent;
	background-image: url(../img/button-campaign.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;	
	margin-bottom: 13px;
	display: block;
}*/

a div#members
{
	background-color: transparent;
	background-image: url(../img/button-member.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a:hover div#members 
{
	background-color: transparent;
	background-image: url(../img/button-member.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a div#solicitor
{
	background-color: transparent;
	background-image: url(../img/button-solicitor.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a:hover div#solicitor
{
	background-color: transparent;
	background-image: url(../img/button-solicitor.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a div#news
{
	background-color: transparent;
	background-image: url(../img/button-news.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a:hover div#news 
{
	background-color: transparent;
	background-image: url(../img/button-news.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a div#contact
{
	background-color: transparent;
	background-image: url(../img/button-contact.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

a:hover div#contact 
{
	background-color: transparent;
	background-image: url(../img/button-contact.png);
	background-position: 0px -38px;
	background-repeat: no-repeat;
	height: 38px;
	width: 209px;
	margin-bottom: 13px;	
}

#right-column
{
	width: 631px;
	clear: right;
	float: right;
	padding-left: 40px;
}

#right-column-sub-top
{
	padding-right: 35px;
	text-align: right;	
}

#right-column-sub-middle
{
	margin-right: 45px;
	padding: 5px 10px 5px 10px;
	background-image: url(../img/sub-content-slice.png);
	background-repeat: repeat-y;	
	color: #212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#right-column-sub-middle p, #right-column-sub-middle ul, #right-column-sub-middle ol, #right-column-sub-middle li
{
	color: #212121;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#right-column-sub-middle a
{
	color: #566c11;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;	
}

#right-column-sub-middle a:hover
{
	color: #0a4367;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;	
}

#right-column-sub-middle h1, h2, h3
{
	color: #566c11;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;		
}

#right-column-sub-bottom
{
	margin-right: 35px;
	background-image: url(../img/sub-content-bottom.png);
	background-repeat: no-repeat;	
}

#right-column-sub-nav
{
	margin-top: 27px;
	margin-right: 35px;
	background-image: url(../img/sub-nav-heading.png);
	background-repeat: no-repeat;	
	height: 26px;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 9px;
	padding-left: 10px;
}

#right-column-sub-nav-extended
{
	margin-right: 35px;
	background-image: url(../img/sub-nav-heading-extended.png);
	background-repeat: no-repeat;	
	height: 22px;
	color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	padding-top: 2px;
	padding-left: 10px;
}

#right-column-sub-nav a, #right-column-sub-nav-extended a
{
	text-decoration: none;
	color: #fff;
}

#right-column-sub-nav a:hover, #right-column-sub-nav-extended a:hover
{
	text-decoration: none;
	color: #bdd740;
}

.clearing-div
{
	clear: both;
	line-height: 15px;
}

#sign-up
{
	margin-left: 101px;
	margin-top: 35px;
	clear: left;
	float: left;	
}

a div#sign
{
	background-color: transparent;
	background-image: url(../img/button-sign-up.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 121px;
	width: 129px;	
}

a:hover div#sign 
{
	background-color: transparent;
	background-image: url(../img/button-sign-up.png);
	background-position: 0px -121px;
	background-repeat: no-repeat;
	height: 121px;
	width: 129px;
}

#keep-in-touch
{
	background-color: transparent;
	background-image: url(../img/keep-in-touch-background.png);	
	background-position: top left;
	padding-top: 85px;
	height: 36px;
	width: 127px;
	margin-left: 20px;
	margin-top: 35px;
	clear: none;
	float: left;
	text-align: center;
}

#featured-donor
{
	background-color: transparent;
	background-image: url(../img/featured-donor-background.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin-top: 35px;
	margin-left: 24px;
	clear: none;
	float: left;
	height: 120px;
	width: 296px;
}

#donor
{
	height: 120px;
	width: 120px;
	text-align: right;
	float: right;	
}

#donate-now
{
	margin-top: 35px;
	margin-left: 28px;
	clear: none;
	float: left;
	height: 121px;
	width: 137px;
}

#arts-council
{
	margin-top: 35px;
	margin-left: 25px;
	clear: none;
	float: left;
	height: 120px;
	width: 45px;	
}

a div#arts
{
	background: none;
	height: 120px;
	width: 75px;	
}

a div#donate
{
	background-color: transparent;
	background-image: url(../img/button-donate-now.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 121px;
	width: 137px;	
}

a:hover div#donate
{
	background-color: transparent;
	background-image: url(../img/button-donate-now.png);
	background-position: 0px -121px;
	background-repeat: no-repeat;
	height: 121px;
	width: 137px;
}

#footer
{
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	/*padding-top: 45px;*/
	padding-bottom: 50px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #566b10;
	font-size: 16px;	
	text-decoration: none;
}

#footer a
{
	font-family: Arial, Helvetica, sans-serif;
	color: #566b10;
	font-size: 16px;	
	text-decoration: none;
}

#footer a:hover
{
	color: #0a4367;	
}