/********************************************************************************/
/* STYLE-CLIENT */ 
/********************************************************************************/

/*********************************************************/
/* BASE HTML */
/*********************************************************/
body {
	background:#BBAC85 url(images/css/bg_body.jpg) top center repeat-x;
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#122500;
}
/*HEADLINES*/
h1, h2, h3, h4 {
	color:#003300;
	font-weight:bold;
	font-size:1.5em;
	margin-top:15px;
	color:#003300;
	/*text-transform:uppercase;*/
}
h1 { font-size:20px; text-transform:uppercase; }
h2 { font-size:16px; }
h3 { font-size:16px; }
h4 { font-size:12px; }

#subContent h1,
#subContent h2,
#subContent h3,
#subContent h4 {
	color:#fff;
	margin:10px 0 5px 0;
}
/*TEXT*/
p {
	font-size:1.1em;
	line-height:1.25em;
	margin:10px;
	/*text-align:justify;*/
}
#subContent p {
	color:#fff;
	margin:5px 0;
}
b { }
i { }
em { }
/*LINKS*/
a:link, a:visited {
	color:#000066;
	background:url(images/css/bg_link.gif) right no-repeat;
	padding-right:12px;
	text-decoration:none;
}
a:hover {
	color:#0000CC;
	text-decoration:underline;
	background-image:url(images/css/bg_link_hover.gif) right no-repeat;
}
#subContent a:link, #subContent a:visited, a.light:link, a.light:visited {
	color:#CCC;
	background:url(images/css/bg_link_sub.gif) right no-repeat;
	padding-right:12px;
}
#subContent a:hover, a.light:hover {
	color:#FFF;
	background:url(images/css/bg_link_sub_hover.gif) right no-repeat;
}
/*DEF TABLE*/
dt {
	font-size:14px;
	font-weight:bold;
}
dd {
	margin:5px 10px;
}
/*LIST*/
#mainContent ol {
	margin-left:20px;
}
#mainContent ul {
	margin-left:20px;
	margin-right:50px;
	margin-top:15px;
	list-style-type:square;
}
	#mainContent ul li {
		margin-bottom:8px;
		line-height:1.25em;
		
	}
#subContent ul {
	list-style-type:none;
}
/*********************************************************/
/* MAIN SECTION BACKGROUNDS */
/*********************************************************/
div#pageHolder {
	background:url(images/css/bg_pageHolder.jpg) center repeat-y;
}
div#header {
	background:url(images/css/bg_header.jpg) center no-repeat;
}
div#contentHolder {
	background:url(images/css/bg_contentHolder.jpg) top no-repeat;
}
div#mainContent {
	/*background:url(images/css/bg_mainContent.jpg) top right no-repeat;*/
	
}
div#navigation {
	background:url(images/css/bg_navigation.jpg);
}
div#subContent {
	/*background:url(images/css/bg_subContent.jpg) top left no-repeat;*/
	
}
div#footer {
	background:url(images/css/bg_footer.jpg) bottom center no-repeat;
}
	div#footer p {
		text-align:center;
		font-size:10px;
		margin-right:150px;
	}
