/*********** CSS Document ***********/

html
{
background-image:url(back.jpg);
background-repeat:repeat-x;
background-position:top;
margin:0px;
font:13px arial,helvetica,"bitstream vera sans",sans-serif;
}

body
{
margin:0px;
padding:0px;
min-width:990px;
}


img
{
border:0;
}

a:link
{
color:#0B3B78;
}

a:visited
{
color:#0B3B78;
}

a:hover
{
color:#AA2E2E;
text-decoration:none;
}

h1, h3, h2
{
font-weight:normal;
color:#AA2E2E;
padding:5px 0;
}

h2
{
text-transform:uppercase;
border-bottom:1px solid #AA2E2E;
font-size:140%;
}

div.right h2
{
border:0px;
font-size:120%;
}

h3
{
margin-bottom:5px;
}

ul  { 
list-style: none; 
margin: 10px 0 10px 20px; 
padding: 0 ;
}


li
{
background:url(bullet.gif) no-repeat 0 7px;
padding:1px 0 1px 15px;
}


hr {
clear:both;
    border: none;
    background-color: #ccc;
    color: #ccc;
    height: 1px;
}

div.container
{
width:990px;
margin:auto;
}

div.content
{
margin:50px 0 30px 0;
padding:0 0 0 10px;
width: 680px;
float:left;
line-height:140%;
*margin-top:70px;
}

div.content a:hover img
{
opacity:0.7;
}

/*********** Header ***********/

div.header
{
background-color:white;
border-left:1px solid #d1d1d1;
border-right:1px solid #d1d1d1;
margin:0px auto;
width:auto;
height:95px;
padding:12px 25px 0;
}

span.VersionMenu
{
/* float:right; */
margin-top:15px;
 text-align: right;
 display: block;
}

.header-row {
 text-align: right;
 position: relative;
    height: 50px;
    float: right;
}

.header-row div {
    height: auto !important;
    display: inline-block;
}

.header-row #chimp-button-1 {
 bottom: 8px;
 position: relative !important;
}


div.header div.Search
{
/* float:right;
clear:right; */
margin-top:10px;
 display: inline-block;
 vertical-align: top;
}

div.header div.Search input.required
{
border:0px;
background-color:#DEDEDE;
height:28px;
padding-left:10px;
width:150px;
font-size:105%;
color:#666666;
line-height:28px;
}

div.header div.Search h1
{
display:none;
}

/*********** Right Side Bar ***********/

div.right
{
float:right;
width:290px;
margin-bottom:30px;
*margin-top:20px;
}

div.right h2
{
color:white;
background:url(side_back.png) no-repeat 0 0;
line-height:58px;
font-weight:normal;
text-transform:uppercase;
font-size:120%;
padding: 0 20px;
}

div.right div.volunteer
{
padding:0px 20px 0px 20px;
}

div.right div.volunteer img
{
text-align:center;
border:3px solid #ddd;
max-width:100%;
max-height:250px;
margin:0 0 10px 0;
display:block;
}


div.right div.volunteer div
{
display:inline-block;
}


/*********** Footer ***********/

div.footer
{
clear:both;
background-image:url(footer_back.jpg);
background-repeat:repeat-x;
height:112px;
padding:30px 0;
width:100%;
}

div.footer_content
{
width:950px;
margin:0 auto;
color:#999999;
}

div.footer_content a
{
color:#999999;
text-decoration:none;
}

div.footer_content a:hover
{
color:white;
text-decoration:underline;
}

/*********** Main Menu ***********/

.CMenuWrap
{
position:relative;
}

#corner_l
{
position:absolute;
bottom:0;
left:0;
z-index:9999;
_display:none;/*ie6*/
}

#corner_r
{
position:absolute;
bottom:0;
right:0;
z-index:9999;
_display:none;/*ie6*/
}

ul#CMenu
{
width:950px;
display:table;
padding:0 20px;
_padding:0;/*ie6*/
_width:990px;/*ie6*/
background-color:#3C6293;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
*display:block;
}

/*Safari 3~, Chrome*/
/* @media screen and (-webkit-min-device-pixel-ratio:0) {
 ul#CMenu  {  display:block;  }
} */

ul#CMenu li
{
padding:0;
background:none;
display: table-cell;
float: none;
position: relative;
text-align: center;
width: auto;
*display:block;
*float:left;
}

