<!--
    body 
    {
        background-color: #fff;
        color:            #000;
        font-family:      "Verdana", "Comic Sans MS", "Times New Roman", "Arial", Sans-Serif;
        margin-top:   0px;
        margin-left:  5%;
        margin-right: 5%;
        height:       100%;
    }
    img 
    {
        vertical-align: text-bottom;	
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }
    h1 
    {
        font-family:   "Verdana","Arial","Helvetica",sans-serif;
        font-size:     125%;
        margin-bottom: 25px;
        margin-top:    25px;
    }
    h2, h3 
    {
        font-family:   "Verdana","Arial","Helvetica",sans-serif;
        font-size:     110%;
        font-weight:   bold;
        margin-bottom: 0px;
    }
    h4 
    {
        font-family:   "Verdana","Arial","Helvetica",sans-serif;
        font-size:     100%;
        font-weight:   bold;
        margin-bottom: 0px;
    }
    h5 
    {
        font-family:   "Verdana","Arial","Helvetica",sans-serif;
        font-size:     100%;
        font-weight:   normal;
        font-style:    italic;
        margin-bottom: 12px;
    }
    p 
    {
        margin-top: 5px;
        margin-bottom: 5px;
    }	
    blockquote 
    {
        font-family: georgia, times new roman, times, serif;
        font-size: 12px;
        background: #eee;
        color: #666;
        padding: 10px;
    }
    ul 
    {
        margin-top: 3px;
        margin-bottom: 3px;
        margin-left: 1em;
        padding-left: 1em;
    }
    li 
    {
        font-family: lucida grande, verdana, arial, sans-serif;
        color: #333;
    }
    a:hover 
    {
        color:            #0000FF;
        text-decoration:  underline;
    }
    a:visited
    {
        color:            #FF0000;
        text-decoration:  none;
    }
    a:link
    {
        color:            #0000FF;
        text-decoration:  none;
    }
    .box 
    {
        font-family: "Verdana","Arial","Helvetica",sans-serif;
        font-size:   65%;
        line-height: 140%;
        color:             #000000;
        background-color:  #eeeeff;
        border:            1px dashed #ccc;
        padding:           5px;
        margin-bottom:     10px;
        overflow:auto;
    }	
    .footer 
    {
        font-family: "Verdana","Arial","Helvetica",sans-serif;
        font-size:   65%;
        margin:      0px;
        text-align:  center;
    }
    .caption
    {
        font-family:   "Verdana","Arial","Helvetica",sans-serif;
        font-size:     80%;
        margin-top:    5px;
        margin-right:  0px;
        margin-left:   0px;
        margin-bottom: 5px;
        font-style:    italic;
    }
    .center 
    {
        text-align: center;
    }
    .hidden
    { 
    }
    .calendar
    {
        background-color: #eee;
        color:  		  #000;
        text-align: 	  center;
        padding-top:      5px;
        padding-bottom:   5px;
        padding-left:     5px;
        padding-right:    5px;
        border:           1px dotted #ccc;
        width:  		  50%;
    }
    #leftboxes 
    {
        font-size: 80%;
        background-color: #ccc;
        color:            #333333;
        padding:          5px;
        font-weight:      bold;
        float:          left;
        text-align: left;
        margin-top: 5px 5px 5px 5px;
        border:           1px dotted #ccc;
        width: 30%;
    }
    #boxes 
    {
        font-size: 80%;
        color:            #333333;
        background-color: #fff;
        padding:          5px;
        font-weight:      bold;
        text-align: center;
        margin-top: 1px;
        border:           1px dotted #ccc;
    }	
    #boxes ul 
    {
        display: inline;
        margin:   0px;
        padding:  0px;
        border:   none;
    }
    #boxes ul li 
    {
        display: inline;
        margin-right: 10px;
    }
    #logo 
    {
        text-align: center;	
        background-color: #fff;
    }
    #plaintext 
    {
        font-size:    80%;
        font-family:  "Verdana", "Trebuchet MS","Arial","Helvetica",sans-serif;
        line-height:  135%;
        padding-top:    5px;
        padding-bottom: 5px;
        padding-left:   5px;
        padding-right:  10px;
        border-right:   1px dotted #ccc;
        width:          65%;
        float:          left;
        color: #000;
        background-color: #fff;
    }
    #plaintext img 
    {
        border:    1px solid #fff;
    }
    #extra 
    {
        color:            #666666;
        border: none;
        float: right;
        width:            30%;
        margin-top: 5px;
    }
    #extra .innerbox
    {
       margin: 5%;
    }
    #extra .innerbox img
    {
       float: left;
       padding-right: 5%;
       border: 0px;
      display: block;
    }
    #leftextra
    {		
        background-color: #ffffff;
        color:            #666666;
        border: none;
        float:            left;
        width:            30%;
        margin-top: 5px;
    }
    #footer 
    {
        clear:            both;
        color:            #000000;
        background-color: #ffffff;
        padding-top:      10px;
        margin-top:       10px;
        border-top:       1px dotted #ccc;
    }
    #wrapper 
    {
        position: relative;
        clear: both;
        float: left;
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        width: 778px;
        background: #e0ecff;
        color: #333;
        border-top: 10px solid #900;
    }
    #sidebar 
    {
        float: left;
        width: 230px;
    }
    #picture 
    {
        margin: 0;
        padding: 0;
        width: 230px;
        height: 153px;
        background: url(./images/sample.jpg) no-repeat top left;
        border-bottom: 1px solid #666;
        color: #333;
    }
    #sidebar p 
    {
        font-size: 11px;
        margin: 10px;
    }
    #sidebar ul, li 
    {
        font-size: 11px;
    }
