@import url("browser-reset.css");
@charset "UTF-8";


/*  REDEFINES  */

* {margin: 0; padding: 0;}
a img {border: none;}
html{  /*will show scrollbar always; for consistent look */
	overflow:-moz-scrollbars-vertical;
}
a:focus,
a:active{
outline: none;
border: none;
}
body{
height: 100%;
background-color: #fff;              /*    change bg color here    */
margin: 10px auto;
}
body,html{
font: 9pt/1.3em Arial, Helvetica sans-serif;
}
a:link, a:active, a:visited{
color: #000;
text-decoration: underline;
}
a:hover{
color: #65ADD9;
}
p{
margin: 10px 0 5px 0;
}
h1{
font: bold 20pt Arial, Helvetica, sans-serif;
text-transform: uppercase;
border-bottom: 1px #666 dotted;
margin: 0 0 15px 0;
}
h2{
font: bold 10pt Arial, Helvetica, sans-serif;
margin: 10px 0;
}
hr{
border-style: none;
}

/*  LAYOUT IDs  */


#container{
width: 1021px;
margin: 0 auto 15px auto;
padding: 0 0 10px 0;
background: #fff url(../images/page-bg-B.jpg) no-repeat center bottom;
z-index: 1;
}
#container #bgR{
margin-top: 10px;
background: url(../images/page-bg-R.jpg) repeat-y right top;
}
#container #bgL{
margin-top: 10px;
background: url(../images/page-bg-L.jpg) repeat-y left top;
}
#header{
height: 235px;
width: 1021px;
margin: 1px 0 10px 0;
padding: 15px 0 10px 0;
border-bottom: 1px #999 solid;
background: url(../images/page-bg-T.jpg) no-repeat center top;
}
#masthead a{
display: block;
height: 120px;
width: 845px;
margin: 0 30px 0 97px;
background: url(../images/masthead.gif) no-repeat left center;
}
ul#nav{
width: 850px;
list-style: none;
margin: 20px auto 0 auto;
}
ul#nav li{
display: inline;
float: left;
margin-right: 5px;
width: 89px;
}
ul#nav a{
display: block;
width: 89px;
height: 112px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font: bold 8pt Arial, Helvetica, sans-serif;
padding: 0 4px;
}
ul#nav a:hover, ul#nav .current{
color: #65ADD9;
}
ul#nav img{
display: block;
}
#leftCol{
width: 160px;
padding: 0 15px 0 20px;
float: left;
}
#rightCol{
width: 150px;
padding: 0 15px;
float: left;
}
ul#categories{
text-transform: uppercase;
}
ul.subNav li a{
text-decoration: none;
}
ul.subNav li{
padding: 0 0 0 20px;
margin: 0 0 10px 0;
background-repeat: no-repeat;
background-position: left center;
font-size: 8pt;
}
.books, .city, .reach{
background-image: url(../images/icons/icon-bbl-01.gif);
}
.music, .state, .submit{
background-image: url(../images/icons/icon-bbl-02.gif);
}
.stuff, .interest, .read{
background-image: url(../images/icons/icon-bbl-03.gif);
}
.blog, .age, .contact{
background-image: url(../images/icons/icon-bbl-04.gif);
}
.links, .climate, .join{
background-image: url(../images/icons/icon-bbl-05.gif);
}
.web, .cost, .connect{
background-image: url(../images/icons/icon-bbl-06.gif);
}
.calendar{
background-image: url(../images/icons/icon-bbl-07.gif);
}
#currentIcon{
margin: 40px auto;
width: auto;
text-align: center;
text-transform: uppercase;
font-size: 11pt;
line-height: 1.3em;
font-weight: bold;
}
#googleMap{
width: 180px;
}
#centerCol{
width: 530px;
padding: 0 40px;
float: left;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
}
#centerLeftCol{
width: 48%;
float: left;
border-right: 1px #666 dotted;
padding-right: 10px;
}
#centerRightCol{
width: 48%;
float:right;
}
#centerCol ul.recentItem span{
float: right;
}
#centerCol ul.recentItem h3{
padding-top: 10px;
clear: both;
text-transform: uppercase;
}
#centerCol ul.recentItem li{
border-bottom: 1px #ccc solid;
margin: 10px 0 30px 0;
padding: 0 0 50px 0;
}
#centerCol table#items{
border: 0;
width: 100%;
}
#centerCol table#items td{
border-bottom: 1px #ccc solid;
margin: 0 0 10px 0;
padding: 10px 0;
}
#centerCol table#items img{
float: left;
padding: 0 1em 1em 0;
}
#centerCol table#items span{
text-align: right;
display: block;
margin: 20px 100px 20px 0;
}
#centerCol p.overview{
margin: 10px 0 10px 15px;
font-weight: bold;
}
#centerCol p.summary{
margin: 10px 0 30px 15px;
}
#centerCol #kidMap{
display: block;
width: 425px;
margin: 0 auto;
text-align: left;
}
#centerCol .stop{
clear: both;
display: block;
margin: 10px 0 20px 0;
padding: 10px 20px 20px 20px;
border-bottom: 1px #ccc solid;
}
#centerCol div.number{
font: 16pt Georgia, "Times New Roman", Times, serif;
color: #430d85;
text-align: right;
padding: 2px 0;
display: block;
width: 610px;
margin-left: -60px;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}
#centerCol div.number em{
font-size: 40pt;
vertical-align: middle;
}
#centerCol div.number img{
vertical-align: middle;
padding: 0 0 0 10px;
}
#centerCol .stop span{
float: right;
margin: 0 0 10px 15px;
padding-top: 10px;
clear: both;
font: 9pt Georgia, "Times New Roman", Times, serif;
color: #000;
}
#centerCol .stop h2{
font: 13pt Georgia, "Times New Roman", Times, serif;
}
table.list{
font: 10pt Georgia, "Times New Roman", Times, serif;
margin: 10px 0 30px 0;
}
table.list thead{
font: bold 10pt Arial, Helvetica, sans-serif;
border-bottom: 1px #ccc solid;
}
table.list td{
padding: 3px 10px 3px 3px;
}
table.list thead .col3{
text-align:center;
}
table.list .col1{
width: 30%;
}
table.list .col2{
width: 4%;
}
table.list .col3{
width: 65%;
}