ul#CMenu li:first-child
{
border-left:1px #0C3C79 solid;
}

ul#CMenu li a.menu
{
color:#fff;
text-decoration:none;
text-transform:uppercase;
border-bottom:3px #3C6293 solid;
border-right:1px #0C3C79 solid;
line-height:42px;
background-color: #3C6293;
*padding:0px 7px;
}

/*Safari 3~, Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 ul#CMenu li a.menu  { padding:0px 17px;}
}

ul#CMenu li a.menu:hover, ul#CMenu li#thispage a
{
border-bottom:3px white solid;
background-image:url(arrow.png);
background-position:top;
background-repeat:no-repeat;
}

ul#CMenu ul li a {
    min-width: 90px;
    border-top: 1px solid #0C3C79;
    padding: 0 24.5px;
}

ul#CMenu li#thispage ul li a {
    background-image: none !important;
    border-bottom: none;
}

ul#CMenu li#thispage ul li a:hover {
    border-bottom: 3px white solid;
}

/*********** Main Menu ***********/


/*********** Zine ***********/

.ZineTools a
{
color:#666;
font-size:90%;
text-decoration:none;
}

.EvtCalRSS a
{
color:#666;
font-size:90%;
text-decoration:none;
}

.EvtCalRSS img
{
margin-right:7px;
vertical-align:top;
}

.ZineTools a:hover
{
color:#292929;
font-size:90%;
text-decoration:none;
}

.content .Zine .ZineIndex .ZineItem
{
margin-bottom:10px;
}

.content .Zine .ZineIndex .ZineItem .ZineLink
{
font-weight:bold;
}

.ZineIndex li
{
background:none;
padding:0;
}


.ZineDate
{
display:block;
font-style:italic;
color:#666;
padding:0 0 5px 0;
}

.content .Zine .ZineIndex .ZineItem .ZineSummaryIndex
{
text-align:right;
}

.ZineSummaryIndex
{
font-size:90%;
}

.ZineFooter
{
padding:10px 0 0 0;
}

.ZineFooter td
{
padding:0 20px 0 0;
}


/*********** Search ***********/

div.Search dt
{
font-weight:bold;
}

div.Search dd
{
font-style:italic;
margin-bottom:10px;
margin-left:15px;
}

.facebook
{
height:90px !important;
}

.facebook iframe
{
border:1px solid #0B3B78 !important;
height:82px !important;
margin-left:3px;
display:inline-block;
}

/* Calendar
-------------------------------------------------------------- */


dl.EvtCalList dd
{
padding:10px 0;
}

dl.EvtCalList dd a
{
background:url(bullet.gif) no-repeat 5px center;
padding:0 0 0 20px;
}


table.EvtCalSm
 { 
padding-top: 12px; 
margin-left:10px;
width: 180px ;
float:right;
margin:0 0 0 20px;
}

table.EvtCalSm th {
color:#fff;
background-color:#3964a8;
text-align:center;
padding:3px;
}


table.EvtCalSm td {
background-color:#ccc;
text-align:center;
padding:3px;
}

td.EvtDay a
{
text-decoration:none;
background-color: #fff; 
color: #1a4e97;
}

td.EvtDay a:hover
{
text-decoration:none;
background-color: #3964a8; 
color: #fff;
}

div.EvtCal h1, div.Zine h2
{ 
display:none;
}


td.CalendarToday,td.EvtDay {
background-color:#fff;
text-align:left ;
}

div.EvtCal h4 {
font-weight: bold;
border:0;
padding:0;
margin:5px 0;
}

div.EvtCal dt{
padding: 0px;
background-image: none;
font-weight: bold;
}

div.EvtCal dd p{
padding: 0px;
margin:0 0 10px 0;
}

p.EvtCalCalendarLink a
{
color:#6699cc;
width:150px;
border:1px solid #6699cc;
padding:5px;
text-decoration:none;
display:block;
text-align:center;
}

p.EvtCalCalendarLink a:hover
{
color:#fff;
border:1px solid #6699cc;
background:#6699cc;
text-decoration:none;
}


div.EvtDateSelector {
   border:1px solid #ccc;
   background-color:#f7f7f7;
   padding-left:20px;
   padding-right:20px;
   margin-bottom:10px;
}
.EvtCalHeader {
	font-size:large;
}
.EvtCalMonthMenuButton {
	cursor:pointer;
}

