*{ margin: 0; padding: 0; }

@font-face {
	font-family: 'Frutiger47LightCnBold';
	src: url('frutiger-boldcn.eot');
	src: local('Frutiger 47LightCn'), local('Frutiger-BoldCn'), url('frutiger-boldcn.woff') format('woff'), url('frutiger-boldcn.svg#webfont') format('svg');
}

body{
	font-family: arial, helvetica, 'lucida sans';
	font-size: 12px;
	color: #000;
	line-height: 1.7em;
}

body.red{ background: url(../images/red_bg.gif) repeat;  }
body.blue{ background: url(../images/blue_bg.gif) repeat; }
body.orange{ background: url(../images/orange_bg.gif) repeat; }
body.green{ background: url(../images/green_bg.gif) repeat; }
body.purple{ background: url(../images/purple_bg.gif) repeat; }
body.yellow{ background: url(../images/yellow_bg.gif) repeat; }
body.sand{ background: url(../images/bg_sand.jpg) repeat; }

.clr{ clear: both; }

#container{
	width: 798px;
	margin: 0 auto 0 auto;
}
#body_container{
	background: #fff;
	padding: 10px 14px 0px 14px;
}
#body_container ol{ margin: 0 0 0 22px; }
#body_container ul{ margin: 0 0 0 18px; }


h1{ font-family: 'Frutiger47LightCnBold', arial; font-weight: normal; font-size: 22px; color: #2f74bd; line-height: 1.0em; padding-bottom: 15px; }
h2{ font-family: 'Frutiger47LightCnBold', arial; font-weight: normal; font-size: 18px; color: #2f74bd; line-height: 1.0em; }
h3{ font-family: 'Frutiger47LightCnBold', arial; font-weight: normal; font-size: 16px; color: #a03295; line-height: 1.0em; }
h4{ font-family: arial; font-weight: normal; font-size: 14px; color: #6f6f6f; line-height: 1.0em; }
h5{ font-family: arial; font-weight: normal; font-size: 12px; color: #6f6f6f; line-height: 1.0em; }
h6{ font-family: arial; font-weight: normal; font-size: 10px; color: #6f6f6f; line-height: 1.0em; }

/*h1.imgheader1{ width: 565px; height: 25px; background-position: top left; background-repeat: no-repeat; }
h2.imgheader2{ width: 500px; height: 25px; background-position: 0 0; background-repeat: no-repeat; }
h2.imgheader2_home{ width: 220px; height: 20px; background-position: 0 0; background-repeat: no-repeat; }
h3.imgheader3{ background-position: 0 0; background-repeat: no-repeat; }
h1.imgheader1 span, h2.imgheader2 span, h2.imgheader2_home span, h3.imgheader3 span{ display: none; }*/

a{ color: #3377be; cursor: pointer; }

hr{ border: 0; border-top: 1px solid #dbdbdb; background: transparent; height: 0; width: 100%; display: block; }

.go_button{ margin: 0 0 -1px 5px; background: url(../images/go_onwhite.jpg) 0 0 no-repeat; width: 40px; height: 23px; border: 0; }

/****--------HEADER---------****/
#header{ }
#header .logo{
	width: 301px;
	height: 210px;
	float: left;
	border: 0;
	display: block;
}
#header .header_img{
	width: 497px;
	height: 210px;
	display: block;
	float: right;	
}
#header .newmuseum_header{
	display: block;
	width: 798px;
	height: 180px;
	border: 0;	
}
/*--navigation--*/
#nav{
	float: left;
	width: 798px;
	height: 34px;
	background: url(../images/nav_bg.gif) 0 0 repeat-x;
	list-style-type: none;
	overflow: hidden;
}
#nav li{
	float: left;
	list-style-type: none;
	height: 17px;
	padding: 9px 8px 8px 8px;
}
#nav li img{ border: 0; }

#nav li a{
	color: #fff;
	font-size: 13px;
	display: block;
	font-weight: bold;
	text-decoration: none;	
}
#nav li:hover{ background: url(../images/nav_hover.gif) 0 0 repeat-x; }
#nav li.sfhover{ background: url(../images/nav_hover.gif) 0 0 repeat-x; }

#nav li.active{ background: url(../images/nav_active.gif) 0 0 repeat-x; }
#nav li.active:hover{ background: url(../images/nav_hover.gif) 0 0 repeat-x; }

/***-----2nd level------**/

#nav li ul {
	position: absolute;
	width: 210px;
	left: -999em;
	margin: 4px 0 0 -8px;
	padding: 0;
	background: #3276bc;
	border-left: 1px solid #2f6daf;
	border-bottom: 1px solid #2f6daf;
	border-right: 1px solid #2f6daf;
	z-index: 100;
}
#nav li ul li{
	background: #3276bc;
	width: 200px;
	height: 31px;
	padding: 5px 5px 0 5px;
}
#nav li ul li a{
	display: block;
	padding: 3px;
	font-weight: normal;
}
#nav li ul li a:hover{ background: #215893; }

