body{
    margin:0px; 
    padding:0px;   
    font: normal 10px/12px helvetica, arial, sans-serif;    
    background-color:#d6d3c7;
    }
/*GENERIC STUFF*/
.opacitybox
{
    opacity:0.80;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	background-color:#000000;
	width:984px;
	height:auto;
	position:absolute;
	top:0px;
	left:0px;
	z-index:-1;
}
.clear {clear:both;}
div {padding:0px;margin:0px;}

#container{
	margin: 0 auto;
	padding:0;
	width: 984px;
	height:auto;
	position:relative;		
}
#header{
    clear:both;	
	padding:0px;
	margin:0px;
	width:984px;
	position:relative;
	/*this z-index fixes IE6 nav laying under content */
    z-index:50;
	/*
    overflow:hidden;  //remove this hidden so the overlay will over lay.
	min-height:72px; height:auto !important; height:72px;
    */
	}
 
#header .opacitybox
{
    background-color:#fff;
    opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	height:72px;
}

/*  
*********************  MAIN CONTENT ****************   
*/
#page
{
    margin:150px 0px 0px 12px;
    
    
    }


/*only home is a shorty*/


#content-knob
{
    display:none;
	
}


body.iam .bodyMain
{
    
	padding:0px 15px 10px 0px;
	margin:0px;
	margin-bottom:5px;
	height:auto;
	width:207px;
    display:block;   
    font-size:12px;
    line-height:15px;   
    color:#606060;
    
}
body.iam .bodySub
{
    clear:both;
	padding:40px 15px 0px 0px;
	margin:0px;
	margin-left:33px;
	height:auto;
	width:389px;
	display:block;
	
   
   
}
#content_main{
	padding:0px 5px 2px 40px;
	margin:0px;
	height:auto;
	width:auto;
       
}


    
body#space #content_main_body, body.room_rentals #content_main_body, body.donate #content_main_body
{
 height:auto;
 padding:8px 0 12px 0px;
 margin:0px;
    }	    
body.space .scroll-pane , body.room_rentals .scroll-pane, body.donate .scroll-pane
{
    overflow:auto;
    height:auto;
    }	   
.scroll-pane 
{
    margin:0px;
    padding:0px;
}   
    
body#news .scroll-pane ,body#events .scroll-pane 
{
    overflow:auto;
    height:auto;
}	    
     

#content-knob,
.explore_content .opacitybox,
#content .opacitybox{
    background-color:#FFF;
    opacity:0.9;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
}



/*  *********************  TOP NAV BITS ****************   */
.topnav
{
    height:12px;    
    margin:0px 12px 0px -8px;      
    padding:4px 0 4px 0;
    text-align:center;
    float:right;
    width:70px;
    overflow:hidden;
    position:relative;
}
.topnav .topbodycopy {color:#9f9f9f;position:relative;	font-size:10px;	line-height:10px;font-weight:bold;}

#header #logo
{
    height:36px;
	border:0;
    width:146px;  
    margin:10px 0 0px 24px;  
    float:left;
}
    
#mainnav
{
    clear:left;
    display:inline;
	float: left;
	margin-left:58px;
}
/*add overlay for nav items*/
#mainnav #dropmenu li a .overlay	{display:none;position:absolute;z-index:40;left:0px;top:20px;height:7px;width: 100%; background-color:#fff;margin:0px;padding:0px;}
#mainnav #dropmenu li a:hover .overlay {display:block;z-index:41;}

/*width:44px;
fix width for each nav item
#mainnav #dropmenu li a#mainnav-home .overlay {width:43px;}
#mainnav #dropmenu li a#mainnav-about .overlay {width:43px;}
#mainnav #dropmenu li a#mainnav-events .overlay {width:48px;}
#mainnav #dropmenu li a#mainnav-room_rentals .overlay {width:81px;}
#mainnav #dropmenu li a#mainnav-donate .overlay {width:50px;}
*/
#mainnav #dropmenu li a .overlay.displayoverlay{display:block;z-index:42;}
/*TURN ON NAV FOR EACH PAGE SECTION*/
body.home #mainnav li a#mainnav-home,
body.about #mainnav li a#mainnav-about,
body.events #mainnav li a#mainnav-events,
body.room_rentals #mainnav li a#mainnav-room_rentals,
body.donate #mainnav li a#mainnav-donate  
{
    background:#fff; 
}

/*TURN ON NAV OVERLAY FOR EACH PAGE SECTION*/
body.home #mainnav li a#mainnav-home .overlay,
body.about #mainnav li a#mainnav-about .overlay,
body.events #mainnav li a#mainnav-events .overlay,
body.room_rentals #mainnav li a#mainnav-room_rentals .overlay,
body.donate #mainnav li a#mainnav-donate .overlay
{display:block;}

#dropmenu {margin:5px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300;}   
#dropmenu a{
    display: block;
	float: left;
	padding: 3px 6px 6px 6px;
	color:#383838;
	text-decoration: none;	
	font-size:12px;
	line-height:12px;
	position:relative;}   
