body {
	background: #fff url(img/bodybg.gif) repeat-x top left;
	padding: 0;
	margin: 0;
}
body,td,th,input,select,textarea { 
	color: #666;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 17px;
}
input,select,textarea { color: #333; }

* { outline: none; }
a { color: #36c; text-decoration: none;  }
a:hover { color: #d37330; }

a img { border: none; }

a,label { cursor: pointer; }

h1,h2,h3,h4,h5,h6,p,ul,ol,table { margin: 0 0 1em 0;  }
h2,h3,h4 { font-weight: normal; margin: 2em 0 1em 0; }
h2 { color: #411441; font-size: 18px; margin-top: 0; }
h3 { color: #107aa9; font-size: 14px; margin-bottom: 8px; }


form.search p { margin: 0; }


form.search .imgbutton img { 
	margin-bottom: -12px;
}

input[type="checkbox"],input[type="radio"] { 
	font-size: 10px; 
	width: 12px; 
	height: 12px; 
}

input[type="image"], .imgbutton img { margin-bottom: -8px; }

input[disabled] { color: #ccc; }


.fees th, .fees td { text-align: left; padding-right: 2em; }

form th {
	padding-left: 1em;
	padding-right: .5em;
	/*width: 100px;*/
	text-align: right;
	padding-top: 7px;
	vertical-align: top;
}
form td {
	padding-bottom: 3px;
	vertical-align: top;
}
label { font-size: 10px; font-weight: bold; }
	label.opt { font-weight: normal; }
	label.disabled { color:#ccc; }
	
form td label { font-weight: normal; }


form td span.confirm {
	display: block;
	color: #333;
	padding: 7px 5px 5px 5px; 
}

form .confirmation td {
	width: 184px;
}


form .disabled input, form .disabled label, form .disabled select {
	color: #ccc;
}



.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

.submitline { padding-top: 12px; }


.smallcaps { font-size: 75%; text-transform: uppercase; }
.note { font-size: 9px; }

.numeric { text-align: right; }

.error {
	color: #9c1d36;
	font-weight: bold;
}
.notice {
	color: #f5860b;
	font-weight: bold;
}

.clear { clear: both; }

.boxcol { width: 10px; }


.agreement { 
	padding-left: 26px;
	position: relative;
}
.agreement .agreementindent {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


.textbox,select,textarea { 
	width: 170px; 
	padding: 7px 4px 4px 4px; 
	margin: 0; 
	border: 1px solid #ccc;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}
select { padding: 3px 2px 1px 2px; }
	.textbox.long { width: 400px; }

	.textbox.sm, .textbox.numeric { width: 70px; padding: 5px 2px 2px 2px;  }
	.textbox.sm.numeric { width: 40px; }
	
	.textbox.numeric.price { 
		background: url(img/pricetextboxbg.gif) no-repeat 2px 6px;
		padding-left: 12px;
	}
	
	input.error,select.error,textarea.error, .textbox.numeric.price.error { color: #000; font-weight: normal; background-color: #ffb8b8; }
	
	
	form.search.event.generic .textbox { width: 200px; }

.textbox.inactive { color: #999; }
.textbox.active { color: #333; }

.textbox.disabled, .textbox.numeric.price.disabled {
	background-color:#eaeaea;
}


#header, #content, #homeintro .interior, #subpageheader .interior { 
	width: 970px;
	margin: 0 0 0 20px;	
}

#header {
	height: 162px;
	position: relative;
}


#header h1 {
	position: absolute;
	top: 0;
	left: 10px;
	width: 268px;
	height: 130px;
	margin: 0;
	background: url(img/header_logo.gif) no-repeat top left;
}
	#header h1 a {
		display: block;
		position: absolute;
		top: 30px;
		text-decoration: none;
		width: 268px;
		height: 80px;
		text-indent: -9999em;
	}
	
	
#header .mininav {
	width: 500px;
	height: 16px;
	position: absolute;
	top: 67px;
	right: 0;
	text-align: right;
	font-size: 11px;
	color: #b3b3b3;
}

	#header .mininav p { margin: 0; padding: 0; }
	#header .mininav a { color: #333; font-weight: bold; }
		
		
#mainnav {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 31px;
	width: 720px;
}
	#mainnav ul, #mainnav li { margin: 0; padding: 0; list-style: none; }
	#mainnav li { position: absolute; top: 0; height: 31px; }
	#mainnav li a { 
		display: block;
		height: 31px;
		text-indent: -9999em;
	}
	#mn-create {
		left: 0;
		width: 116px;
		background: url(img/mn-create.gif) no-repeat top left;
	}
		#mn-create a:hover { background: url(img/mn-create-on.gif) no-repeat top left; }
	#mn-browse {
		left: 120px;
		width: 116px;
		background: url(img/mn-browse.gif) no-repeat top left;
	}
		#mn-browse a:hover { background: url(img/mn-browse-on.gif) no-repeat top left; }
	#mn-post {
		left: 240px;
		width: 181px;
		background: url(img/mn-post.gif) no-repeat top left;
	}
		#mn-post a:hover { background: url(img/mn-post-on.gif) no-repeat top left; }
	#mn-myaccount {
		left: 425px;
		width: 107px;
		background: url(img/mn-myaccount.gif) no-repeat top left;
	}
		#mn-myaccount a:hover { background: url(img/mn-myaccount-on.gif) no-repeat top left; }
		
		#mn-news {
		left: 536px;
		width: 116px;
		background: url(img/mn-news.gif) no-repeat top left;
	}
		#mn-news a:hover { background: url(img/mn-news-on.gif) no-repeat top left; }
		
		