#nav li ul li:hover, #nav li.sfhover{ background: #3276bc; }
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
/***********end navigation************/

/************home page*************/
#home_container{ padding: 14px 0 0 0; }

.home_left{
	float: left;
	width: 485px;
	padding: 0 14px 5px 0;
}

#slideID, #slideID .slide {
	height: 382px;
	width: 485px;
}

.divshow {
	background-color: #fff; /* Color between fade */
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.slide {
	position: absolute;
	height: 382px;
	width: 485px;
}
.hero_img{ width: 485px; height: 265px; margin: 0 0 10px 0; border: 0; }
.heroLink{ cursor: pointer; height: 265px; width: 485px; display: block; position: absolute; top: 0; left: 0; }
.heroBody{ position: absolute; top: 275px; left: 0; }

.slide-controls { top: 0; right: 20px; position: absolute; width: 32px; height: 29px; }
.prev, .next{ width: 16px; height: 29px; display: block; }
.prev { background: transparent url(../images/slideshow_left.gif) 0 0 no-repeat; float: left; }
.next { background: transparent url(../images/slideshow_right.gif) 0 0 no-repeat; float: right; }

.home_right{
	float: right;
	width: 271px;
	padding: 0 0 5px 0;
}

/*----QUICK LINKS BOX----*/
#home_quicklinks_box{
	width: 261px; height: 245px;
	padding: 10px 0 10px 10px;
	margin: 0 0 15px 0;
	background: url(../images/home_quicklinks_box.gif) 0 0 no-repeat;	
}
#home_quicklinks_box h2{ color: #fff; }

.home_links{ margin: -5px 0 0 0; height: 112px; }

.hclock_link{ float: left; background: url(../images/hclock.jpg) 0 0 no-repeat; width: 71px; height: 112px; }
.hcalendar_link{ float: left; background: url(../images/hcalendar.jpg) 0 0 no-repeat; width: 96px; height: 112px; }
.hgifts_link{ float: left; background: url(../images/hgifts.jpg) 0 0 no-repeat; width: 84px; height: 112px; }

a:hover .hclock_link{ float: left; background: url(../images/hclock_a.jpg) 0 0 no-repeat; width: 71px; height: 112px; }
a:hover .hcalendar_link{ float: left; background: url(../images/hcalendar_a.jpg) 0 0 no-repeat; width: 96px; height: 112px; }
a:hover .hgifts_link{ float: left; background: url(../images/hgifts_a.jpg) 0 0 no-repeat; width: 84px; height: 112px; }

.home_button_box{ width:215px; padding: 0 30px 0 16px; margin: 18px 0 0 0; }
.home_donate{ width: 104px; height: 28px; float: right; border: 0; display: block; }
.home_join{ width: 104px; height: 28px; float: left; border: 0; display: block; }