#dropmenu a:hover,#dropmenu a:active, #dropmenu li a:active  {background:#fff;}   
#dropmenu li {float:left; position:relative;margin: 0px 1px 0px 1px;}
/*next one keeps the top nav ON when hovering sub lists*/
#dropmenu li:hover,#dropmenu li:active, #dropmenu li:hover a,#dropmenu li:active a{background:#fff;}   
#dropmenu ul 
{
 display:none;position:absolute;z-index:41;left:-100px;top:21px;
 margin:0; list-style-type:none; list-style-position:outside; 
 height:auto;
 width:236px;
 padding:28px 28px 18px 28px;
 background-color:#fff;
 border-top:6px solid #999;
 border-bottom:6px solid #999;
 }
 /*now position each UL so they are in same spot*/
#dropmenu #mainnav-li-about ul {left:-55px;}
#dropmenu #mainnav-li-events ul {left:-100px;}
#dropmenu #mainnav-li-room_rentals ul {left:-150px;}
#dropmenu #mainnav-li-donate ul {left:-234px;}

#dropmenu li ul li{width:218px; padding:10px 8px 10px 8px;border:1px solid #bddfe4;margin-bottom:10px;}   
#dropmenu li ul li.hilite{background-color:#f2fbfc; }  
#dropmenu li ul li.hilite a:hover, #dropmenu li ul li.hilite a{background-color:#f2fbfc; }  
#dropmenu li ul a {float:left;background:#FFF;font-weight:normal;font-size:11px; line-height:13px; color:#606060;padding:0px;margin:0;}   
#dropmenu li ul a .header {font-weight:bold;font-size:13px; line-height:15px; color:#606060;display:block;}   
#dropmenu li ul.displaynav{display:block;}   
#dropmenu li.hilitenav{background-color:#fff; }  

#dropmenu li:hover ul, #dropmenu li li:hover ul {display:block;}   
#dropmenu li ul li:hover, #dropmenu li ul li:active, #dropmenu li ul li:hover a,#dropmenu ul li:active a{background:#f2fbfc;}   
#dropmenu li ul li a:hover, #dropmenu li ul li a:active{background-color:#f2fbfc; }  

/*
#dropmenu li.active a, #dropmenu li:hover{background-color:#f2fbfc; }  
#dropmenu li.active a:hover, #dropmenu li:hover{background-color:#f2fbfc; }  
*/

/*
#dropmenu li.current_page_item, #dropmenu li.current_page_item a,
#dropmenu li.current_page_ancestor, #dropmenu li.current_page_parent, 
#dropmenu li.current_page_ancestor a, #dropmenu li.current_page_parent a {background:#3c3c3d; color:#bfc289;}   
*/


/*---------------------------------------------------------------------------
FEATURE NAV 2
---------------------------------------------------------------------------*/

/*add overlay for nav items*/
#dropmenu_feature li a .overlay	{display:none;position:absolute;z-index:40;left:-12px;top:42px;height:7px;width:280px;background-color:#fff;}

/*TURN ON NAV OVERLAY FOR EACH PAGE SECTION*/
body.explore #dropmenu_feature li#dropmenu_feature_explore a#featurenav_explore .overlay,
body.iam #dropmenu_feature li#dropmenu_feature_iam a#featurenav_iam .overlay
{display:block;}

#dropmenu_feature {margin:5px 0 0 0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300;}   
#dropmenu_feature a{
    display: block;
	float: left;
	padding: 0px;
	text-decoration: none;
    text-align:left;
    color:#606060;
    font-size:12px;
	line-height:12px;  
	position:relative;
	background:#fff;
	}   
	