-->
#main {
float: left;
width: 546px;
margin: 0;
padding: 0;
border-left: 1px solid #666;
background: #fff;
color: #333;
}

#blogtitle {
position: relative;
margin: 0;
padding: 0;
clear: both;
background: #0D417A;
color: #fff;
width: 547px;
text-align: right;
}

#blogtitle h1 {
font: bold 40px arial, helvetica, lucida grande, verdana, sans-serif;
margin: 0;
padding: 10px;
}

#menubar {
position: relative;
margin: 0;
padding: 0;
width: 547px;
}

#navcontainer {
position: absolute;
z-index: 100;
top: 0px;
left: 0px;
clear: both;
margin: 0;
padding: 0;
background: #900;
color: #eef;
width: 547px;
border-top: 1px solid #fff;
}

#navcontainer ul {
list-style: none;
margin: 0;
padding: 0;
border: 0px;
}

#navcontainer li {
margin: 0;
padding: 0;
float: left;
width: auto;
font: 12px lucida grande, verdana, arial, helvetica, sans-serif;
text-align: center;
}

#navcontainer a {
color: #900;
text-decoration: none;
background: #900;
color: #eef;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #fff;
border-bottom: 0px;
width: auto;
}

#navcontainer a:hover, #navcontainer a:active { 
background: #fff; 
color: #900; 
}

#navcontainer a.active:link, #navcontainer a.active:visited {
background: #bbb;
color: #900;
font-weight: bold;
}

#blog {
margin: 0;
padding: 10px;
}

#main p {
font-size: 12px;
}

.date {
font-size: 12px;
color: #900;
}

.title {
font-size: 16px;
color: #0D417A;
border-left: 5px solid #900;
padding-left: 5px;
}

.posted {
margin-bottom: 15px;
font: 10px lucida grande, verdana, arial, helvetica, sans-serif;
text-align: right;
} 

#rightbar {
border: 1px solid #666; 
float: right;
width: 163px; 
background: #fff;
color: #333;
margin: 0px 0px 10px 10px;
}

#rightbar p {
font-size: 11px;
margin: 10px;
}

#rightbar ul, li {
font-size: 11px;
}


#footer p {
margin: 0 10px;
}

.spacer {
clear: both;
}

.input {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
height:            1.6em;
padding:           .3em 0 0 2px;
margin-top:        6px;
margin-bottom:     3px;
} 

.textarea {
border-top:        1px solid #999999;
border-left:       1px solid #999999;
background-color:  #fff;
color:             #000;
font-family:       Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
font-size:         11px;
margin-top:        3px;
margin-bottom:     3px;
}

.checkbox {
margin:            3px;
padding:           0;
border:            0;
}