.hsearch_box{ margin: 15px 0 0 0; }
.hsearch{ border: 1px solid #d1d1d1; color: #6f6f6f; padding: 3px; margin: 7px 0 0 0; width: 200px; }
.hsubmit{ margin: 0 0 -1px 5px; background: url(../images/hgo_button.jpg) 0 0 no-repeat; width: 40px; height: 23px; border: 0;}
/*----------------*/

.home_promo_image{ border: 0; width: 271px; }

/**--3 coloumn promo boxes--**/

.col_text{ padding: 15px 0 0 0; }
.col_img{ float: left; margin: 0 10px 0 0; width: 93px; height: 93px; }

.home_col1{
	/*width: 219px;*/
	background: url(../images/home_promo_box1.gif) 0 0 no-repeat;
	padding: 10px 20px 10px 10px;
	/*padding: 10px 25px 10px 10px;*/
}
.home_col2{
	/*width: 210px;*/
	background: url(../images/home_promo_box2.gif) 0 0 no-repeat;
	padding: 10px 15px 10px 10px;
	/*padding: 10px 25px 10px 10px;*/
}
.home_col3{
	/*width: 252px;*/
	background: url(../images/home_promo_box3.gif) 0 0 no-repeat;
	padding: 10px 0 10px 10px;
	/*padding: 10px;*/
}
.home_col3 input{
	width: 220px;
	border: 1px solid #b7b7b7;
	padding: 3px;
	margin-top: 10px;
	color: #6f6f6f;
}
.home_col3 .submit_button{
	background: url(../images/signup_button.jpg) 0 0 no-repeat;
	width: 78px;
	height: 23px;
	border: 0;
	padding: 0;
	margin-top: 20px;
}

.lower_left{ padding: 10px 10px 10px 0; }
.home_banner{ display: block; width: 488px; border: 0; }

.lower_box{
	background: url(../images/home_promo_box3.gif) 0 0 no-repeat;
	padding: 8px 0 8px 10px;
}

/**************Interior**************/

/*----LEFT------*/
#interior_left{
	float: left;
	width: 197px;
	padding: 0 13px 0 0;
}

/*-----QUICK LINKS BOX-----*/
#interior_quicklinks_box{
	width: 188px; height: 215px;
	padding: 9px 0 9px 9px;
	margin: 0 0 15px 0;
	background: url(../images/interior_quicklinks_box.gif) 0 0 no-repeat;	
}
#interior_quicklinks_box h2{ color: #fff; }

.interior_links{ margin: -4px 0 0 0; height: 76px; }

.iclock_link{ float: left; background: url(../images/iclock.jpg) 0 0 no-repeat; width: 59px; height: 76px; }
.icalendar_link{ float: left; background: url(../images/icalendar.jpg) 0 0 no-repeat; width: 59px; height: 76px; }
.igifts_link{ float: left; background: url(../images/igifts.jpg) 0 0 no-repeat; width: 63px; height: 76px; }

a:hover .iclock_link{ float: left; background: url(../images/iclock_a.jpg) 0 0 no-repeat; width: 59px; height: 76px; }
a:hover .icalendar_link{ float: left; background: url(../images/icalendar_a.jpg) 0 0 no-repeat; width: 59px; height: 76px; }
a:hover .igifts_link{ float: left; background: url(../images/igifts_a.jpg) 0 0 no-repeat; width: 63px; height: 76px; }

.interior_button_box{ width: 173px; margin: 28px 0 0 0; padding: 0 12px 0 3px; }
.interior_donate{ width: 83px; height: 24px; float: right; border: 0; display: block; }
.interior_join{ width: 83px; height: 24px; float: left; border: 0; display: block; }

.isearch_box{ margin: 15px 0 0 0; }
.isearch{ border: 1px solid #d1d1d1; color: #8e8e8e; padding: 3px; margin: 7px 0 0 0; width: 125px; }
.isubmit{ margin: 0 0 -1px 5px; background: url(../images/igo_button.jpg) 0 0 no-repeat; width: 40px; height: 23px; border: 0;}
/*------------SIDE NAV-----------------*/

#side_nav{
	background: #3377be url(../images/side_nav_blue_top.gif) 0 0 no-repeat;
	width: 178px;
	padding: 10px 9px 0 9px;
}
#side_nav_wh{
	background: #fff url(../images/side_nav_white_top.gif) 0 0 no-repeat;
	width: 168px;
	margin: 5px 0 0 0;
	padding: 10px 5px;
}
#side_nav_wh_bottom{ background: url(../images/side_nav_white_bottom.gif) 0 0 no-repeat; width: 178px; height: 9px; }
#side_nav_blue_bottom{ background: url(../images/side_nav_blue_bottom.gif) 0 0 no-repeat; width: 196px; height: 10px; margin-bottom: 10px; }