#dropmenu_feature a .big, #dropmenu_feature li ul li .big
{	
    font-size:24px;
	line-height:24px;
}	
.plus-sign
{
    color:#ccc;
    font-size:35px;
	line-height:35px;
	position:absolute;
	left:238px;
	top:0px;
}
/*#dropmenu_feature a:hover,#dropmenu_feature a:active, #dropmenu_feature li a:active  {z-index:41;}   */
#dropmenu_feature li {float:right; position:relative;height:42px;margin:20px 24px 0px -4px; width:256px;
    margin:20px 24px 0px -4px; 
    padding:10px 12px 0px 12px;     
    text-transform:lowercase;
    text-align:left;
    color:#606060;
    font-size:12px;
	line-height:12px;
    background:#fff;
    }
 
/*next one keeps the top nav ON when hovering sub lists*/
#dropmenu_feature li:hover,#dropmenu_feature li:active, #dropmenu_feature li:hover a,#dropmenu_feature li:active a{background:#fff;}   
#dropmenu_feature ul {
 display:none;position:absolute;z-index:40;left:0px;top:-6px;
 margin:0; list-style-type:none; list-style-position:outside; 
 height:auto;
 width:260px;
 padding:10px 12px 18px 8px;
 background-color:#fff;
 border-top:6px solid #999;
 border-bottom:6px solid #999;
 }
#dropmenu_feature li ul li{width:252px; height:auto; padding:0px 4px 0px 4px;margin:0px;}   

#dropmenu_feature li ul li.header
{
    height:auto; width:256px;padding:0px 0px 28px 4px;margin:0px;text-align:left;
    color:#606060;
    font-size:12px;
    background-color:#fff;
	line-height:12px;  
	}   
	/*
#dropmenu_feature li#dropmenu_feature_explore ul li.header
{padding-bottom:28px;background-color:#fff;}
*/	

#dropmenu_feature li ul li.header.subhead
{	padding:0px 0px 0px 4px; font-size:17px; line-height:25px; color:#383838;background-color:#fff;
    }
#dropmenu_feature li ul li.header:hover{background:#fff;}
#dropmenu_feature li ul a {float:left;background:#FFF;font-weight:normal;font-size:17px; line-height:25px; color:#606060;padding:0px;margin:0;width:252px;}   
#dropmenu_feature li:hover ul, #dropmenu_feature li li:hover ul {display:block;}   
#dropmenu_feature li ul li:hover, #dropmenu_feature li ul li:active, #dropmenu_feature li ul li:hover a,#dropmenu_feature ul li:active a{background:#f2fbfc;}   
#dropmenu_feature li a:hover, #dropmenu_feature li a:active{background-color:#f2fbfc; }  



#dropmenu_feature li ul li#explore_map:hover, #dropmenu_feature li ul li#explore_map{background-color:#fff;border:0px;color:#fff;padding-bottom:10px;}
#dropmenu_feature li ul.displaynav{display:block;} 


/*end feature nav*/


#header .featurenav
{
    height:42px;
    float:right;
    background:#fff;
    width:266px;
    margin:20px 24px 0px -4px; 
    padding:10px 0px 0px 14px;     
    text-transform:lowercase;
    text-align:left;
    color:#606060;
    font-size:12px;
	line-height:12px;
    position:relative;
    display:inline;    
}
#header .featurenav .big
{	
    font-size:24px;
	line-height:24px;
}
#header .featurenav .plus-sign
{
    color:#ccc;
    font-size:35px;
	line-height:35px;
	position:absolute;
	right:10px;
	top:12px;
}


.topnav_boxes{
	width: 924px;
	padding:30px;
	margin:0;
	padding: 30px;
	position:absolute;
	top: 0px;
	z-index:999;
	right:0px;
	background-color: #fff;	
	border-bottom:6px solid #858585;
    display:none;
}

.topnav_content 
{
    float:right;
    text-align:left;
    padding:0px 0px 0px 50px;
    margin:0px;
    display:inline;
    width:924px;
    padding:0px; 
    }  

	 
	 
/*STYLES*/
    
/*Top NAV*/    
.topnav_content h1
{
    font-weight:normal;
    color:#a5a5a5;
    font-size:31px;
	line-height:36px;
	padding:0px;
	margin:0px;    
    }   
.topnav_content h2
{
    font-weight:normal;
    color:#383838;
    font-size:31px;
	line-height:36px;
	padding:0px;
	margin:0px;
    
    }   
.topnav_content h3
{
    font-weight:bold;
    text-transform:uppercase;
    color:#606060;
    font-size:12px;
	line-height:15px;
	padding:0px;
	margin:0px;
    padding-top:20px;
    }   
.topnav_content .bodycopy
{
    font-weight:normal;
    color:#606060;
    font-size:12px;
	line-height:15px;
	padding:0px;
	margin:0px;
	padding-top:5px;    
    }   
    
