body{font-size:80%;font-family:arial,helvetica,sans-serif;color:black}
body div {background:transparent;}

#banner,
#nav01,
#nav02,
#nav03,
#search01,
.buttonList,
.calList,
.sidebar
{display:none;}

#page{
border:1px dotted #ccc;
margin:12pt;
padding: 12pt;
}


#main{
}

#footer{
clear:both;
border-top:1px dotted #ccc;
}

#footer p{
font-size:8pt;
display:block;
margin:10px auto 30px;;
text-align:center;
}

.story a,
#footer a{
font-weight:bold;
text-decoration:none;
color:#aaa;
border-bottom:1px dotted #aaa;
}


#footer h4,
#footer a{
display:none;
}

/*                 _______________
__________________/ Content Items |_______  */

.story p, .story li{
font-size:10pt;
line-height:14pt;
}

.story p{
margin-bottom:10pt;
}

h1,h2,h3,h4,h5,h6,strong{
line-height:140%;
clear:both;color:black;
}

.story h4{
clear:none;
}


blockquote{
border:1px dotted #ccc;
padding:10px 10px 0;
margin:20px 0;
}

.story li{
margin-left:12pt;margin-bottom:6pt}

.story ul,
.story ol{
margin-bottom:10pt;
}

h5{margin-bottom:14pt;}


.story{
float:left;
border-top:1px dotted #ccc;
padding:10px 0;
width:100%;
}

.individual{
border-top:0px;
}

.home-base .list{
position:relative;
}

.first{
border:none;
}

.columns2{
float:left;
clear:both;
border-top:1px dotted #ccc;
padding:15px 0;
width: 100%;
}

.columns2 .story{
float:left;
width:47%;
margin-left:6%;
border:none;padding:0;
}

.columns3{
clear:both;
border-top:1px dotted #ccc;
padding:15px 0;
}

.columns3 .story{
float:left;
width:29%;
margin-left:6%;
border:none;
}

.columns2 .first,
.columns3 .first{
margin:0;
}

a.imageLink img{border:none;}

.storyThumb{
float:left;
margin:4px 15px 1px 0;
width:80px;
height:80px;
overflow:hidden;
}

.storyThumb img{
height:100%;
}

.storyImage{
float:right;
margin:3px 0 5px 10px;
}

.date{
float:left;
margin:3px 10px 5px 0;
text-align:center;
width: 54px;
}

.date h3{
font-size:8px;
padding:2px 0 0;
display:block;
clear:none;
text-align:center;
background:#999;
width:50px;
float:right;
color:white;
}

.date h3 strong{
border:1px solid #ddd;
margin:3px 0 0 0;
padding:2px 0 1px 0;
display:block;
background: #fff url(/siteImages/gradUpGray.gif) repeat-x 0 130%;
clear:both;
text-align:center;
font-size:30px;
letter-spacing:-1px;
color:#888;
line-height:1.1em;
}

div.details{
float:right;
width:200px;
font-size:90%;
height:auto;
}

.liner{
margin:5px 0 20px 20px;
padding:10px;
border:1px dotted #ccc;
}

.home-base #main .details p{
line-height:1.2em;
margin-bottom:.6em;
}

.home-base .story h3{
clear:both;
}


h6.navHandle{
text-indent:-5000px;
bottom:6px;right:0;
position:absolute;
width:13px;height:13px;
display:block;
background: url(/siteImages/handleUp.gif);
}

h6.navHandle:hover{
background-position: bottom left;
}

/*                            __________
_____________________________/ Calendar |_______  */

table.calendar {
border-collapse:collapse;
text-align:center;
font-size:11px;
width:100%;
}

table.calendar a {
color:white;
font-weight:bold;
display:block;
text-decoration:none;
background:#88ABD2;
text-align:center;
padding:5px 0;margin:-5px 0;
}

table.calendar th {
font-size:14px;
color:#fff;
padding:0px;
border:0px;
text-align:center;
border-top:1px dotted #ccc;
}

table.calendar th a{
font-size:16px;text-align:center;
color:#FFF;
background: #CBDBEB;
}

