*{ padding:0px; margin:0px; text-align:left;}
img{ border:0px;}
input.sub{ text-align:center;}
hr{ color:#007dc3;}
html { overflow-y: scroll }

body{font-size:0.7em; color:#007dc3; margin:0 10px 0 10px; font-family:Sans-Serif; text-align: center;}
#SiteDims{ width:760px; margin-left:auto; margin-right:auto;}
#logo{ float:left; width:758px; border-left:solid 1px #007dc3; border-right:solid 1px #007dc3; background:url(images/hp5blocks.jpg) no-repeat top right;}
#header{ float:left;}
a{ color:#007dc3; text-decoration:none;}

/* navigation */
#nav{ float:left; width:760px; margin:0 0 1px 0; background:#007dc3;}
#nav li{ float:left; list-style-type:none;}

#nav li a, #nav li a span{ font-size:11px; font-family:Tahoma; background:#007dc3; height:19px; line-height:19px; text-decoration:none; color:#FFFFFF; display:block; float:left; cursor:pointer;}
#nav li a span{ padding:0 15px 0 16px; background:url(images/dot.gif) repeat-y top right;}
#nav li a:hover, #nav li span:hover{ background:#003d95 url(images/dot.gif) repeat-y top right;}

/* sub navigation */
#snav{ float:left; width:169px; height:240px; margin:16px 0 10px 0;}
#snavpad{ padding:0 8px 0 14px;}
#snav li{ float:left; list-style-type:none; margin:0 0 1px 0; padding:0 0 0 1px;}

#snav li a, #snav li a span{ font-size:11px; font-family:Tahoma; background:#007dc3;  line-height:19px; text-decoration:none; color:#FFFFFF; display:block; float:left; cursor:pointer;}
#snav li a span{ padding:0 0 0 16px; margin:0 0 0px 0; width:152px; background:url(images/);}
#snav li a span span{ padding:2px 0 3px 0px; margin:0px; line-height:14px; display:block; float:left; cursor:pointer;}
#snav li a:hover, #snav li span:hover{ background:#003d95 url(images/);}
#snav li #snavon, #snav li #snavon span{ background:#003d95 url(images/snavon.gif) no-repeat right top;}

/* layout */
#main{ border-left:solid 1px #007dc3; border-right:solid 1px #007dc3; float:left;}
#col1{ float:left; width:170px;}
#col2{ float:left; width:416px; border-left:solid 1px #007dc3; border-right:solid 1px #007dc3; font-size:1.05em;}
#col3{ float:left; width:170px;}
#col1pad{ padding:16px 8px 0 14px;}
#col3pad{ padding:16px 8px 0 8px;}
#col3 h3, #col1 h3{ font-size:1.15em; }

#topleft{ border-bottom:dashed 1px #007dc3;}
#midhead{ float:left; height:114px; width:416px; background:#e5f2f9; border-bottom:dashed 1px #007dc3;}
#trail{ float:left; font-size:11px; line-height:45px; padding:0 11px 0 11px; color:#999999;}
#trail a{ color:#999999;}
#trail a:hover{ color:#333333;}
#midheadpad{ clear:left; float:left; font-size:1.1em; font-weight:bold; padding:0px 11px 0 11px;}
#midheadpad h3{ font-size:1.15em; display:inline;}

#cal{ border-top:dashed 1px #007dc3; color:#333333; margin:12px 0 12px 0; padding-top:12px; }
#mem{ border-top:dashed 1px #007dc3; border-bottom:dashed 1px #007dc3; color:#333333; margin:12px 0 10px 0; padding-top:12px; }
.log{ text-align:right; font-weight:bold; padding:3px 18px 3px 0; background:url(images/arrow.gif) no-repeat right 50%;}
.calitem0, .calitem-1{ padding:8px 0 8px 0;  border-bottom:dashed 1px #007dc3;}
.calitem0 a{ color:#333333;}
.calitem0 a:hover,.calitem-1 a:hover{ color:#999999;}

#content{ float:left; padding:16px 16px 19px 16px; width: 384px; color:#333333; min-height:301px; height:auto !important; height:301px; }
#content p, #content ul{ margin:0 0 10px 0;}
#content a:hover{ color:#999999;}
#content li{ margin:0 0 4px 15px;}
#content h4{ font-size:1.1em; color:#007dc3; margin:0 0 10px 0;}
.mlist, mlist h4{ clear:left; padding-bottom:10px;}
.mlist div{ float:left; padding:0px 12px 12px 0px;}

.event{ padding:7px 0 7px 0; border-bottom:dashed 1px #CCCCCC;}
.event strong{ color:#007dc3;}

.pop{ border:solid 1px #CCCCCC;}
.nlpic{ float:right; margin:0px 0px 20px 10px;}

#footer{ float:left; border-top:solid 7px #808080; width:760px; padding:1px 0 1px 0;}
#footer a, #footer{ color:#999999;}
#footer a:hover{ color:#666666;}

#bc{ float:left;}
#lp{ text-align:right; padding:0 5px 0 0;}