/*    context colored links   */


#kidtineraries #centerCol a{
color: #c2c131;
text-decoration: none;
border-bottom: 1px #c2c131 dotted;
}
#kidtineraries #centerCol dd{
border-color: #c2c131;
}
#events #centerCol a{
color: #430d85;
text-decoration: none;
border-bottom: 1px #430d85 dotted;
}
#events #centerCol dd{
border-color: #430d85;
}
#books #centerCol a{
color: #0074D9;
text-decoration: none;
border-bottom: 1px #0074D9 dotted;
}
#books #centerCol dd{
border-color: #95b816;
}
#music #centerCol a{
color: #00448D;
text-decoration: none;
border-bottom: 1px #bbd42b dotted;
}
#music #centerCol dd{
border-color: #bbd42b;
}
#stuff #centerCol a{
color: #0D1CA7;
text-decoration: none;
border-bottom: 1px #f28705 dotted;
}
#stuff #centerCol dd{
border-color: #f28705;
}
#blog #centerCol a{
color: #04b2d9;
text-decoration: none;
border-bottom: 1px #04b2d9 dotted;
}
#blog #centerCol dd{
border-color: #04b2d9;
}
#web-activities #centerCol a{
color: #BF0D2E;
text-decoration: none;
border-bottom: 1px #d9048e dotted;
}
#web-activities #centerCol dd{
border-color: #d9048e;
}
#links #centerCol a{
color: #553285;
text-decoration: none;
border-bottom: 1px #d9042b dotted;
}
#links #centerCol dd{
border-color: #d9042b;
}
#map #centerCol a{
color: #d9042b;
text-decoration: none;
border-bottom: 1px #d9042b dotted;
}
#map #centerCol dd{
border-color: #d9042b;
}


#footer{
clear: both;
width: 800px;
padding-top: 20px;
margin: 0 auto 0 auto;
text-align: center;
}

/*  CLASSES  */

.clear{
clear: both;
}
.floatR{
float: right;
}
.floatL{
float: left;
}
.imgfloatR{
float: right;
padding: 10px 0 10px 10px;
}
.imgfloatL{
float: left;
padding: 10px 10px 10px 0;
}
.icon{
position: relative;
top: 4px;
}
.dotted{  /*  for HRs   */
color: #fff; 
background-color: #fff; 
border: 1px #666 dotted; 
border-style: none none dotted; 
margin-top: 15px;
}