#headersearch {
	position: absolute;
	bottom: 0;
	right: -4px;
	width: 220px;
	height: 45px;
	text-align: right;
}
	#headersearch form { margin: 0; }
	
	



#homeintro, #subpageheader { border-top: 1px solid #ccc; }		
	
#homeintro {
	background: #3e0940 url(img/homeintrobg.gif) repeat-x 0 0;
	color: #fff;
	height: 327px;
}
	#homeintro .filler { height: 327px; background: url(img/homeintrofillerbg.png) no-repeat top left; }
	#homeintro .swfsplash {
		width: 228px;
		float: left;
	}
	#homeintro .introcopy {
		width: 474px;
		float: right;
	}
	
	
	
#homepage #homestarts, #homepage #homefeatures { clear: both; padding-top: 30px; }



#homepage .homestart, #homepage .homefeature {
	width: 268px;
	padding: 13px 19px;
	float: left;
	margin-right: 8px;
}
	
#homepage .homestart {
	height: 115px;
	background: url(img/h-homestartbg.gif) no-repeat top left;
}
	#homepage .homestart.dealers { margin-right: 0; }

#homepage .homestart p {
	line-height: 16px;
	margin: 8px 0;
}
	#homepage .homestart p.hbgo { text-align: right; }

#homepage .homestart h3 {
	height: 19px;
	margin: 0;
	text-indent: -9999em;
}
	
	#homepage .homestart.create h3 { background: url(img/h-homestart-create.gif) no-repeat top left; }
	#homepage .homestart.find h3 { background: url(img/h-homestart-find.gif) no-repeat top left; }
	#homepage .homestart.dealers h3 { background: url(img/h-homestart-dealers.gif) no-repeat top left; }

	


#homepage .homefeature { padding-top: 0; }

#homepage .homefeature.artists { margin-right: 0; }	
	
#homepage .homefeature h4 {
	height: 14px;
	margin: 0;
	text-indent: -9999em;
}
	#homepage .homefeature.events h4 { background: url(img/hf-events.gif) no-repeat top left; }
	#homepage .homefeature.artists h4 { background: url(img/hf-artists.gif) no-repeat top left; }
	#homepage .homefeature.howitworks h4 { background: url(img/hf-howitworks.gif) no-repeat top left; }
	
	#homepage .homefeature.howitworks h3 { margin-top: 18px; }



	
#subpageheader {
	background: #fc850f;
	color: #fff;
	background: url(img/subpageheaderbg.gif) repeat-x -1px 0;
	height: 93px;
}
#subpageheader .filler { 
	background: url(img/subpageheaderfillerbg.png) no-repeat top left; 
	height: 93px;
}

#subpageheader .interior h2, #subpageheader .interior h3 {
	margin: 0;
	color: #fff;
}
#subpageheader .interior h2 {
	width: 464px;
	float: left;
	font-weight: normal;
	font-size: 36px;
	line-height: 98px;
	padding-left: 10px;
}