table.calendar a:hover{
background: #7A9FC8;
color:white;
}

table.calendar tr{
background: #eee;
}

table.calendar td {
vertical-align:middle;
color:#aaa;width:14%;
text-align:center;
border:1px dotted #ccc;
padding:5px 0px;
}

table.calendar td:hover {
background: #e5e5e5;
}

table.calendar td.today {
background:#CBDBEB;
color:white;
}

table.calendar td.today:hover {
background-color: #88ABD2;
}

table.calendar td.invalidDay {
background: #f5f5f5;
}

table .calDays th {
font-size:11px;
padding:2px 0;
background-color:#88ABD2;
}

table th.calMonth {
background-color:#CBDBEB;
text-align:center;
}

table a.calBack, 
table a.calFwd{
font-size:15px;
padding:5px 0px;margin:0;
}

#smallCal{
width:200px;
float:left;
padding:0;
margin:0 0 0px 0;
}

/*                        ______________  
_________________________/ Big Calendar |_________*/

#bigCal th a{
font-size:30px;
padding:5px 0px;margin:0;
background: #cbdbeb; 
-moz-border-radius:0px;
-khtml-border-radius: 0px;
border-radius: 0px;
border:none;
}

#bigCal th a:hover{
background-color:#97BADC;
border:none;
}

#bigCal{
clear:both;
margin:0;
padding:0;
}

#bigCal table.calendar{
width:100%;
}

#bigCal a.permalink {
float:right;
font-weight:normal;
font-size:9px;
line-height:105%;
color:white;
clear:both;
padding:2px 2px 4px 13px;
margin:3px 5px;
background:#88ABD2;
-moz-border-radius:7px;
-khtml-border-radius: 7px;
border-radius: 7px;
border:2px solid transparent;
}

#bigCal a.permalink:hover{text-decoration:underline;}

#bigCal a.handle{
text-indent:-5000px;
float:left;margin:7px 0 0 9px;
position:absolute;
width:10px;height:10px;
display:block;padding:0;
background: url(/siteImages/circleArrow2.png);
opacity: .6;
-moz-opacity: .6;
filter:alpha(opacity=60);
}

#bigCal a.handle:hover{
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
border:0;
background: url(/siteImages/circleArrow2.png);
}

#bigCal .drawer{clear:both;}

#bigCal .drawer p{color:#888;
font-size:10px;line-height:1.2em;
padding:0 10px 10px;margin:0px;}


#bigCal .calMonth{
font-size:20px;
}

#bigCal th {
font-size:14px;
}

#bigCal td {
vertical-align:top;
padding:0;
height:80px;
}

#bigCal table.calendar h4 { 
font-size:14px;
margin:5px 5px 3px 5px;
text-align:right;
font-weight:bold;
color:#7A9FC8;
}

#bigCal td.today h4{color:white}

#bigCal td.Stars a.permalink{background:#A5CA56;}
#bigCal td.Home-Base-Events a.permalink{background:#9F7AC8;}
#bigCal td.Agency a.permalink{background:#fa0;}
.calendar-board #bigCal a.permalink{background:#999;}

#bigCal a.permalink{width:72%}

.calendar-board #bigCal h3,
.calendar #main h3{
position:absolute;
top:36px; left:15px; 
width:30%
}

.calendar-board #bigCal h3{
top:53px;
}

/*                     ___________
______________________/ Home Base |_______  */

div.hb-contact {
float: right;
clear: right;
color: #777;
width: 150px;
padding: 3px;
border: 1px solid #ccc;
font-size: .8em;
margin: 0 0 5px 5px;
}
.hb-contact h2 {
clear: right;

}
.front .hb-resources li, .column3 li {
margin-left: 2em;
}
.hb-resources p, .hb-resources ul, .hb-resources ol {
margin-bottom: 1em;
}
.hb-resources .subhead {
margin-top: 1.5em;
}

.hb-resources h2 {
margin-top: .5em;
clear: left;
}

#main div#bigCal h3{
margin:-30px 0 50px -15px;
position:relative;float:left;
clear:both;
}