/*BODY CONTENT*/  
#content #content_main h1
{
    padding:0px;
	margin:0px;
	font-weight:bold;    
    font-size:30px;
	line-height:32px;
	color:#ab2222;
	text-transform:lowercase;	
    }
body#events #content #content_main h1,    
body#news #content #content_main h1{padding-bottom:20px;}
    
#content #content_main h2
{   
    display:block;
    padding:0px;
	margin:0px;
	font-weight:normal;    
    font-size:18px;
	line-height:20px;
	color:#606060;	
    }
body.room_rentals #content #content_main h2{padding-top:15px;}  

#content #content_main h3
{   
    padding:0px;
	margin:0px;
	font-weight:bold;    
    font-size:11px;
	line-height:13px;
	color:#606060;
	text-transform:uppercase;	
    }
body.iam #content #content_main h3{clear:both;padding-top:20px;}  
    

.callout
{
    color:#606060;
    font-size:23px;
	line-height:26px;  
	padding-top:20px;
	}        
	
.bodycopy
{
    padding:0px;
    color:#606060;
    font-size:17px;
	line-height:25px;  
}   
.bodycopy a,
.bodycopy a:hover,
.bodycopy a:visited,
.bodycopy a:active,
.bodycopy a:link
{
    color:#606060;
    font-size:17px;
	line-height:25px;  
	text-decoration:underline;
    }


.bodycopy2
{
    color:#606060;
    font-size:12px;
	line-height:15px;  
	padding-top:4px;
	}   
	
.post
{
	clear:both;
	float:left;	
	margin:0;
	padding:0;
	padding-bottom:18px;
    }
        
        
.bodycopy2 a,
.bodycopy2 a:hover,
.bodycopy2 a:visited,
.bodycopy2 a:active,
.bodycopy2 a:link
{
    color:#606060;
    font-size:12px;
	line-height:15px;  
	text-decoration:underline;
    }
	

.bodycopy a.internal_link
{
    clear:left;
    display:block;
    padding: 5px 5px 5px 5px;
    font-size:10px;
	line-height:10px;  
	margin:8px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	color:#606060;
	border:1px solid #b9b9b9;	
	width:auto;
	background-color:#fff;
	float:left;
	cursor:pointer;
    }
.bodycopy a.external_link
{
    clear:left;
    display:block;
    padding: 5px 22px 5px 5px;
    font-size:10px;
    font-weight:bold;
	line-height:10px;  
	margin:8px 0 0 0;
	text-transform:uppercase;
	text-decoration:none;
	color:#606060;
	border:1px solid #f5c23c;	
	width:auto;
	background-color:#f5c23c;
    background-image:url(/images/yellow-btn-arrow.gif);
    background-repeat:no-repeat;
    background-position:right center;    
	float:left;
	cursor:pointer;
    }    

.bodycopy ul {margin:0; padding:0; list-style-type:none; list-style-position:outside;}   
.bodycopy ul li {list-style-type:none;position:relative;margin: 0px 0px 2px 0px;}	

ol {margin:0; padding:0; }   
ol li {position:relative;margin: 0px 0px 4px 18px;}	

/*EXPLORE SECTION*/
	
.noshow{display:none;}

.clear {clear:both;}   

.jScrollPaneContainer {
	position: absolute;
	height:auto;
	width:auto;
  margin:0px;
  padding:0px;
  left:0;
  clear:both;
  
}

.jScrollPaneTrack 
{
    display:none;
}
.jScrollPaneDrag 
{
    display:none;
}
.jScrollPaneDragTop 
{
    display:none;
}
.jScrollPaneDragBottom 
{
    display:none;
}
a.jScrollArrowUp 
{
    display:none;
}


a.jScrollArrowDown 
{
    display:none;
}
/* CONTENT SUB NAV */
#subnav ul {margin:0; padding:0; list-style-type:none;height:12px; clear:both;}   
#subnav ul li {list-style-type:none; display:inline; float:left; position:relative; padding:0px; margin: 300px 1px 0px 1px;}
#subnav ul li a{
    display: block;
	padding: 0px 10px 0px 0px;
	color:#606060;
	margin:0px;
	text-decoration: none;	
	font-size:12px;
	line-height:12px;
	text-transform:uppercase;
	}
#subnav ul li#cph_subnav_divider{
    display: block;
	padding: 0px 10px 0px 0px;
	color:#606060;
	text-decoration: none;	
	font-size:12px;
	line-height:12px;
	} 	   
