/*------------------------------------------------------------------------
STRUCTURE
------------------------------------------------------------------------*/

html { 
	font: 65%/1.3 arial,sans-serif; 
	color: #321A10; 
}

body {
	margin:10px 0 0 40px;padding:0;
	font-family:georgia,times,serif;
	background:#ffffff;
}

#branding {
	margin:0;padding:0;
	height:144px;width:900px;
}

#container {
	background-image: url(http://bridgehousemuseum.org/_images/bg_content.jpg);
	background-repeat:repeat-y;
	background-position:244px 0;
	width:920px;
	margin:0;
	/* TO STOP MARGIN COLLPASING INCLUDE THESE TWO PADDING LINES */
	padding-top: 1px;
	position:relative;
}

	#column {
		float:left;
		width:200px !important;
		padding-left:30px;
		margin-top:10px;
		/* TO STOP MARGIN COLLPASING INCLUDE THESE TWO PADDING LINES */
		padding-top: 1px;
		padding-bottom: 1px;
	}
	
	#main_content {
		width:400px !important;
		padding-left:30px;
		margin-left:245px;
		margin-top:10px;
		/* TO STOP MARGIN COLLPASING INCLUDE THESE TWO PADDING LINES */
		padding-top: 1px;
		padding-bottom: 1px;
	}

	/* SIDEBAR UL CSS */
	#sidebar { 
		width:220px;
		float:right;
		margin:10px 0 0 0;
		
	}
	#sidebar_exh {
		width:220px;
		float:right;
		margin:10px 0 0 0;
		
	}
	
	#sidebar ul {
		margin:0;padding:0;
		list-style-type:none;
	}
	
	#sidebar ul li {
		margin:0 !important;padding:0 !important;
	}
	
	.sidebar_content {
		background-image: url(http://bridgehousemuseum.org/_images/bg_sidebar.jpg);
		background-repeat:repeat-y;
		background-position:0px 0px;
	}
	
	.sidebar_bottom {
		background-image: url(http://bridgehousemuseum.org/_images/bg_sidebar_bottom.jpg);
		height:21px;
		width:220px;
		background-repeat:no-repeat;
		background-position:0px 0px;
	}

#footer {
	width:900px;
	/* TO STOP MARGIN COLLPASING INCLUDE THESE TWO PADDING LINES */
	padding-top: 1px;
	padding-bottom: 1px;
	position:relative;
}


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

#branding img {
/*	position:absolute;
	top:27px;left:40px;*/
}


#primary_navigation {
	width:475px;
}
	
/* SECONDARY NAV*/	

#secondary_navigation {
	margin:0 0 40px 0;padding:0;
}