#side_nav h2{ color: #fff; }
#side_nav h2.imgheader_nav{ width: 175px; height: 20px; background-position: 0 0; background-repeat: no-repeat; }
#side_nav h2.imgheader_nav span{ display: none; }
#side_nav ul{ margin: 0 0 0 25px; list-style-image: url(../images/bullet.gif); }
#side_nav a{ color: #3377be; text-decoration: none; }

/*-----RIGHT------*/
#interior_right{
	float: right;
	width: 560px;
}

.interior_feature_image{
	display: block;
	width: 560px;
	height: 158px;
}
.interior_text{
	margin: 20px 0 10px 5px;	
}
/*.interior_text h1{ margin-bottom: 15px; }*/

/*-----Lower Section-----*/
#interior_lower_container{
	background: url(../images/interior_promo_top.gif) 0 0 no-repeat;
	padding: 11px 11px 0 11px;
	width: 748px;
}
#interior_lower_container table{ margin: 10px 0 0 0; }
.col1{ 
	width: 232px;
	padding: 0 25px 0 0;
}
.col2{
	width: 236px;
	padding: 0 25px 0 0
}
.col3{ 
	width: 233px;
}


/******NEW MUSEUM MAIN TEMPLATE*******/
/*
#new_museum{ }
#new_museum h1{ font-family: 'Frutiger', arial; font-weight: normal; font-size: 24px; color: #2f74bd; line-height: 1.0em; }
#new_museum h2{ font-family: 'Frutiger', arial; font-size: 22px; color: #2f74bd; line-height: 1.0em; }
#new_museum h3{ font-family: 'Frutiger', arial; font-size: 20px; color: #a03295; line-height: 1.0em; }
#new_museum h4{ font-family: 'Frutiger', arial; font-weight: normal; font-size: 16px; color: #6f6f6f; line-height: 1.0em; }
#new_museum h5{ font-family: 'Frutiger', arial; font-weight: normal; font-size: 12px; color: #6f6f6f; line-height: 1.0em; }
#new_museum h6{ font-family: 'Frutiger', arial; font-weight: normal; font-size: 10px; color: #6f6f6f; line-height: 1.0em; }
*/
.museum_feature{ width: 772px; display: block; margin: 0 0 15px 0; }

.middle{ text-align: center; padding: 0 10px; }
.middle_content{ width: 101px; display: block; margin: 0 auto; line-height: 1.2em; text-transform: uppercase; }
.new_museum{ margin: 0 auto; }
.new_museum img{ border: 0; margin: 0 auto 5px auto; }

.museum_feature_title{
	width: 100%;
	text-align: center;
	background: url(../images/design.jpg) bottom center no-repeat;
	padding: 10px 0 12px 0;
	text-transform: uppercase;	
}
/****NEW MUSEUM INTERIOR TEMPLATE******/

.new_museum_general_container{
	padding-top: 5px;
	padding-bottom: 10px;
}
.new_museum_general_container ul, .new_museum_general_container ol{ 
    padding-left: 1px;
    position: relative; 
    margin: 0 0 0 20px !important;
}

/****NEW MUSEUM SLIDE TEMPLATE******/

.slide_image{ width: 350px; height: 332px; display: block; }
.slide_thumb{ width: 73px; display: block; margin: 0 auto; cursor: pointer; }

.slide_left{ width: 350px; float: left; }
.slide_right{ width: 410px; float: right; }

/****GALLERY******/
#gallery_container{ }

#gallery_container a img{ border: 1px solid #3377be; }

#gallery_container table{ margin: 10px auto 0 auto; }

/****EVENTS*******/

#events_top{
	background: url(../images/events_blue_top.jpg) 0 0 no-repeat;
	width: 196px;
	height: 15px;	
}
#events_left{
	background-color: #3377be;
	width: 176px;
	padding: 0 10px;
	color: #fff;	
}
#events_left a{ color: #fff; text-decoration: none; }
#events_left a img{ border: 0; }

