body {text-align:center; color:#b4dce6; font-size:16pt; font-family: "Times New Roman", Palantino Linotype, serif; background:#214c95; }

* {margin:0; padding:0;}

.float_left {float:left; margin: 0 .3em .3em 0;}
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

p  {font-size:.8em; margin-bottom:.75em; text-align:left; }

.roundedcornr_box_800842 {background: #2b989f;}
.roundedcornr_top_800842 div {background: url(roundedleft.png) no-repeat top left;}
.roundedcornr_top_800842 {background: url(roundedright.png) no-repeat top right;}
.roundedcornr_bottom_800842 div {background: url(roundedbottomleft.png) no-repeat bottom left;}
.roundedcornr_bottom_800842 {background: url(roundedbottomright.png) no-repeat bottom right;}
.roundedcornr_top_800842 div, .roundedleft, 
.roundedcornr_bottom_800842 div, .roundedcornr_bottom_800842 {width: 100%; height: 30px; font-size: 1px;}
.roundedcornr_content_800842 { margin: 0 30px;}
.roundedcornr_top_787963 div, .roundedcornr_top_787963, 
.roundedcornr_bottom_787963 div, .roundedcornr_bottom_787963 {width: 100%; height: 30px; font-size: 1px;}
.roundedcornr_content_787963 { margin: 0 30px; }

.bl {background: url(bl.gif) 0 100% no-repeat #778D12; width: 100%}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

a {}
a:link {color:#b4dce6}
a:active {color:#bfb3c9}
a:visited {color:#5eb6e5}
a:hover {color:#e8a300}

ul, dl, ol {font-family: 'Trebuchet MS', Verdana, serif; margin:0 1em .75em 1em; font-size:.8em; line-height:1.5;}
li, dd {padding:0em 0; margin-left:2em; }
dt {font-weight:bold;}

code {font-size:1.25em;}

* html code {font-size:1.1em;} /* default size is smaller in IE */

<div id="hcalendar-event-title" class="vevent"><abbr title="2009-04-21" class="dtstart">April 21th</abbr>, <abbr title="2009-04-22" class="dtend"> 2009</abbr> <span class="summary">event title</span>

cite {font-size:.85em; font-style:italic; }

blockquote {border-top:2px solid; border-bottom:2px solid; width:50%; margin:1em 0 1em 20%; padding:.3em 1em; }
blockquote p {margin-bottom:.1em; }
blockquote p:before { /* IDWIMIE 6 and 7 */ content: open-quote; color:#cccc8f; }
blockquote p:after {  /* IDWIMIE 6 and 7 */ content: close-quote; color:#366; }
blockquote cite {font-size:.85em; }

abbr, acronym {border-bottom:1px dashed #000; cursor:default; }

.quotes1 {background-color: #FFFFFF; }
.quotes2 {background-color: #F2CADE; }
.quotes3 {background-color: #CCDDD5; }
.quotes4 {background-color: #F6EC88; }

.firstletter:first-letter {font-size:400%; float:left;line-height:.8em;color:#000000;}

.imagereplacement {background: url(.gif) no-repeat; height:120px; width: 100%; border: none; }


h1 {font-size:1.5em; /* 24pt */ text-align:center; }
h2 {font-size:1.375em; /* 22pt */ line-height:1.25; padding:.5em 0 0 0; }
h3 {font-size:1em; /* 18pt */ line-height:1.25; }
h4 {font-size:1.125em; /* 18pt */ }
h5 {font-size:1em; /* 16pt */ }
h6 {font-size:.875em; /* 14pt */ }
h1, h2, h3, h4, h5, h6 {font-family: Papyrus, 'Trebuchet MS', serif; } 
h1, h4 {color:#bfb3c9; }
h2, h3 {color:#89c9d6;}

#main_wrapper 
{max-width:960px; 
min-width:720px; 
margin-left:auto; 
margin-right:auto; 
text-align:left; }


#header {}
#header_inner, #nav_inner, #content_inner, #promo_inner 
{overflow:hidden; }
#header_inner {padding:1em 2em; }

#nav {width:140px; float:left; }
#nav_inner {padding:1em .5em; border-right:3px solid #B33; }
#nav ul, #nav dl, #nav ol {margin:.5em 1em .75em 1em; }
#nav li {list-style-type:none; margin-left:0 }

#navlist {border: 3px solid #c4a5b4; padding: 0 0 0 20px; margin: 0; background-color: #5eb6e5; font-family: verdana,sans-serif; font-size: 12px; font-weight: bold; }

#navlist li {display: inline; list-style: none; padding: 0; margin: 0;}

#navlist #active {float: right; margin-right: 10px;}

#navlist li a {text-decoration: none; border: 3px solid #48aca8; padding: 0 8px 1px 8px; margin: 0 2px; background-color: #48ada8; color: #c4a5b4;}

* html #navlist li a { padding: 0 8px; }

#navlist li a:hover {background-color: #9cd5f2; color: #e8a300;}

#content {}
#content_inner {padding:1em 1em 1em 1.5em; }

/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \*/
* html #content {float:left; }/* end of hack - don't remove this comment */


#footer {clear:both; background:#2b989f; }
#footer_inner {padding:.5em 1em; text-align:center; }
#footer p {margin:0; }
address {margin:0 1em .75em 1em; font-size: 10pt; font-style: normal; text-align: center; width: 100%; }


#promo ul, #promo dl, #promo ol {margin:.5em 1em .75em 1em; /* lists without specific classes */ }
#promo li {list-style-type:none; margin-left:0 }
		
img {border:5px solid #9cd5f2; }
.img-shadow {float: left; background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; 
margin: 10px 0 0 10px !important; margin: 10px 0 0 5px;}
.img-shadow img {display: block; position: relative; background-color: #1e2e7d; border: 3px solid #efefb7; margin: -6px 6px 6px -6px; padding: 4px;} 

.content, .shadow {position: relative; bottom: 4px; right: 4px;}
.shadow {background-color: #5eb6e5; }
.content {background-color: #e4ae74; color: #000; border: 1px solid #A63714; padding: 0.5em;}

table caption {font-weight:bold; font-size:1em; margin-top:.6em; }
table {margin: .3em 1em 1em 1em; border-top:1px solid #069; border-collapse:collapse; font-size:.8em; }
table th	{padding: .3em .5em .3em .5em; border-bottom:2px solid #069; }
table td	{padding: .3em .5em .3em .5em; border-bottom:1px solid #069; }

/* This is the Alsett Clearing Method. */
#wrapper:after
{clear: both; content: "."; display: block; height: 0px; visibility: hidden; }