body {background:#fff url(images/back.png); text-align:center;/* IE hack to center page contents */
	margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

h1, h2, h3, h4 {padding:0; margin:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
h1 {font-size:22px; padding:10px 0 20px 0;} /* page titles */
h2 {font-size:22px; padding:10px 0 20px 0;} /* page titles */
h3 {font-size:14px; font-weight:bold;} /* sub-heads & side column headers */
h4 {font-size:12px; font-weight:normal;color:#000;} /* sub-heads & side column headers */
p {margin:0; padding:6px 0 6px 0; line-height:15px;}
p.error {padding:0 0 20px 20px !important; background:url(admin/icons/warning.gif) 0 0 no-repeat; color:#991B1F;}
p.thanks {color:#9E3E42 !important; padding-bottom:20px;}
ul {margin:0 0 0 15px; padding:6px 0 6px 20px;}
li {line-height:15px; padding:0 0 6px 0;}

div.rule {width:650px; height:14px; margin:0 auto; background:url(images/rule.gif) 0 0 no-repeat;}

form {margin:0;}
img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}
.redtext {color:#b42;}

div#printlogo {display:none;}


/* ---- links ----------------------------------------- */
a {color:#991B1F; text-decoration:none; font-weight:bold;}  
a:visited {}
a:hover {color:#000;}
a:active {}
a:active, a:focus{outline:none;}

a.pdf {background:url(images/pdf.gif) 100% 3px no-repeat; padding-right:28px;}
a.doc {background:url(images/doc.gif) 100% 3px no-repeat; padding-right:28px;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
input, textarea, select, option {border:1px solid #ccc; color:#666; width:220px; margin:0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea {height:100px;}
input.button {border-color:#999; width:80px;}
/* login form table */
table#loginTable {margin:0 auto 100px; margin-top:5px;}
table#loginTable td {vertical-align:top; padding:4px; font-size:11px;}
/* contact form table */
table#contactTable {margin:15px 0 5px 12px;}
table#contactTable td {vertical-align:top; padding:4px; font-size:11px;}
table#contactTable td label {color:#4C412B;}
table#contactTable td.left {text-align:left;}
table#contactTable td span {color:red;}
	table#contactTable td input {width:265px;}
	table#contactTable td textarea {width:265px; height:80px;}
	table#contactTable td input.button {width:60px;}
	
	
#glow {background:url(images/back_glow.png) center 0 no-repeat;}

/* ---- ids & classes ----------------------------------------- */
#frame { /* this centers the page & holds tagline & all page content */
	 width:834px; background:transparent; margin:0 auto; padding:0; text-align:left; position:relative;}
	 
#header {position:relative; width:834px; height:115px; background-color:#FFFFFF;}
	#logo {position:absolute; top:25px; left:25px; width:600px; height:35px; background:url(images/logo.gif) no-repeat; text-indent:-4000px;}
		#logo a {display:block; width:600px; height:35px; text-decoration:none;}
	#tagline {position:absolute; top:60px; left:25px; width:300px; height:35px; background:url(images/tagline.gif) no-repeat; text-indent:-4000px;}
	#toolbar {position:absolute; left:554px; top:83px; background:#333; width:280px; height:32px;}
		#toolbar a, .st_sharethis_custom {display:block; font-weight:normal; float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:32px; color:#FFFFFF; margin:0; padding:0;}
			#toolbar a:hover, .st_sharethis_custom:hover {filter:alpha(opacity=70); opacity:0.7; cursor:pointer;}
		#toolbar a.search {background:url(images/icon_search.gif) no-repeat; padding:0 22px 0 29px;}
		#toolbar a.sign-up {background:url(images/icon_sign-up.gif) no-repeat; padding:0 22px 0 25px; margin-left:20px;}
		#toolbar a.facebook {background:url(images/icon_facebook.gif) no-repeat; padding:0 22px 0 18px;}
		.st_sharethis_custom {background:#333 url(images/icon_share.gif) no-repeat; padding:0 12px 0 25px; height:32px; color:#FFFFFF;}
		



		
#navmenu {background:#D47D31;}
	/* Dropdown light #D47D31  dark #A03807  */
	/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
		
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block;  
			position:relative;
			z-index:500;
			margin:0; 
			padding:0; 
		}
			
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:0 18px 0 18px; 
			font-weight:normal;  
			text-decoration:none; 
			color:#fff;
			font-size:13px;
			line-height:33px;
			background:#D47D31;
			font-weight:normal;
		}
	
		#nav li a:hover {
			color:#fff;
			background:#C76C26;
		}
		
		/* you can make a different style for default selected value */
		#nav a.on {
			color:#fff;
			background:#A03807;
		}
		#nav a.on:hover {
			color:#fff;
			background:#A03807;
		}
		
			/* submenu, it's hidden by default */
			#nav ul {
				position:absolute; 
				
				display:none; 
				margin:0; 
				padding:0; 
				list-style:none;
			}
			
			#nav ul li {
				width:200px; 
				float:left;
			}
			
			/* display block will make the link fill the whole area of LI */
			#nav ul a {
				display:block;  
				padding:6px 0 6px 12px; 
				line-height:18px;
				color:#fff;
				background:#C76C26;
			}
			
			#nav ul a:hover {
				color:#A03807;
				background:#C76C26;
			}
			
			#nav ul a.on, #nav ul a.on:hover {
				color:#fff;
				background:#A03807;
			}
	
	/* fix ie6 small issue */
	/* we should always avoid using hack like this */
	/* should put it into separate file : ) */
	*html #nav ul {
		margin:0;
	}
	

	
	