/*********************************************************/
/* TEXT REPLACEMENT */
/*********************************************************/
/* Next at the Franke Center for the Arts...*/
h1.rtxt_next {
	width:351px; height:46px;
	background:url(images/css/rtxt_next.gif);
	text-indent:-99999px;
	margin-left:0;
	
}
h3.rtxt_upcoming {
	width:208px; height:32px;
	background:url(images/css/rtxt_upcoming.gif);
	text-indent:-99999px;
	margin:10px 0 0 30px;
}
h4.rtxt_thanks {
	width:151px; height:34px;
	background:url(images/css/rtxt_thanks.gif);
	text-indent:-99999px;
	margin-bottom:8px;
}
/********************************************************************************/
/* STYLE-COMPONENTS */
/********************************************************************************/
/* NAVIGATION */
/*********************************************************/
div#navigation ul {
	list-style-type:none;
	margin-left:0;
}
div#navigation li {
	height:1%;
	display:inline;
	margin:0 5px;

}
div#navigation a {
	height:23px;
	margin-left:20px;
	/*display:block;*/
	/*background:url(images/css/btn_up.jpg) center no-repeat;*/
	text-align:center;
	color:#E3E3E3;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	letter-spacing:.1em;
	line-height:2em;
	text-transform:uppercase;
	background-image:none;
	
}
div#navigation a:link, #navigation a:visited {
	text-decoration:none;
}
div#navigation a:hover {
	/*background:url(images/css/btn_over.jpg) center no-repeat;*/
	color:#fff;
}
/*********************************************************/
/* SIDEBOX - volunteer */
/*********************************************************/
div.sideBox h4 {
	color:#FCF7DF;
	margin:5px;
	font-size:12px;
}
div.sideBox {
	background:url(images/css/bg_sidebox_repeat.gif) top center repeat-y;
	text-align:center;
	width:150px;
	margin-top:5px;
}
div.sideBox div.head {
	height:10px;
	background:url(images/css/bg_sideBox_head.gif) top center no-repeat;
}
	div.sideBox div.head_media {
		height:40px;
		background:url(images/css/bg_sideBox_head_media.gif) top center no-repeat;
	}
	div.sideBox div.head_gallery {
		height:40px;
		background:url(images/css/bg_sideBox_head_gallery.gif) top center no-repeat;
	}
	div.sideBox div.head_sideBar {
		height:40px;
		background:url(images/css/bg_sideBox_head_sideBar.gif) top center no-repeat;
	}
	div.sideBox div.head_sponsor {
		height:56px;
		background:url(images/css/bg_spon_head.gif) top center;
	}
	div.sideBox div.head_levels {
		height:40px;
		background:url(images/css/bg_sideBox_head_levels.gif) top center;
	}
	div.sideBox div.head_more {
		height:40px;
		background:url(images/css/bg_sideBox_head_more.gif) top center;
	}
	div.sideBox div.head_fees {
		height:40px;
		background:url(images/css/bg_sideBox_head_fees.gif) top center;
	}
	div.sideBox div.head_involved {
		height:40px;
		background:url(images/css/bg_sideBox_head_involved.gif) top center;
	}
	div.sideBox div.head_board {
		height:40px;
		background:url(images/css/bg_sideBox_head_board.gif) top center;
	}
	div.sideBox div.head_archive {
		height:40px;
		background:url(images/css/bg_sideBox_head_archive.gif) top center;
	}
	div.sideBox div.head_article {
		height:40px;
		background:url(images/css/bg_sideBox_head_articles.gif) top center;
	}
	div.sideBox div.head_packages {
		height:69px;
		background:url(images/css/bg_sideBox_head_packages.gif) top center;
	}
div.sideBox div.contentHolder { /*used if needed to hold content off edges of box*/
	margin:3px 10px;
	text-align:left;
}
div.sideBox div.foot {
	height:10px;
	background:url(images/css/bg_sideBox_foot.gif) bottom center no-repeat;
}
div.sideBox img {
	border:2px solid #ccc;
}
div.sideBox ul {
	list-style-type:none;
	color:#fff;
}
div.sideBox li {
	margin-bottom:3px;
}
/*********************************************************/
/* IMAGE GALLERY - Thumbnail view of images */
/*********************************************************/
div#imageGallery {
	text-align:left;
}
div#imageGallery ul {
	list-style-type:none;
	margin:0;
	margin-left:15px;
}
div#imageGallery li {
	height:1%;
	float:left;
	margin-left:0;
}
	div#imageGallery a {
		display:block;
		margin:0;
		text-decoration:none;
		text-align:center;
		background-image:none;
		
	}
	div#imageGallery a img {
		margin:0;
		border:2px solid #A4AC99;
	}
	div#imageGallery span {
		color:#A4AC99;
		display:block;
	}
/*********************************************************/
/* JUMP NAVIGATION - Events page to jump to specific month */
/*********************************************************/
div#jumpNavigation {
	margin:25px 30px 5px 0;
}
	div#jumpNavigation ul {
		list-style-type:none;
	}
	div#jumpNavigation li {
		height:1%;
		margin-bottom:5px;
		background-image:none;
	}
	div#jumpNavigation a {
		display:block;
		border:1px solid white;
		font-size:14px;
		background:#999;
		text-align:center;
	}
/*********************************************************/
/* EVENT LIST - Events page */
/*********************************************************/
div#eventListing {
	width:100%;
}
div#eventListing dt span {
	font-size:10px;
	margin-left:10px;
}

	/*top link*/
	div#eventListing h2 a {
		font-size:small;
		color:#fff;
	}
	/*month divider h2*/
	h2.monthDivider {
		background:#96A291 url(images/css/bg_monthRepeater.gif) top left no-repeat;
		display:block;
		width:505px;
		color:#fff;
		line-height:1.75em;
		padding-left:5px;
		font-weight:normal;
		margin-bottom:10px;
		clear:both;
	}
		h2.monthDivider span {
			font-size:10px;
			display:block;
			color:#333;
			line-height:1.5em;
		}