#subnav ul li a:hover,#subnav a:active, #subnav ul li a:active  {color:#4eabca;}   
/*next one keeps the top nav ON when hovering sub lists*/
#subnav ul li:hover,#subnav ul li:active, #subnav ul li:hover a,#subnav ul li:active a{color:#4eabca;}   
#subnav ul li a:hover, #subnav ul li a:active{color:#4eabca; }  

/*turn subnav on per page*/
/*literary_tenants*/
body#subnav1 #cph_subnav_1 a,
body#subnav2 #cph_subnav_2 a,
body#subnav3 #cph_subnav_3 a,
body#subnav4 #cph_subnav_4 a,
body#subnav5 #cph_subnav_5 a
{color:#4eabca; }  

#footer
{
    display:none;
    
    
}/*
#footer .footer_desc 
{
    color:black;
    float:left; 
    text-transform:uppercase; 
    font-size:11px;
    line-height:11px;
    position:relative; 
    margin: 0; 
    padding: 5px 8px 6px 0px;
    }

#footer ul
{
	margin: 0;
	padding: 0;
	float:left; 
	position:relative;
}

#footer li
{
	list-style-type: none;
	display: inline;
}

#footer li a
{
	display: block;
	float: left;
	padding: 5px 8px 6px 8px;
	text-decoration: none;
	font-size:11px;
	line-height:11px;	
}*/
.left .bodycopy2
{
    padding:0px;
    margin:0px; 
    width:auto;
    height:auto;
}
.explore_content
{
    position:relative;
    top:24px; left:-16px;
    width:auto;
    z-index:20px;
    overflow:hidden;
    padding:20px;
    display:inline;
    float:left;
    clear:both;
    visibility:visible;
    }


 #content_main #content_main_body ,#subnav
 {
display:inline; 
 }
 
 #content_main #subnav
 {
display:none; 
 }
 body.admin input.submit,body.admin input[type="submit"] {
margin-left:10px;
}
#cmdLogin{margin-left:0px;}
body.admin input[type="submit"].addnew
{
    clear:both;
    float:left;
    margin:10px 0 20px 0;
    }
body.admin input[type="submit"]#signout{float:right;}    
    
body.admin {
    margin:0px; 
    padding:0px;   
    font: normal 10px/12px helvetica, arial, sans-serif;    
    background-color:#d6d3c7;
	} 
body.admin #container{
    background-color:#fff;
	margin: 0 auto;
	padding:0;
	width: 924px;
	padding:30px;
	height:auto !important;
	position:relative;	
	} 
body.admin #container h1
{
    padding:0px;
	margin:0px;
	font-weight:bold;    
    font-size:30px;
	line-height:32px;
	color:#ab2222;
	text-transform:lowercase;	
    }
  
body.admin #container h2
{   
    display:block;
    padding:0px;
	margin:0px;
	font-weight:normal;    
    font-size:18px;
	line-height:20px;
	padding-top:30px;
	color:#606060;	
    }

body.admin #container h3
{   
    padding:0px;
	margin:0px;
	font-weight:bold;    
    font-size:11px;
	line-height:13px;
	color:#606060;
	text-transform:uppercase;	
    }

body.admin .errorValidatorMsg
{
    padding:0px;
	margin:0px;
	font-weight:normal;    
    font-size:11px;
	line-height:13px;
	color:#ab2222 !important;	
    }
  
    
body.admin #container table tr td
{   
    padding:3px;
	margin:0px;
	font-weight:normal;    
    font-size:11px;
	line-height:13px;
	color:#606060;	
    }
body.admin #container table tr th
{   
    padding:3px;
	margin:0px;
	font-weight:normal;    
    font-size:11px;
	line-height:13px;
	text-transform:capitalize;
	color:#606060;	
    }

body.admin #container table tr td a, body.admin #container table tr th a
{   
    padding:3px;
	margin:0px;
	font-weight:normal;    
    font-size:11px;
	line-height:13px;
	color:#606060;
	text-transform:capitalize;
    }
body.admin #container table tr td a:hover, body.admin #container table tr th a:hover
{   
text-decoration:underline;
    }

body.admin #linkReturn, body.admin #lnkGoBack    {   
    padding:3px;
	margin:0px;
	font-weight:normal;    
    font-size:11px;
	line-height:13px;
	color:#606060;
	text-transform:capitalize;
    }
body.admin #container .titleTextbox
{
    width:550px;
}    
body.admin #container .descriptionTextbox
{
    width:550px;
    height:200px;
}
body.admin #container .linkTextbox
{
    width: 400px;
}