/* -----------------------------------------------------------------------------
STRUCTURAL
----------------------------------------------------------------------------- */
body				{
					margin:					0px;
					background-color:		#AAB2B5;
					}

img					{
					border:					0px;
					}
					
td, tr				{
					vertical-align:			top;
					text-align:				left;
					}


/* HEADER 
---------------------------------------- */
#header_wrapper		{
					position:				relative;
					z-index:				100;
					width:					100%;
					height:					140px;
					background-image:		url(../images/header_bkgd.gif);
					background-repeat:		repeat-x;
					background-color:		#909A9D;
					border-bottom:			1px solid #7A8285;
					}
					
	#header_wrapper.home		{
							height:					315px !important;
							background-image:		url(../images/header_home_bkgd.gif)!important;
							border:					0px solid #F00;
							}
	
	#header_interior	{
						z-index:				100;
						margin:					auto;
						width:					775px;
						height:					140px;
						background:				url(../images/logo.gif) no-repeat 38px 34px;
						border:					0px solid #F00;
						}
	
		.home_slideshow		{
							width:					430px !important;
							height:					270px !important;
							left:					344px !important;
							position:				relative !important;
							}
							
		#flashcontent 		{
							border:					0px solid #00F !important;
							}
	
	#secondary_nav		{
						position:				relative;
						z-index:				100;
						color:					#FFF !important;
						margin:					0px 0px 0px 370px;
						padding-top:			0px;
						left:					0px;
						width:					400px;
						border:					0px solid #F00;
						}

/* BANNER 
----------------------------------------- */
#banner_wrapper		{
					position:				relative;
					z-index:				90;
					width:					100%;
					height:					140px;
					background-image:		url(../images/banner_bkgd.gif);
					background-repeat:		repeat-x;
					background-color:		#969C9F;
					border:					0px solid #0F0;
					}
					
	#flash_component	{
						margin:					auto;
						position: 				relative;
						width:					773px;
						}

/* BODY 
---------------------------------------- */
#content_wrapper	{
					z-index:				100;
					width:					100%;
					background-color:		#FFF;
					border:					0px solid #00F;
					}

	#content			{
						z-index:				90;
						width:					940px;
						margin:					auto;
						padding-bottom:			40px;
						background-image:		url(../images/content_bkgd.gif);
						background-repeat:		repeat-y;
						clear:					both;
						border:					0px solid #00F;
						border-bottom:			30px solid #FFF;
						}
	
		.section	{
							padding-top:			25px;
							}
		
		
		#pagetitles			{
							padding:				25px 0px 10px 0px;
							margin-bottom:			15px;
							border-bottom:			1px solid #ECEDEE;
							clear:					both;
							}
		
		#sidebar_content	{
							float:					left;
							margin:					0px 0px 0px 0px;
							position:				relative;
							width:					175px;
							border:					0px solid #F00;
							}
		
			#sidebar_content input	{
								border:					1px solid #AAB2B5;
								margin-left:			5px;
								width:					140px;
								}
			
			
			#perspectives		{
								background-image:		url(../images/sidebar_persp_bkgd.gif);
								background-color:		#FFF;
								width:					144px;
								margin:					0px 0px 0px 5px;
								padding:				0px;
								line-height:			1px;
								}
				
				.perspectives_padding	{
									margin-top:		20px !important;
									}
				
				#perspectives-heading		{
									background-image:		url(../images/sidebar_persp_heading.gif);
									background-repeat:		no-repeat;
									background-color:		#FFF;
									height:					60px;
									}
									
					.currPageIsPerpective		{
										background-image:		url(../images/sidebar_persp_headingOn.gif)!important;
										}
										
			#museum_links		{
								margin-top:				25px;
								padding-top:			20px;
								background:				url(../images/our_museums.gif) no-repeat 0px 0px;
								display:				none;
								}
				
		#main_content		{
							position:				relative;
							margin:					0px 0px 0px 200px;
							width:					590px;
							border:					0px solid #0F0;
							}
							
			.right_side_dropin	{
								display:				inline;
								width:					180px;
								float:					right;
								background-color:		#FAFBFB;
								border:					1px solid #ECEDEE;
								margin:					0px 0px 20px 20px;
								padding:				15px 25px 25px 25px;
								}		
				
				.right_side_dropin img	{
									margin-top:				8px;	
									}