/*********************************************************/
/* EVENT DETAIL - detail for selected event */
/*********************************************************/
div#eventDetail { margin-bottom:10px;}
div#eventDetail img {
		margin:5px 20px 0 0;
		float:left;
		border:3px solid #A4AC99;
	}
	div#eventDetail li {
		font-size:12px;
		margin:0;
		background:none;
		line-height:1.25em;
	}
/*AT A GLANCE - used to hold info bullets for event*/
div#glanceHolder {
	margin-bottom:10px;
	margin-top:5px;
	color:#333;
}
	div#glanceHolder ul {
		list-style-type:none;
		margin-bottom:10px;
		margin-left:0;
	}
	div#glanceHolder li span {
		font-weight:bold;
	}
	div#glanceHolder h3 {
		line-height:1em;
		margin-bottom:5px;
		font-size:14px;
	}
	div#glanceHolder p {
		font-style:italic;
	}
/*********************************************************/
/* FORM - public */
/*********************************************************/
form {
	margin:20px 35px;
}
label {
	display:block;
	margin-bottom:8px;
}
label span {
	display:block;
	font-weight:bold;
}
/*********************************************************/
/* PAGE BREAKS */
/*********************************************************/
div.greenBreak {
	height:5px;
	background:url(images/css/bg_break.jpg) center no-repeat;
	clear:both;
	margin-top:20px;
}
/*********************************************************/
/* SUBCONTENT LIST - tilde */
/*********************************************************/
div.sideList ul {
	list-style-type:none;
	margin:0;
}
	div.sideList li {
		padding-left:20px;
		background:url(images/css/bullet_til.gif) left center no-repeat;
	}
/*********************************************************/
/* COMBINED BOX - holds events and showcase on homepage */
/*********************************************************/
div#combined {
	margin-top:0px; 
	background:url(images/css/bg_combined_repeater.jpg) top center repeat-y;
}
	div#combined div.head {
		height:27px;
		background:url(images/css/bg_combined_head.jpg) top center no-repeat;
	}
	div#combined div.foot {
		height:6px;
		background:url(images/css/bg_combined_foot.jpg) bottom center no-repeat;
		clear:both;
	}
div#combined div.left { /*EVENT LISTING*/
	width:265px; 
	float:left;
}
	div#combined ul {
		list-style-type:none;
		margin-left:15px;
		margin-right:0;
	}
	div#combined li {
		border-bottom:1px dotted #A4AC99;
		margin-top:5px;		
		background-image:none;
	}
	div#combined li a {
		display:block;
		font-size:14px;
		color:#fff;
		background-image:none;
		margin:0;
	}
	div#combined li a:link, div#combined li a:visited {
		text-decoration:none;
	}
	div#combined li a:hover {
		text-decoration:underline;
	}
		div#combined li span {
			display:block;
			font-size:12px;
			color:#333;
			padding-left:10px;
			margin-bottom:5px;
			margin-top:3px;
		}
div#combined div.right {  /*SHOWCASE*/
	width:205px; 
	margin-left:290px;
	text-align:center;
}
	div.right p {
		margin:10px 20px;
		text-align:left;
	}
	div.right h4 {
		margin:5px 10px;
		font-size:16px;
		
	}
/*********************************************************/
/* QUICK LINKS - link holder for sub content area */
/*********************************************************/
div#quickLinks {
	padding-top:20px;
	text-align:center;
}
/*********************************************************/
/* GOOGLE MAP */
/*********************************************************/
div#map {
	width:500px; height:350px;
	border:3px solid #A4AC99;
}
div#infoBubble {
	
}
/*********************************************************/
/* TEMP */
/*********************************************************/
span.need {
	color:#FF0000;
}
/*********************************************************/
/* IMAGE TOOLS */
/*********************************************************/
div.bodyImage { 
	text-align:center;

}
	div.bodyImage img, img.greenBorder {
			margin:3px;
			border:3px solid #A4AC99;
		}
	div.bodyImage span, span.caption {
		display:block;
		margin:0;
		width:150px;
		color:#666;
		
	}
/*********************************************************/
/* FLOATS */
/*********************************************************/
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}