/* ------------------------------------------------------------------------------
STRUCTURAL STYLING
------------------------------------------------------------------------------ */

body {
	margin:0;padding:0;
	font-family: verdana,arial,sans-serif; 
	font-size:12px;
	background-color:#3D160E;
	color:#3E180F;
}

#container {
	background-image: url(../_images/bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	width:800px;
}

#branding {
	background-image: url(../_images/bg_branding.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:800px;
	height:200px;
}

#content {
	width:800px;
	padding:0 0 30px 0;
}

#sidebar {
 	background-color:#D2B685;
	background-image: url(../_images/sidebar_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:200px !important;
	float:right;
	padding-bottom:15px !important;
	margin-left:15px;
}

#footer {
	height:30px;
	background-image: url(../_images/bg_footer.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	background-color:#57342C;
}

#container, #branding, #content, #footer {
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#image_switcher {
	border:1px solid #6C443A;
	background-color:#ECE8DC;
	width:280px;
	height:332px;
	float:right;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
}

/* --------------------------
NAVIGATION STYLING
-------------------------- */

#nav ul {
	width:160px !important;
	margin:0 !important;padding:5px 15px 20px 20px !important;
	list-style-type:none;
	color:#3E180F;
	font-family:'arial black', arial, sans-serif;
}

	#nav ul li {
		line-height:16px;
	}
	
	#nav ul li a:link, #nav ul li a:visited {
		color:#7F1E07;
		text-decoration:none;
		font-family:'arial black', arial, sans-serif;
		font-size:11px;
		font-weight:normal !important;
		text-transform:uppercase;
	}
	
	#nav ul li a:hover {
		text-decoration:underline;
	}

/* ------------------------------------------------------------------------------
TYPOGRAPHIC STYLING
------------------------------------------------------------------------------ */

h1, h2, h3, legend {
	font-family:"arial black",arial,sans-serif;
	font-weight:normal;
	color:#7F1E07;
}

h1 em, h2 em, h3 em, legend em, .image_title em, span.page_title p em {
	font-family:arial,helvetica,sans-serif;
	font-weight:normal;
	font-style:normal;
}

h1.page_title {
	width:530px !important;
	font-size:20px !important;
	color:#851104 !important;
	background-image: url(../_images/dots.gif) !important;
	background-repeat: no-repeat !important;
	background-position: 0px 60% !important;
	padding-left:20px !important;margin:0 200px 15px 30px !important !important;
	border-bottom:solid 3px #7F1E07 !important;
}

/* OLDER CSS
.page_title { 
	display:block;	
	width:520px;
	font-size:20px !important;
	font-family:"arial black",arial,sans-serif;
	font-weight:normal;	
	color:#851104;
	background-image: url(http://www.hydeparkart.org/_images/dots.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding:0 0 0 20px !important;margin:0 0px 15px 30px !important;
	border-bottom:solid 3px #7F1E07;
	line-height:22px;
}
*/

.page_title { /* TEXTILE GENERATED PAGE TITLES */
	display:block;	
	width:520px;
		font-size:20px !important;
		font-family:"arial black",arial,sans-serif;
		font-weight:normal;	
		color:#851104;
		background-image: url(http://www.hydeparkart.org/_images/dots.gif);
		background-repeat: no-repeat;
		background-position: 0px 50%;
		padding:0 0 5px 0px !important;margin:0 0px 15px 30px !important;
		border-bottom:solid 3px #7F1E07;
		line-height:22px;
}

	.page_title p {
		display:inline;
		border:none !important;
		background-image:none !important;
		margin:0 !important;padding:0 0 0 20px !important;
	}

#content h1, h2, h3 {
	margin:0 30px 0px 30px;
}

.homepage #content h1 {
	font-size:18px;
	color:#851104;
	background-image: url(../_images/dots.gif);
	background-repeat: no-repeat;
	background-position: 0px 60%;
	padding-left:20px;
	margin-bottom:15px;
	color:#49261D;
}

h1, .homepage h2 {
	color:#49261D;
	font-size:16px;
	margin-bottom:0px;
	margin-top:5px;
}

h2 {
	color:#49261D;
	font-size:14px;
	margin-bottom:0px;
	margin-top:5px;
}