/* FOOTER 
--------------------------------------- */
#footer_wrapper		{
					z-index:				80;
					position:				relative;
					background-image:		url(../images/footer_bkgd.gif);
					background-repeat:		repeat-x;
					border-top:				1px solid #7A8285;
					padding:				25px 0px 30px 0px;
					clear:					both;
					}
					
		#footer			{
						z-index:				100;
						margin:					auto;
						width:					775px;
						height:					140px;
						border:					0px solid #F00;
						}			

		#site_credit	{
						display:				block;
						display:				none;
						}

/* MULTI-PURPOSE 
-------------------------------------- */

/* Clears the content despite floating div and adds spacing */
.div_clearer		{	
					clear:					both;
					}


/* -----------------------------------------------------------------------------
SPECIAL FONTS
----------------------------------------------------------------------------- */
#pagetitles p.section, 
#pagetitles p.page	{
					font:					normal 13px/16px Helvetica, Arial, Verdana sans-serif;
					color:					#ABB2B6;
					text-transform:			uppercase;
					letter-spacing:			1px;
					padding:				0px;
					margin:					0px;
					position:				relative;
					display:				block;
					border:					0px solid #0F0;
					}

#pagetitles p.section	{
					width:					150px;
					padding-left:			5px;
					float:					left;
					}

#pagetitles p.page	{
					font-weight:			bold;
					width:					540px;
					margin-left:			200px;
					}

#footertxt td, #footertxt td div {
					font-size:				9px;
					line-height:			14px;
					color:					#787D80;
					}

/* -----------------------------------------------------------------------------
BASE FONTS
----------------------------------------------------------------------------- */
body, td, tr, pre, address, p, ul, ol, li, h1, h2, h3, h4, h5, h6 {
					font:					normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
					color:					#6C7173;
					/* margin:					0px; */
					}

p, ul, ol			{
					margin-bottom:			10px;
					}

h1, h2, h3, h4		{
					color:					#990134;
					font-weight:			bold;
					margin-bottom:			6px;
					}

h1					{
					font-family:			Helvetica, Arial, Verdana sans-serif;
					font-size:				22px;
					line-height:			27px;
					font-weight:			normal;
					margin-bottom:			15px;
					}

h2					{
					font-family:			Helvetica, Arial, Verdana sans-serif;
					font-size:				16px;
					line-height:			20px;
					}

h3					{
					font-family:			Helvetica, Arial, Verdana sans-serif;
					font-size:				14px;
					line-height:			18px;
					margin-top: 0px;
					}

h4					{
					font-size:				11px;
					line-height:			18px;
					margin-bottom:			0px;
					margin-top:				10px;
					}

h5					{
					font-size:				10px;
					line-height:			13px;
					margin-bottom:			6px;
					}

h6					{
					font:					normal 10px/14px Georgia, 'Times New-Roman', serif;
					margin-bottom:			6px;
					}




/* -----------------------------------------------------------------------------
BASE LINKS
----------------------------------------------------------------------------- */
a, 
a:link, 
a:visited, 
a:hover,
a:active 			{
					color:					#0189C5;
					}

a:hover 			{
					text-decoration:		none;
					}


/* -----------------------------------------------------------------------------
SPECIAL LINKS
----------------------------------------------------------------------------- */

#sidebar_content h6 a,
#sidebar_content h6 a:link,
#sidebar_content h6 a:visited,
#sidebar_content h6 a:active {
					text-decoration:		none;
					}


#sidebar_content h6 a:hover {
					text-decoration:		underline;
					}

/* SECONDARY NAVIGATION LINKS
--------------------------------------- */
a.headerlink,
a.headerlink:link,
a.headerlink:visited,
a.headerlink:active {
					text-decoration:		none;
					color:					#ABB2B6;
					}

a.headerlink:hover {
					text-decoration:		underline;
					color:					#ABB2B6;
					}

/* FOOTER LINKS
--------------------------------------- */
a.footerlink,
a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
					text-decoration:		none;
					color:					#FFF;
					}

a.footerlink:hover {
					text-decoration:		underline;
					color:					#FFF;
					}

/* Convio Additions for Donation forms */