.EvtCal
{
padding:10px 0;
}

table.EvtCal { 
        border:1px #ccc solid; 
        border-collapse:collapse; 
	margin-bottom:10pt;
}
table.EvtCal td { 
        border:1px #ccc solid;
        margin:0px; 
        padding:2px; 
        height:100px;
	width:14.2%;
	vertical-align:top;
	background-color:#fff;
font-size:90%;
line-height:120%;
}
table.EvtCal th { 
        border:1px #ccc solid; 
        margin:0px; 
        padding:4px; 
        background-color:#3964a8;
	font-weight:bold; 
	font-size:10px; 
	color:white;
text-align:center;
}
table.EvtCal caption {
	background-color:#666677;
	color:#ffffff;
        border:1px #ccc solid;
        margin:0px; 
	margin-left:-1px;
	margin-right:-1px;
        padding:4px; 
	font-weight:bold; 
	font-size:10px; 
}
table.EvtCal td.EvtDay {
	background-color:white;
}
table.EvtCal td.Today {
	background-color:#ffc;;
}
table.EvtCal div.EvtDay {
	font-weight:bold;
}
table.EvtCal div.Evt {
	padding-top:4px;
}
table.EvtCal div.Evt a {
	font-weight:normal;
}
table.EvtCal div.SharedEvt a {
	color:red;
}
table.EvtCal div.OtherEvt a {
	color:magenta;
}
table.EvtCal td.NoDay {
	background-color:#dde5f7;
}

.popup_p a 
{
text-decoration:none;
font-weight:bold;
}

table.EvtCal th a
{
text-decoration:none;
color:white;
}

.popup_p a:hover {
	text-decoration:none;
}
.EvtCal div.popup {
    border: 2px solid #375089;
    background-color:white;
    color:black;
    padding:10px;
    display:none;
    z-index:10;
    width:400px;
    height:auto !important;
    position:absolute;
    left:-30px;
    top:-20px;
    text-align:left;
line-height:150%;
}

.EvtCal div.popup a
{
color:#41A2A2;
}

.EvtCal div.popup td
{
height:auto;
}

p.Evt a
{
text-align:right;
}


p.Evt a
{
border:1px solid #ccc;
padding:5px;
}

p.Evt a:hover
{
border:1px solid #ccc;
background:#ccc;
}

.EvtCal div.popup a.popup_close
{
float:right;
border:1px solid #999999;
padding:2px 5px;
}

.EvtCal div.popup a.popup_close:hover
{
border:1px solid #999999;
background:#ccc;
}

div.popup a {
        font-weight:normal;
}
span.popup_p { 
    position:relative;
}

div#popup2
.EvtCal a.popup_close {
    display:block;
    float:right;
    border:1px solid #bbb;
    padding:2px;
    width:10px;
    top:-5px;
    left:5px;
    position:relative;
    font-size:xx-small;
    font-weight:normal;
}
a.popup_close:hover {
    background-color:#ddd;
    text-decoration:none;
}
.ThisMonth {
    font-weight:bold;
}








td.rightbox .ZineItem
{
font-size:90%;
}

td.rightbox .ZineTitle h2
{
text-transform:uppercase;
border-bottom:1px solid #AA2E2E;
color:#AA2E2E !important;
padding:5px 0;
}


table.programs td
{
padding:2px;
border:0;
}

table.programs img div
{
border:0 !important;
}

/* --- Program page ---*/

div#navigation ul 
{
float: left; 
width: 100%; 
margin: 10px;
}

div#navigation ul li 
{
float: left; 
width: 40%;
border-left:5px solid #ccc;
margin-left:5px;
background:none;
padding:1px 0 1px 20px;
}

#past_programs #navigation ul li{
float:none !important;
}

div#navigation ul li:hover
{
background:url(arrow_red.png) no-repeat 5px 5px;
}

div.pane{padding:10px;border-top:1px solid #ccc;}
div.pane h2{border:0;;font-weight:bold;font-size:120%;}
div.pane img{float:right;}

div#social_media{
text-align:center;
margin-bottom:30px;
}

div#social_media img{
margin:0 6px;
}

div#social_media a img:hover{
opacity:0.8;
}

#social_media h2{
text-align:left;
}

div.survey > form > div > ol > li {
background: none;
}