#secondary_navigation li#first {
	background-image:url(http://bridgehousemuseum.org/_images/column_bar.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}


	#secondary_navigation ul {
		margin:0;padding:0;
		list-style-type:none;
	}

	#secondary_navigation ul li {	
		padding:0;margin:0;
		/* TO STOP MARGIN COLLPASING INCLUDE THESE TWO PADDING LINES */
		padding-top: 0px;
		padding-bottom: 1px;
	}
	
	#secondary_navigation ul li a:link, #secondary_navigation ul li a:visited {
		display:block;
		border-bottom:solid 1px #ADA79F;
		padding:5px;
		color:#A96054;
		font-weight:bold;
		font-size:1.4em;
		line-height:1.3em;
		font-family:"arial narrow",arial,sans-serif;
		text-decoration:none;
	}
	
	#secondary_navigation ul li a:hover {
		color:#831706;
		background-image: url(http://bridgehousemuseum.org/_images/bg_2ndNav_over.gif);
		background-repeat:repeat-y;
		background-position:left bottom;
	}
	
	#secondary_navigation ul li a.section_id {
		border-bottom:none !important;
		color:#831706 !important;
		font-size:2em !important;	
		line-height:.9em;
		text-transform:uppercase;
		padding:.6em 0 .5em 3.4em !important;
		background-image: url(http://bridgehousemuseum.org/_images/bg_2ndNav_ding.gif) !important;
		background-repeat:no-repeat !important;
		background-position:top left !important;
		height:38px;
	}
	
	#secondary_navigation li.section_id { /* FOR SEARCH PAGES */
		font-family:"arial narrow",arial,sans-serif;
		font-weight:bold;		
		border-bottom:none !important;
		color:#831706 !important;
		font-size:2em !important;	
		line-height:.9em;
		text-transform:uppercase;
		padding:.25em 0 .0em 3.4em !important;
		background-image: url(http://bridgehousemuseum.org/_images/bg_2ndNav_ding.gif) !important;
		background-repeat:no-repeat !important;
		background-position:top left !important;
		height:38px;
	}
	
	/* TERTIARY NAVIGATION */
	
	ul.tertiary_navigation {
		margin:0;padding:0 0 0 10px !important;
		border-bottom:solid 1px #ADA79F;
	}
	
	ul.tertiary_navigation li a {
		border:none !important;
		margin:0;padding:4px 0 2px 18px !important;
		font-size:1.3em !important;
		line-height:1.3em;
	}
	
	ul.tertiary_navigation li a:hover {
		background-image: url(http://bridgehousemuseum.org/_images/bg_3rdNav_over.gif) !important;
		background-repeat:no-repeat !important;
		background-position:0px 5px !important;
	}


/*------------------------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------------------------*/

h1, h2, h3, h4 {
	font-family:georgia,times,serif;
	margin:0;padding:0 0 10px 0;
}

	#main_content h1.page_title {
		font-size:1.9em;
		line-height:1.2em;
		color:#831706;
		border-bottom:solid 1px #ACA69E;
		margin-bottom:10px;
		padding:0px 0 2px 0;
	}
	
	#main_content h1 {
		font-size:1.6em;
		line-height:1.3em;
		color:#A85C50;
	}
	
	#main_content h2 {
		color:#831706;
		font-size:1.4em;
	}

	#main_content h3 {
		color:#831706;
		font-size:1.1em;
	}
	
#sidebar h2 {
	width:204px;
	min-height:28px !important;
	margin:10px 0 0 0;
	padding-top:18px;
	padding-bottom:0;
	padding-left:5px;
	padding-right:5px;
	background: #E8CA34 url(http://bridgehousemuseum.org/_images/bg_sidebar_header2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border-bottom:solid 1px #ADA69E;
	color:#7B002E;
	font-size:18px;
	font-family:"arial narrow",arial,sans-serif !important;
}

	#sidebar h2.header_top {
		background-image: url(http://bridgehousemuseum.org/_images/bg_sidebar_header1.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:210px;
		height:26px !important;
		background-color:transparent !important;
		border-bottom:none !important;
	}
	
	 #sidebar h2 a:link, #sidebar h2 a:visited {
		text-decoration:none !important;	
		padding-left:5px;
		padding-right:5px;
		color:#7B002E;
	}

	 #sidebar h2 a:hover {
		text-decoration:none !important;	
		padding-left:5px;
		padding-right:5px;
		color:#3D5DA4;
	}

#main_content p {
	margin:0 0 10px 0;padding:0;
	font-size:1.3em;
	line-height:1.5em;
}

#main_content ul li {
	margin:0 0 10px 0;padding:0;
	font-size:1.2em;
	line-height:1.2em;
}

p.callout {
	width:150px;
	float:right;
	font-size:1.5em !important;
	text-align:center;
	margin:0 0 5px 8px !important;
	padding:5px 0 5px 0 !important;
	color:#7389BA !important;
	border-top:solid 5px #4665A8;
	border-bottom:solid 1px #4665A8;
}

#sidebar p {
	margin:0;padding:0;
	font-size:1.1em;
	line-height:1.25em;
	padding:8px 20px 5px 13px;
	font-family:arial,helvetica !important;
}

#footer p {
	font-size:1em;
	line-height:1.25em;
	margin:.5em 0 0 0;
	font-family:arial,helvetica !important;
}

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

a:link, a:visited {
color:#3C5DA4;
}

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


