/* INDEX 
1. global layout / design elements
2. navigation
3. typography
4. advertising
5
*/
/*1. global layout / design elements*/
body {font-size:76%; background-color:#213744;}
a {text-decoration:none}
a:hover {text-decoration:underline;}
	  
body,  .left-pad {margin-left:20px;}
p {padding:0 0 20px 0; margin:0; position:relative; line-height:150%;}
   
#content{clear:both; font-family:georgia, times;} 
img {border:0;}
form {display:inline;}
#top-banners img, #content-column {float:left; }
#container {width:986px;}
body, #page, #side-banner {margin-top:20px;}
#page-top {height:16px; width:798px; background-image:url('../images/tmpl/pages-top.gif');font-size:1px;}
#logo {float:left;width:auto; padding:13px 0 0 20px;}
#global-nav, #activity-nav, #content {margin:0 33px 0 20px;}
#page {background: #fff url('../images/tmpl/page-side-bg.gif') repeat-y right; width:798px; margin-bottom:6px; padding:0 0 10px 0;}
.clear-all {height:1px; line-height:1px; font-size:1px; clear:both;}
#header-container {background:#fff url('../images/tmpl/cat-header-bg.gif') no-repeat top; padding:12px 0 17px 0;}
#header-container h1	{position:relative; background:#ffffff; display:inline; margin:0px 0 10px 0;padding:0;font:1.3em georgia, times; font-weight:bold;}
#header-container h1 span	{display:none;}
#header-container h1 #date	{display:inline; font-size:.7em; color:#555555; padding:0; margin:0;}
ul.bullets { margin: 0 0 10px 0;padding: 0;list-style:none; font-weight:bold;}
ul.bullets li { margin:0; padding:5px 0 5px 15px; background: url('../images/tmpl/events-li-bullet.gif') no-repeat; background-position:0px 7px; font-weight: normal;}
ul.bullets li a{text-decoration: none; color: #000;}
ul.bullets li a:hover {text-decoration: underline; }
button {background: url('../images/tmpl/submit-button.gif'); border:none; color:#FFF; font:0.9em georgia, times; width:91px; height:22px; padding:0; margin:0;}
button.button-med{/*coming soon*/}
button.button-wide {background: url('../images/tmpl/button-wide.gif'); border:none; color:#FFF; font:0.9em georgia, times; width:147px; height:22px; padding:0 0 0px 0;margin: 10px 0 10px 0;}
button span {width:auto; height: 21px; font-weight:bold;text-align:center; display:block; font-style:italic; line-height:20px;}
#grey-box {background-color:#DDE0E1; width:796px; font:0.9em arial, sans; color:#464646; background-image:url('../images/tmpl/grey-box-bg.gif');}
#grey-box .col-padding {padding:15px 20px 0px 20px; float:left;}
#grey-box h3 {font-family:georgia, times; color:#464646; font-size: 1.5em; text-transform:uppercase; font-weight:bold; margin:0; padding:0 0 6px 0;}
#news-sign-up {width:200px;}
#news-sign-up .view-all a {font-size:0.9em;padding:0 0 0 13px; color:#890104;  text-transform:none; text-decoration:none; font-family:arial, sans;}
#news-sign-up .view-all {float: right; margin:4px 0 5px 0;  width:auto;  background-image:url('../images/tmpl/view-all-bullet.gif'); background-repeat:no-repeat; background-position:0px;}
#news-sign-up .view-all a:hover {text-decoration: underline;}
#join-panel  {width:192px;}
#join-panel .view-all a {font-size:0.9em;padding:0 0 0 13px; color:#890104;  text-transform:none; text-decoration:none; font-family:arial, sans;}
#join-panel .view-all {float: right; margin:0px 0 5px 0;  width:auto;  background-image:url('../images/tmpl/view-all-bullet.gif'); background-repeat:no-repeat; background-position:0px;}
#join-panel .view-all a:hover {text-decoration: underline;}
#google-search {width:287px; padding-top:25px; background:url('../images/tmpl/sm-google-logo.gif') no-repeat; }
#google-search .button {font-size:.8em; margin:0 0px 4px 0;}
#google-search .box {font-size:.8em; margin:0 6px 4px 0; width:217px;}
/*2. navigation*/
#global-nav li {float:left; margin:0px; padding:0 0 0 16px; list-style-type:none; background: url('../images/tmpl/global-nav-bullet.gif') no-repeat 8px center; }
#global-nav #search {background-image: url(/images/tmpl/search-nav-bullet.gif) !important;}
#global-nav li a {font:0.8em arial; line-height:12px; color:#6B0407; text-transform:uppercase; text-decoration:none;} 
#global-nav li a:hover {color:#4E0305; text-decoration:underline;} 
#global-nav ul {float:right; display:inline; position:relative; margin:0px; padding:0px;}
#global-nav a {display:block; float:left;}
#activity-nav {clear:right;}
#activity-nav li {float:left; margin:0px; padding:0; list-style-type:none; background: url('../images/tmpl/activity-nav-bullet.gif') no-repeat; background-position:0px 100%; }
#activity-nav li a {font:0.8em arial; color:#444E59; background:#FFF; text-transform:uppercase; text-decoration:none; display:block; padding:0 8px 6px 8px; margin-left:1px;} 
#activity-nav li a:hover {color:#2E3339; background: transparent;} 
#activity-nav li .current {background:transparent;}
#activity-nav ul {float:right; display:inline; position:relative; margin:43px 0 0 0px; padding:0; background-image: url('../images/tmpl/activity-nav-bg.gif'); }
#interest-nav {margin:0px 33px 0px 20px;  height:44px;}
#interest-nav span {display:none;}
#interest-nav ul {width:744px;background-image: url('../images/interest-nav/interest-nav-bg.gif'); float:left; display:inline; position:relative; margin:0px; padding:0px; background-repeat:no-repeat; height:44px;}
#interest-nav #history a{background-image: url('../images/interest-nav/history.gif'); width:129px;}
#interest-nav #arts a{background-image: url('../images/interest-nav/the-arts.gif'); width:98px;}
#interest-nav #science-and-technology a{background-image: url('../images/interest-nav/science-technology.gif'); width:141px;}
#interest-nav #travel a{background-image: url('../images/interest-nav/travel.gif'); width:104px;}
#interest-nav #nature-and-wildlife a{background-image: url('../images/interest-nav/nature-wildlife.gif'); width:116px; }
#interest-nav #people-and-culture a{background-image: url('../images/interest-nav/people-cultures.gif'); width:131px;}
#interest-nav #arts, #interest-nav #science-and-technology,#interest-nav #travel {padding-left:4px;}
#interest-nav #nature-and-wildlife, #interest-nav #people-and-culture {padding-left:5px}
#interest-nav li {float:left; margin:0px; list-style-type:none;  }
#interest-nav  a { display:block; background-repeat:no-repeat; height:44px;} 
#interest-nav li .break {}
#interest-nav li a:hover, #interest-nav .current a {background-image:none !important;} 
#footer-nav {background-image: url('../images/tmpl/footer-grey-bg.gif'); background-repeat:no-repeat; width:796px;}
#footer-nav li {float:left; margin:0px; padding:8px 0 8px 0px; list-style-type:none;}
#footer-nav li a {display:block; font:0.8em georgia, times;  text-align:center; font-weight:bold; line-height:12px; color:#FFFFFF; text-transform:uppercase; text-decoration:none;} 
#footer-nav li a:hover {text-decoration:underline;} 
#footer-nav ul {display:block; position:relative; margin:0px; padding:0px 20px 0 20px;}
#footer-nav-2 {background-image: url('../images/tmpl/footer-green-bg.gif'); background-repeat:no-repeat; width:796px;}
#footer-nav-2 li {float:left; margin:0px; padding:8px 0 8px 0px; list-style-type:none;}
#footer-nav-2 li a {display:block; font:0.8em arial, sans;  text-align:center; font-weight:bold; line-height:12px; color:#C7CDD0;  text-decoration:none;} 
#footer-nav-2 li a:hover {text-decoration:underline;} 
#footer-nav-2 span {display:none;}
#footer-nav-2 ul {display:block; position:relative; margin:0px; padding:0px 20px 0 20px;}
/*3 typography */
h4 {
	padding: 0px 0 10px 0;
	margin: 0; 
	font:1.3em georgia, times; 
	font-weight:bold;
	color: #000;
}
h2 {font-size:1.0em; padding:0; margin:0; text-transform:uppercase; letter-spacing:0.05cm;}
.view-all a {font-size:0.9em; color:#890104; text-transform:none; text-decoration:none; font-family:arial, sans;}
.view-all a:hover {text-decoration: underline;}
/* 4. advertising */
#side-banner {float:left; margin-left:20px;}
#side-banner img, #side-banner #subscribe {margin:0 0 20px 0;}
#related-links .view-all{
	width: 100%;
	float: left;
	margin: 0px 0 2px 0px !Important;
	margin: 0px 0 2px 0px;
	text-align: left;
	background-image:url('../images/tmpl/view-all-bullet.gif'); background-repeat:no-repeat; background-position:2px 3px;
	}
	
#culturefest-nav { 
	margin: 0px 5px 15px 0px;
	padding-left:20px;
	background-color:#FFFFFF;
	width:700px
}
#culturefest-nav ul { 
	padding: 0px;
	margin: 0px;
	margin-left:3px;
	list-style:none;
	list-style-type: none;
	}
	
#culturefest-nav li, #culturefest-nav li a { 
	margin: 0px;
	display:inline;
	color:#951586;
	font-size:0.99em;
	padding:0px; 
	font-family:arial, sans;
	text-transform:none; 
	text-decoration:none; 
	}
#culturefest-nav li a:hover{ 
	color:#951586;
	text-decoration:underline;
	}
#culturefest-nav span { 
	padding-left:10px;
	padding-right:10px;
	}
#museumday-nav li, #museumday-nav li a, { 
	color:#1AA16F;
	}
#museumday-nav li a:hover{ 
	color:#1AA16F;
	text-decoration:underline;
	}
#culturespotter-nav li, #culturespotter-nav li a, { 
	color:#73AE39;
	}
#culturespotter-nav li a:hover{ 
	color:#73AE39;
	text-decoration:underline;
	}