h3 {
	color:#49261D;
	font-size:12px;
	margin-bottom:0px;
	margin-top:5px;
}

#content p {
	margin:0px;
	padding:5px 75px 10px 30px;
}

 #content ul {
	margin:0px;
	padding:5px 75px 10px 50px;
}



.callout {
	font-family:arial,helvetica,sans-serif;
	font-size:18px;
	text-align:right;
	background-color:#ECE8DB;
	background-image: url(../_images/bg_callout.gif);
	background-repeat: repeat-y;
	background-position: right 0px;
	width:335px;
	float:right;
	margin: 5px 45px 5px 5px !important;
	padding:5px 30px 5px 5px!important;
}

#sidebar h2 {
	background-image: url(../_images/dots_sidebar.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-color:#57342C;
	height:24px;
	width:175px;
	font-size:13px;
	color:#F4F6F0;
	padding:2px 0 0 15px;margin:5px 0 10px 0;
}

#sidebar p {
	font-size:11px;
	line-height:14px;
	margin:0;
	padding: 0px 10px 20px 15px;
}

#footer p {
	color:#ffffff;
	font-size:10px;
	margin:9px 5px 0 10px;
}

/* ------------------------------------------------------------------------------
LINK STYLING
------------------------------------------------------------------------------ */

a:link, a:visited {
	color:#1A59AA;
	font-weight:bold;
	font-size:11px;
}

a:hover {
	color:#71585D;
	text-decoration:none;
}

#footer a:link, #footer a:visited {
	color:#EFEEE7;
	font-size:10px !important;
}

/* ------------------------------------------------------------------------------
IMAGE BLOCK STYLING
------------------------------------------------------------------------------ */

.h2_image_block {
	margin:0 0 0 150px;
	padding:0 !important;
}

ul.image_block {
	list-style-type:none;
	clear:left;
	padding:0 !important;margin:0 0 15px 30px !important;
}

ul.image_block li {
	border-top:solid 1px #CFAA72;
	margin:0 0 20px 0;padding:0;
	min-height:77px;
}

ul.image_block li a:link, ul.image_block li a:visited {
	display:block;
	height:77px;
	text-decoration:none;
	margin:0;padding:0;
}

ul.image_block li a:hover {
	background-color:#EEE9DB;
}

.image_block img, ul.image_block li a:link img {
	border-right:solid 1px #CFAA72;
	border-bottom:solid 1px #CFAA72;
	border-left:solid 1px #CFAA72;
	border-top:none;
	float:left;
	margin:0 7px 0 0;padding:0;
}

span.image_title {
	color:#49261D;
	font-size:13px;
	line-height:15px;
	font-family:'arial black',arial,sans-serif;
	font-weight:normal;
	padding:5px 8px 0 0;
}

span.image_text {
	display:block;
	font-family: verdana,arial,sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#3E180F;
	padding:3px 8px 0 0;
}

	span.details_link {
		color:#1A59AA;
		font-weight:bold;
		font-size:11px;
		text-decoration:underline;
	}

/* ------------------------------------------------------------------------------
FORM STYLING
------------------------------------------------------------------------------ */

fieldset {
	margin:10px 0 20px 0;
	padding:5px 75px 15px 30px;
	border:none;
}

legend {
	font-size:14px;
	border-bottom:solid 1px;
	margin-bottom:20px;
}

fieldset div {
	margin:0;
	font-size:11px;
}

label {
	display:block; 
	width:200px; 
	float:left; 
	padding-right:5px;
	font-weight:bold;
	text-align:right;
	padding-right:5px;	
}

form div {
	margin-bottom:10px;
}

form div ul {
	margin-bottom:100px;
	margin-left:205px !important;
	width:300px;
}

form div ul li {
	float:left;
	width:150px;
}

/* ------------------------------------------------------------------------------
SEARCH STYLING
------------------------------------------------------------------------------ */

form input.search { /* search submit image */ 
position:absolute;
margin:2px 0 0 4px;
}

ul.alist_medium { /* SEARCH PAGE UL LIST STYLING */
list-style-type:none;
margin:8px 0 20px 0 !important;padding: 1px 10px 1px 30px !important;
}

ul.alist_medium  li {
display:inline;
float:left;
width:200px;
line-height:1.4em;
}