/** colors
blue: 7492E1
dk blue: 445599
red: AA4444
green: 009999
green2: 006677
gold: E29F63 eebb00
orange: E88758
**/





#calendar {
position:absolute;top:0;right:-25px;
width:230px;
margin: 0;
padding:10px 0px;
border-style:solid ;
border-width: 0 3px 3px 3px;
/* border-color:#E29F63; */
border-color:#ffffff;
background-color:#7492E1; 
text-align:center;
vertical-align:top;
color:#ffffff;
font-size:11px;
z-index:100;
overflow:hidden;
}


#calendar H1{
font: 200 38px 'Century Gothic', Arial;
line-height:.8;
color:#fff;
}

#calendar H1.title{
font: 200 18px 'Century Gothic', Arial;
line-height:1;
color:#fff;
margin:5px;
}

#calendar H2{
font: 800 22px 'Century Gothic', Arial;
line-height:1;
color:#fff;
letter-spacing:.1em;
margin:5px 2px 0 2px ;
}

#calendar H2.event{
font: 600 16px 'Century Gothic', Arial;
line-height:.8;
color:#fff;
margin:2px 0 4px 0;
}

#calendar H3{
font: 800 20px 'Century Gothic', Arial;
color:#fff;
letter-spacing:.1em;
text-transform:uppercase;
margin: 0;
}


#calendar H4{
font: 200 14px tahoma,san-serif;
line-height:1;
color:#fff;
margin:2px 0 4px 0 ;
}

.calendartype {
width:230px;
margin:5px 0 0 0;
padding:2px 0 ;
border:1px solid #eebb00;
background-color:#445599; 
color:#ffffff;
font: 400 10px 'Century Gothic', Arial;
text-transform:uppercase;
letter-spacing:.2em;
z-index:50;
overflow:hidden;
}


.calendartype a:hover {
text-decoration:none;
color:#ffeebb;
font-weight:800;
background-color:#334488;
}

.calendartype_member {
width:230px;
margin:5px 0 0 0;
padding:2px 0 ;
border:1px solid #eebb00;
background-color:#009999; 
color:#ffffff;
font: 400 10px 'Century Gothic', Arial;
text-transform:uppercase;
letter-spacing:.2em;
z-index:50;
overflow:hidden;
}