/*------------------------------------------------------------------------
IMAGE STYLING
------------------------------------------------------------------------*/
#main_content img {
	float:left;
	margin:0 5px 5px 0;
	border:solid 1px #9A8D84;
}

.img_right {
	float:right !important;
	margin:0 0px 5px 5px !important;
	border:solid 1px #9A8D84;
}

/*------------------------------------------------------------------------
BOX STYLING
------------------------------------------------------------------------*/



.red_box, .red_box_right {
	margin:20px 0 0 0;padding:0;
}

	.red_box ul {
		margin:0;padding:0;
		list-style-type:none;
		width:199px;
	}
	
	.red_box ul li {
		margin:0 !important;padding:15px 10px 15px 10px !important;
		width:179px;
	}
	
	.red_box ul li.box_content {
		color:#FAF4D5;
		background-color:#7B002E;
		background-image: url(http://bridgehousemuseum.org/_images/bg_box_top.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		font-family:arial,helvetica !important;
	}
	
	.red_box ul li.bottom {
		background-image: url(http://bridgehousemuseum.org/_images/bg_box_bottom.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:199px;
		height:12px;
	}
	
	.red_box ul li h2, .red_box_right ul li h2 {
		margin-top:5px;
		color:#E8CA31;
		font-size:16px;
		line-height:17px;
		font-family:'arial narrow',arial,sans-serif;
	}
	
	.red_box ul li, .red_box p, .red_box_right ul li, .red_box_right p {
		font-weight:bold;
		font-size:11px !important;
		margin:0;padding:0;
		font-family:arial,helvetica !important;
	}
	

.red_box_right ul {  /*STYLING FOR EXHIBITION SIDEBAR BOXES*/
	margin:0;padding:0;
	list-style-type:none;
	width:220px;
}

	.red_box_right ul li {
		margin:0 !important;padding:15px 10px 0px 10px !important;
		width:200px !important;
	}

	.red_box_right ul li.box_content {
		color:#FAF4D5;
		background-color:#7B002E;
		background-image: url(http://bridgehousemuseum.org/_images/bg_red_right_top.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
	}

	.red_box_right ul li.bottom {
		background-image: url(http://bridgehousemuseum.org/_images/bg_red_right_bottom.gif);
		background-repeat:no-repeat;
		background-position:0px 0px;
		width:220px;
		height:12px;
	}

p.photo_credit { /*BOX PHOTO CREDIT STYLING*/
	font-size:.9em !important;
	padding:10px 0 5px 0 !important; 
	margin-bottom:0px; 
}


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

#search {
	background-image: url(http://bridgehousemuseum.org/_images/column_bar.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	border-bottom:solid 1px #ADA79F;
	padding:8px 0 1px 0;
	margin:0;
}

#search form, #hp_email form {
	padding:0;margin:10px 0 10px 0;
}

#search form input.search { /* search submit image */ 
	position:absolute;
	margin-left:8px;
}

.search_result { /*SEARCH RESULT STYLING*/
	border-bottom:solid 1px #ABA59D;
	margin-bottom:15px;
	padding-bottom:10px;
}

	.search_result p a:link, .search_result p a:visited {
	text-decoration:none;
	color:#321A10;
	}

	.search_result p a:hover {
	color:#3C5DA4;
	}

blockquote pre {
	font-size:12px;
	margin:0;padding:0;
	border-bottom:solid 1px;
	text-align:center;
}

/*------------------------------------------------------------------------
NEWS
------------------------------------------------------------------------*/

.news { /* CONTENT NEWS */
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:solid 1px #ABA59D;
}

/* SIDEBAR NEWS LISTINGS */

h1.sidebar_newstitle {
	font-size:1em;
	font-family:verdana,arial,sans-serif !important;
	margin:0px 0 0 0;
	padding:10px 20px 0 13px !important;
}

h1.sidebar_newstitle a:link, h1.sidebar_newstitle a:visited {
text-decoration:none;
}

h1.sidebar_newstitle a:hover {
text-decoration:underline;
}

p.sidebar_newsdate {
/* font-size:.9em !important;*/ 
padding-top:0px !important;
}