.RadioGroupLabel {
	font-size: 90%;
	width: 100%;
	white-space: normal;
	display: block;
	float: left;
}

#museum_name {
position: absolute;
top: 85px;
left: 65px;
color: #990134;
width: 193px;
height: 40px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
line-height: 20px;
border: 0px solid #F00;
}


/* member homepage styles */

table tr td.label {
padding-left:10px;
}
table tr td.shade {
background-color:#eee;
}
.required {
color:red;
}
p.level {
float:right;
clear:right;
margin:0 0 10px 20px;
}
p.note {
margin:1em 0 1.5em 0;
padding:0;
color:#999;
}
p.note a {
color:#999;
}


#primary-adult td, #secondary-adult td, #caregiver-adult td {
vertical-align:top;
}
#primary-adult td.text, #secondary-adult td.text, #caregiver-adult td.text {
padding-top:6px;
}




div.box-2col {
float:left;
display:block;
position:relative;
margin:8px 0 15px 0;
width:270px;
}
div.box-3col {
float:left;
display:block;
position:relative;
margin:8px 0 15px 0;
padding-right:5px;
width:170px;
}
div.padright {
margin-right:20px;
}


div.box-2col h2, div.box-3col h2 {
margin:0 0 2px 0;
padding:0;
font-size:9pt;
line-height:16px;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
color:#990134;
}


div.box-2col a, div.box-2col a h2, div.box-2col a span,
div.box-3col a, div.box-3col a h2, div.box-3col a span {
cursor:pointer;
}


/*
h2#registerHead {
background:url(../mm_img/register.gif) 0px 0px no-repeat;
}
h2#joinHead {
background:url(../mm_img/join.gif) 0px 0px no-repeat;
}
h2#giveMembershipHead {
background:url(../mm_img/give.gif) 0px 0px no-repeat;
}
h2#emailHead {
background:url(../mm_img/email-updates.gif) 0px 0px no-repeat;
}
h2#donateHead {
background:url(../mm_img/donate.gif) 0px 0px no-repeat;
}
h2#schoolHead {
background:url(../mm_img/school.gif) 0px 0px no-repeat;
}
*/
div.box-2col a h2, div.box-3col a h2 {
text-decoration:underline;
color:#0189C5;
}
div.box-2col a:hover h2, div.box-3col a:hover h2 {
text-decoration:none;
}




div.box-2col span.aimg {
display:block;
margin:0 0 8px 0;
width:270px;
height:50px;
}


div.box-3col span.aimg { /* span to display img */
display:block;
margin:0 0 8px 0;
width:170px;
height:40px;
}




a#registerImg span.aimg {
background: url("../images/uimage04.jpg") -160px -540px no-repeat;
}
a#registerImg:hover span.aimg {
background-position:-160px -33px;
}
a#joinImg span.aimg {
background: url("../images/uimage03.jpg") -95px -630px no-repeat;
}
a#joinImg:hover span.aimg {
background-position:-95px -247px;
}


a#giveMembershipImg span.aimg {
background: url("../images/uimage08.jpg") 0px -50px no-repeat;
}
a#giveMembershipImg:hover span.aimg {
background-position:0px 0px;
}


a#emailImg span.aimg {
background: url("../images/uimage03.jpg") -111px -550px no-repeat;
}
a#emailImg:hover span.aimg {
background-position:-111px -167px;
}
a#donateImg span.aimg {
background: url("../images/uimage04.jpg") -50px -762px no-repeat;
}
a#donateImg:hover span.aimg {
background-position:-50px -255px;
}
a#schoolImg span.aimg {
background: url("../images/uimage05.jpg") -111px -454px no-repeat;
}
a#schoolImg:hover span.aimg {
background-position:-111px -129px;
}
a.active#schoolImg span.aimg {
background: url("../images/uimage05.jpg") -111px -129px no-repeat;
}
a.active#schoolImg:hover span.aimg {
background-position:-111px -454px;
}




div.box-2col p, div.box-3col p {
line-height:1.6em;
}


div.clear {
clear:both;
}

#membership_table	{
				border-bottom:				2px solid #ECEDEE;
				padding:					0px 0px 10px 0px;
				}

#membership_table td{
				border-top:					2px solid #ECEDEE;
				padding-top:				5px;
				}