#subpageheader .interior h3 {
	width: 450px;
	float: right;
	font-weight: normal;
	font-size: 24px;
	line-height: 98px;
	text-align: right;
}



#content {
	padding: 18px 10px 18px 10px;
	width: 950px; 
}
#homepage #content { 
	padding: 0;
	width: 934px;
}

	
	
		
#footer {
	clear: both;
	border-top: 40px solid #fff;
	border-bottom: 120px solid #fff;
	width: 747px;
	margin: 0 0 0 110px;
	background: url(img/footer_bg.gif) no-repeat top center;
	text-align:center;
	font-size: 10px;
}
#footer a { color: #666; }
#footer a:hover { color: #d37330; }
#footer p.mininav {
	padding: 0;
	line-height: 24px;
	word-spacing: 4px;
}
#footer p.mininav a { word-spacing: 1px; }










/*##############
	Popup
##############*/

#popup #footer p.mininav,
#popup #header .mininav,
#popup #mainnav,
#popup #headersearch,
#popup #footer,
#popup #subpageheader,
#popup #header
{ display: none; }


#popup #header, #popup #content, #popup #homeintro .interior, #popup #subpageheader .interior {
	width: 340px;
}

/*#popup #header { height: 40px; overflow: hidden; }*/

#popup #content {
	padding: 18px 10px 18px 10px;
	width: 340px; 
}




/*##############
	Half-block
##############*/
.halfblock { width: 420px; padding: 0 10px 0 0;  margin-bottom: 2em; }
.fl { float: left;   }
.fr { float: right;  }



/*##############
	Detail
##############*/
.detail { width: 745px; margin: 0; }