.submit {
background-color:  #fff;
font-family:       Arial, Verdana, Sans-serif;
font-size:         10px;
font-weight:       normal;
letter-spacing:    .1em;
padding:           1px 3px 1px 3px;
margin-top:        6px;
margin-bottom:     4px;
text-transform:    uppercase;
color:             #000;
}  

.calendarBG 
{
    background-color: #000; 
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.calendarBlank 
{ 
 background-color: #eee;
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #00c; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading 
{
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #09f; 
 text-align:  center;
 vertical-align: middle;
 width: 10%;
}

.calendarToday 
{ 
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         10px;
 font-weight:		normal;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align: left;
 vertical-align: top;
 color:             #000;
 background-color: 	#ffffcc;
 padding: 0;
 margin: 0;
 line-height: .75em;
}

.calendarCell {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         10px;
 letter-spacing: .1em;
 line-height: 1em;
 text-decoration:   none;
 text-align:  left;
 color:             #000;
 padding: 0;
 margin: 0;
 vertical-align: top;
 height: 2.75em;
 background-color: #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.center
{
    text-align: center;
}

.verticaltop
{
    vertical-align: top;
}

.calendardate
{
    vertical-align: top;
    float: right;
    text-align: center;
    padding: 0;
    border: 0px solid gray;
    border-width: 0 0 1px 1px;
    background: #f3f3f3;
    padding: 0.125em 0.25em 0 0.25em;
    margin: 0;
    line-height: 1.5em;
}

#calendarevent
{
    padding: 0.5em;
    background-color:  #0df;
    vertical-align: top;
}

.calendartime
{
    font-weight: bold;
    text-align: left;
    font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

.calendartitle
{
    text-align: left;
    margin: 0;
    padding: 0;
    display: block;
}

.calendarlocation
{
    color: #555;
    font-style: italic;
    margin: 0;
    padding: 0;
    display: block;
}

#calendarholiday
{
    vertical-align: top;
    background-color: #ff2222;
    padding: 0.5em;
}

#calendarweather
{
    vertical-align: top;
    background-color: #00ff99;
    padding: 0.5em;
}

.calendarholidaylocation
{
    display: block;
    margin: 0;
    padding: 0;
    color: #333;
    font-style: normal;
}

#leojournal 
{
    font-size:    80%;
    font-family:  "Verdana", "Trebuchet MS","Arial","Helvetica",sans-serif;
    line-height:  135%;
    padding:  1em;
    border:   1px dashed #ccc;
    width:          45%;
    float:          left;
    color: #000;
    background-color: #eef;
}

#leojournal h1
{
    text-align: center;
}

#leojournal img 
{
    border:    1px solid #fff;
}

#megjournal
{
    color: #000;
    padding:  1em;
    border: 1px dashed #ccc;
    float: right;
    width: 45%;
    font-size:    80%;
    font-family:  "Verdana", "Trebuchet MS","Arial","Helvetica",sans-serif;
    background-color: #fee;
    line-height:  135%;
}

#megjournal h1
{
    text-align: center;
}

.blue
{
    background-color: #eef;
}
    
.red
{
    background-color: #fee;
}

.calendar-head {
font-family:verdana;
font-size: 11px;
font-weight:normal;
padding:2px;
letter-spacing: .3em;
text-transform:uppercase;
text-align:center;
font-weight:bold;
background-color: #000;
color:#F9EAA7;
}

.calendar-link a {
font-size: 11px;
font-family: verdana;
text-decoration: none;
color:#F9EAA7;
}

.calendar-link a:hover {
color: #B78376;
}

td.cal0 {
width: 25px;
text-align: center;
font-family: verdana;
font-weight: bold;
font-size: 11px;
color: #000;
background-color: #F9EAA7;
}

td.cal1 {
width: 25px;
text-align: center;
font-family: verdana;
font-size: 11px;
background-color: #FDF3CB;
color: #C9C19C;
}

td.cal2 {
width: 25px;
text-align: center;
font-family: verdana;
font-size: 11px;
background-color: #FDF6D9;
color: #C9C19C;
}

tr.cal3 {
height: 20px;
}

td.cal4 {
width: 25px;
text-align: center;
background-color: #FFF;
font-family: verdana;
font-weight: bold;
font-size: 11px;
color: #C9C19C;
}