#homepix {width:834px; margin-top:30px; position:relative;} /* header images */
	#homepix img {display:block; float:left;}
	#searchbar, #signupbar { display: none; position:absolute; right:0px; top:0px; background:#333; width:279px; height:210px;}
			#searchbar .pad, #signupbar .pad{padding:12px;}
			#searchbar h3, #signupbar h3 {color:#FFFFFF; float:left;}
			a.closepop {float:right; color:#FFFFFF; font-weight:normal;}
			a.closepop:hover {color:#ccc;}
	
#contenthome {background:#FFF url(images/back_2col.gif) repeat-y; border-bottom:1px solid #c68100; overflow:auto;}
* #contenthome {height:1%;} /*IE hack for overflow:auto above */
	#main {width:520px; float:left;margin:10px 0px 20px 20px;}
		#main img {display:block; float:right;}
	#quotebox {padding:10px 0px 0px 0px; width:500px;}
	#quotebox p {}
		p#quote {color:#b42; font:bold 13px/18px verdana,sans-serif; padding:10px 10px 5px 42px; background:url(images/quote.gif) 0 0 no-repeat;}
		p#source {padding:0 0 0 42px;}
	#homeside {width:280px; float:right; color:#333; background:#E5E5E5;}
		#promo {background:#666666;}
			#promo a {display:block;background:#666;}
			#promo a:hover {background:#555;}
			#promo a h3 {display:block; font-size:18px; line-height:24px; color:#FFFFFF; font-weight:bold; padding:12px 12px 6px 12px; margin:0;}
			#promo a p {display:block; font-size:14px; line-height:18px; color:#FFFFFF; font-weight:normal; padding:0 12px 12px 12px; margin:0;}
			#promo a img {display:block; float:right;}
		
		#news {width:280px;}
		#news .pad {padding:10px;}
		#newscroll {width:100%; height:360px; overflow:auto; margin-top:12px;}
			#news h3 {padding:6px 0 2px 0; margin-bottom:2px; border-bottom:1px solid #333;}
			#news p {font-size:11px; line-height:15px; padding:0 5px 10px 0;}
			
	
#content {background:#fcebcc url(images/back_2col.gif) 100% 0 repeat-y; border-bottom:1px solid #c68100; overflow:auto; min-height:450px;}
* #content {height:1%;} /*IE hack for overflow:auto above & min-height */
	#maincol {width:505px; float:left; padding:10px 20px 10px 20px;}
		#maincol img {display:block; margin:6px 0 8px 0;}
		#maincol img.bioimg {float:right; margin:10px 0 20px 20px;}
		#maincol img.newsimg {float:right; margin:10px 0 20px 20px;}
		#maincol h3 {padding:6px 0 0 0;}
		#showassets {width:190px; background:url(images/bgshowassets.jpg) 100% 0 repeat-y; float:right; margin:10px 0 12px 15px; padding-bottom:6px;}
			#showassets img {display:block; margin:6px 6px 3px 6px;}
			#showassets p {margin:0 10px;}
		#imageCaption {background:#FAE0AF; padding:5px 20px; margin:10px 40px 0px;} /*for programs & workshop full-size image captions on detail pages */
	#sidecol {width:260px; float:right; padding:20px 10px 10px 10px; color:#333;}
		#sidecol h3 {padding:6px 0 2px 0; margin-bottom:10px; border-bottom:1px solid #b42;}
		#sidecol p {padding:2px 2px 10px;}
		#sidecol ul {padding:0; margin:0 0 0 15px;}
		#sidecol li {padding:0; margin:0 0 8px 0; list-style:circle url(images/icon_bullet.gif) outside;}
		#sidecol li.active {list-style:circle url(images/icon_bullet_active.gif) outside; font-weight:bold; font-size:11px;}
		#sidecol a {font-weight:bold; font-size:10px;}
	/* Show images detail page */
	#singlecol {width:790px; padding:10px 20px 10px 20px;}
		table#galDisplay {margin:10px auto 0; width:710px;} /* indiv photo display */
		table#galDisplay td {padding:0;}
		a#nextLink, a#prevLink {}
		a#prevLink {background:url(images/prev.gif) no-repeat;}
		a#nextLink {background:url(images/next.gif) no-repeat;}
		a#nextLink:hover, a#prevLink:hover {}
		

#footer {margin:10px 0 20px; width:834px; height:20px; background:#333; color:#fff; text-align:center; overflow:auto;}
* #footer {height:1%;} /*IE hack for overflow:auto above */
	#footer p {font-size:10px; float:left;  padding:0 10px; line-height:40px; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#footer p.props {color:#E6C88F; float:right;}
		#footer p.props a {color:#FFF; text-decoration:none; font-weight:normal;}
		#footer p.props a:hover {text-decoration:underline;}
		
		
/* ---- "Forgot Password" popup ----------------------------------------- */
#popupFrame {padding:20px; text-align:left; color:#4C412B;}
	#popupFrame h2 {font-size:20px; font-weight:normal; padding-bottom:4px;}
	#popupFrame p {font-size:11px}
	#popupFrame a {text-decoration:underline;}
	table#tafTable {margin:10px 0;}
	table#tafTable td {vertical-align:top; padding:4px; font-size:11px}
	#popupFrame form {margin:0;}
	#popupFrame input, #popupFrame textarea {font:normal 11px verdana,sans-serif; color:#666; margin:0; width:240px;}
	#popupFrame textarea {height:80px;}
	#popupFrame input.button {width:60px;}	
			
			
/* admin panel styles */
#adminmenu {font-size:10px; margin:0; position:absolute; right:25px; top:30px; border:1px solid #666;width:200px;}
	#adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;}
	#adminmenu table td {padding:5px;}
	#adminmenu img {}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;}
	#adminmenu a:hover {color:red;}