.detail .donate h3, .detail .create h3 { color: #cc4a07; font-size: 16px; }
/*.detail .donate form th { width: 80px; }
.detail .create form th { width: 120px; }*/

.detail h3, .detail h4 { margin-top: 0; }

.detail .detailinfo h4 { font-weight: bold; margin-bottom: 6px; }
.detail .detailinfo p { margin-bottom: 4px; }

.detail .piechart {
	width: 90px;
	height: 140px;
	float: right;
	padding: 0 1em;
}

.detail .detailinfo {
	width: 282px;
	margin-bottom: 10px;
	background: url(img/detailinfo-top.gif) no-repeat top left;
	padding: 7px;
}

.detail .detailinfo .bottom { 
	background: url(img/detailinfo-bottom.gif) no-repeat top left;
	height: 7px;
	margin: -7px;
	margin-top: 0;
	font-size: 4px;
	line-height: 4px;
}

.detail .artphoto, .detail .donate, .detail .create, .detail .detailfeature {
	width: 400px;
	margin-bottom: 10px;
	background: url(img/detailfeature-top.gif) no-repeat top left;
	padding: 7px;
}
.detail .artphoto { background: transparent; padding-top: 0; padding-left: 0; }

.detail .detailfeature .bottom, .detail .donate .bottom, .detail .create .bottom { 
	background: url(img/detailfeature-bottom.gif) no-repeat top left;
	height: 7px;
	margin: -7px;
	margin-top: 0;
	font-size: 4px;
	line-height: 4px;
}



.detail .artphoto p { margin: 0; }
.detail .artphoto a, .detail .artphoto img { display: block; }





.detailfeature table { width: 400px; margin: 0 auto; }




/*##################
	ShortIndexList
###################*/


ul.ShortIndexList, .ShortIndexList li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.ShortIndexList { margin-top: 22px; }
.ShortIndexList li { clear: both; height: 50px; padding-top: 8px;}

	.ShortIndexList li .thumb { 
		display: block;
		float: left;
		width: 73px;
		margin-right: 5px;
		background: #f3f3f3;
		margin-top: -8px;
	}
	
	.ShortIndexList li img { display: block; margin: 0 auto; }







/*##################
	DetailedList
###################*/

.DetailedList td { 
	padding: 6px;
	font-size: 10px;
	line-height: 12px; 
}
.DetailedList th { width: 73px; padding-bottom: 4px; }
.DetailedList th a { 
	width: 73px; 
}

.DetailedList .action img { display: block; }
.DetailedList .action { width: 10px; }


.DetailedList thead th {
	font-size: 10px;
	text-align: left;
	padding: 0 6px 2px 6px;
	font-weight: normal;
	width: auto;
	border-bottom: 1px solid #ccc;
}


.DetailedList .gestarget, .DetailedList .gesends, .DetailedList .gesstatus { width: 20px; }

.DetailedList.Master th, .DetailedList.Master th a { width: auto; }
.DetailedList.Master .gestarget, .DetailedList.Master .gesends, .DetailedList.Master .gesstatus { width: auto; }
.DetailedList.Master thead th, .DetailedList.Master td {
	padding-right: 40px;
}

.DetailedList.Master th a.sort { padding-right: 8px; font-weight: bold; text-decoration: underline; }
.DetailedList.Master th a.sort.asc { background: url(img/sortasc.gif) no-repeat center right; }
.DetailedList.Master th a.sort.desc { background: url(img/sortdesc.gif) no-repeat center right; }


/*##################
	Pagination
###################*/
.pagination {
	width: 774px;
	font-weight: bold;
	font-size: 10px;
	height: 19px; 
	line-height: 21px;
	border: 1px solid #ccc;
	background: url(img/paginationbg.gif) repeat-x bottom left;
}
	.pagination .resultcount { float: left; padding-left: 6px; }
	.pagination .pages { float: right; padding-right: 6px; }




/*##################
	LongIndexTable
###################*/

.LongIndexTable { width: 776px; float:left; }  
.LongIndexTable td { 
	width: 190px;
	padding: 16px 2px 24px 2px;
	text-align: center;
	line-height: 14px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
	.LongIndexTable .spacer td { padding: 0 2px; border: none; }
	.LongIndexTable .spacer img { width: 190px; height: 1px; }


.GAddressBook.LongIndexTable {   }  
.GAddressBook.LongIndexTable th { border-bottom: 1px solid #ccc; }
.GAddressBook.LongIndexTable td, .GAddressBook.LongIndexTable th { 
	width: auto; 
	text-align: left; 
	padding: 4px 18px 4px 4px;
	vertical-align: middle;
}  

.GAddressBook.LongIndexTable td.boxcol, .GAddressBook.LongIndexTable th.boxcol { padding-top: 3px; width: 10px; }

.detail .GAddressBook.LongIndexTable { width: 398px; margin: 0; }
.detail .scroller .GAddressBook.LongIndexTable { width: 383px; }
.detail .scroller .GAddressBook.LongIndexTable td, .detail .scroller .GAddressBook.LongIndexTable th { font-size: 10px; }








/*################
	IndexFilters
##################*/
.IndexFilters {
	float: right;
	width: 123px;
	color: #666;
	padding: 2px 5px 0 5px;
	font-size: 10px;
	background: #fafafa  url(img/indexfilters-bg.gif) repeat-y top left;
}
.IndexFilters form {
	margin: -2px -5px 0 -5px;
	padding: 2px 5px;
	background: url(img/indexfilters-bottom.gif) no-repeat bottom left;
}

.IndexFilters input, .IndexFilters select { color: #333; font-size: 10px; }
.IndexFilters input.inactive { color: #999; }
.IndexFilters select { width: 110px; }

.IndexFilters label { font-weight: normal; margin-top: -2px; }
.IndexFilters h4 { 
	font-weight: bold; 
	margin: 1em 0 3px 0; 
	border-bottom: 1px solid #ccc;
}
.IndexFilters h4 label { font-weight: bold; }
.IndexFilters p { margin: 0 0 1.5em 0; line-height: 12px; }

.IndexFilters h3 { 
	margin: -3px -5px 0 -5px;
	padding: 8px 5px 0 5px;
	background: url(img/indexfilters-top.gif) no-repeat top left;
}

.IndexFilters .textbox { 
	padding: 2px 2px 0px 2px; 
}







/*##############
	DonorList
##############*/
.DonorList { width: 340px; }
.DonorList th, .DonorList td { 
	text-align: left;
	padding-right: 2em;
}






/*##############
	Scroller
##############*/

.scroller {
	height: 350px;
	overflow: auto;
	font-size: 10px;
	border: 1px solid #ccc;
	margin-bottom: 1em;
}


.striped .alt td, .striped .alt th { background: #eaeaea; }









/*###############
	sIFR
################*/

.sIFR-active #subpageheader .interior h2,
.sIFR-active #subpageheader .interior h3 {
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}
.sIFR-active #subpageheader .interior h2 { margin-top: 24px; }
.sIFR-active #subpageheader .interior h3 { margin-top: 33px; }