#events_left table{ text-align: center; background-color: #5d97d3; color: #aacbee; }
#events_left table a{ color: #fff; text-decoration: underline; }

#events_left table th{ background-color: #215892; }
#events_left table td{ border-left: 1px solid #5084ba; border-top: 1px solid #5084ba; }

#events_left .grid-month{ background-color: #3377be; }
#events_left .grid-month a{ text-decoration: none; }
#events_left .grid-month td{ border: 0; }

.event_cat_title{ background-color: #215892; color: #fff; font-size: 13px; padding-left: 5px; margin-bottom: 5px; }
.event_go_button{ background: url(../images/event_go_button.gif) 0 0 no-repeat; width: 26px; height: 20px; border: 0; display: block; margin: 5px 0 10px 0; }

#events_bottom{
	background: url(../images/events_blue_bottom_bg.gif) 0 0 no-repeat; 
	width: 196px; 
	height: 81px;
	padding: 10px 0 0 10px;	
}

.event_date_heading{
	background: url(../images/events_bg_bar.gif) 0 0 no-repeat;
	padding: 10px 0 0 10px;
	color: #3377be;
	font-size: 13px;
	font-weight: bold;
}
.event{ padding: 10px 10px 20px 10px; }
h3.event_h3{ background-position: 0 0; background-repeat: none; width: 550px; height: 20px; }
h3.event_h3 span{ display: none; }
h1.event_h1{ background-position: 0 0; background-repeat: none; width: 550px; height: 25px; }
h1.event_h1 span{ display: none; }
.event h3 a{ color: #a03295; text-decoration: none; }

.event_line{ margin: 0 10px 5px 10px; width: 542px; }

.event_img{ float: left; margin: 0 5px 0 0; }

/***SEARCH****/
.search_container{
	padding: 5px 0 15px 3px;
}


/*****DONATION/MEMBERHSIP FORM*****/
#donation{ color: #000; }

#donation fieldset{
	border: 1px solid #6f6f6f;
	padding: 5px 10px 10px 10px;
	margin: 0 0 10px 0;
	background-color: #d0e0ef;
	line-height: 1.0em;
}
#donation fieldset legend{ font-weight: bold; }

#donation table td{ padding: 3px; }
#donation input{ border: 1px solid #6f6f6f; padding: 2px; }
#donation input.no_border{ border: 0; }

.submit_donation{
	background: url(../images/submit_donation_button.jpg) 0 0 no-repeat;
	width: 119px;
	height: 28px;
	border: 0 !important;
	cursor: pointer;
}
.submit_volunteer{
	background: url(../images/submit.jpg) 0 0 no-repeat;
	width: 119px;
	height: 28px;
	border: 0 !important;
	cursor: pointer;
}

#member_type_table td.member_type{ padding-bottom: 15px; }
#donation p{ padding-bottom: 5px; }

.required{ color: #f00; }

/*-----Footer------*/
#bottom-corners{
	width: 798px;
	height: 10px;
	background: url(../images/bottom_corners.gif) 0 0 no-repeat;
	/*margin: 0 auto;*/
}
#footer{
	margin: 15px 0 0 0;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #dbdbdb;
	line-height: 1.2em;
}
#footer .footer-nav{ font-size: 11px; text-align: center; padding-bottom: 5px; }
#footer .footer-text{ font-size: 10px; text-align: center; }

/***error messages****/
div.message {
	padding: 0 0em 0 30px;
	margin: 0 0 1em 0;
	background: #e7e7e7 url(../images/icons/tango/applications-system.png) no-repeat;
	background-position: 10px center;
	border: 2px solid #aaa;
	border-width: 2px 0;
}

.message p {
	margin: 1em;
}

div.error {
	border-color: #f00;	
	background-color: #fcc;
	background-image: url(../images/icons/sc_cancel_24.gif);
}

div.success{
	border-color: #0c0;
	background-color: #cfc;
	background-image: url(../images/icons/sc_confirm_24.gif);
}

div.warning{
	border-color: #F50;
	background-color: #FFB;
	background-image: url(../images/icons/tango/emblem-important.png);
}

div.info {
	border-color: #55f;
	background-color: #ddf;
	background-image: url(../images/icons/sc_info_24.gif);
}