body { margin:0; background-color:#408784; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

a { color:#408784; }

h3 { font-size:18px; margin-bottom:10px; }

#page { margin:0 auto; width:900px; background-image:url(/images/ccdcpagebg.png); background-repeat:repeat-y; padding:0 10px; }

#header { position:relative; width:900px; height:114px; background-image:url(/images/ccdchead.jpg); background-repeat:no-repeat; }

#headpics { position:absolute; height:70px; width:180px; top:18px; right:18px; }
#headpics img { width:80px; height:53px; padding:2px; background-color:#f8f8f8; border:1px solid #e1e1e1; }

#headright img { float:right; margin:1em 1em 0 0; border:1px solid #000; }

#pagewrap { padding:0 10px 0 10px; }

#nav { margin:0 0 15px 0; height:30px; background-image:url(/images/ccdcnavbg.gif); background-repeat:repeat-x; }
#nav ul { padding:0; }
#nav ul li { float:left; list-style-type:none; }
#nav ul li img { display:inline-block; height:30px; width:1px; }
#nav ul li a { display:inline-block; padding:6px; height:30px; text-decoration:none; font-weight:bold; color:#333; font-size:18px;  }
#nav ul li a:hover { color:#666; }

#sidebar { float:right; width:160px; }

#right { float:right; width:254px; }
#right img { margin-bottom:15px; }
#right a { color:#408784; }
#right a:visited { color:#408784; }

.rightlink p { width:200px; text-align:center; }

#content { float:left; line-height:150%; font-weight:16px; }
#content p { margin-bottom:15px; }
#content ul { padding:0 10px 10px 10px; }
#content ul li { list-style-type:disc; list-style-position:inside; }
#content h1 { font-size:20px; color:#408784; border-bottom:4px solid #ccc; }


#pagebottom { margin:0 auto; width:900px; height:27px; background-image:url(/images/cawpagebottom.gif); background-repeat:no-repeat; }

#footer { clear:both; }
#footer p { text-align:center; padding:5px; }

.narrowcolumn { width:600px; }
.widecolumn { width:610px; }

.opening { font-size:24px; color:#222; margin-bottom:5px; line-height:130%; font-weight:bold; background-color:#f8f8f8; padding:5px; }

.alignright { float:right; }
.alignleft { float:left; }

.righttop { width:254px; height:4px; background-image:url(/images/ccdcrighttop.gif); background-repeat:no-repeat; }

.rightmid { padding-top:10px; width:254px; background-color:#f1efe4; border:1px solid #d8d3b9; /* background-image:url(/images/ccdcrightmid.gif); background-repeat:repeat-y;*/ }
.rightmid h3 { padding:0 10px; margin-bottom:2px; }
.rightmid p { padding:0 10px; margin-bottom:5px; line-height:120%; }
.rightmid ul { padding:0 10px; line-height:120%; }
.rightmid img { margin:0 auto; width:240px; text-align:center; display:block; }

.rightbottom { clear:both; width:254px; height:8px; background-image:url(/images/ccdcrightbottom.gif); background-repeat:no-repeat; }

.cities { margin:0 auto; width:200px; border:1px solid #ccc; background-color:#f8f8f8; }
.cities p { padding:10px 10px 10px 10px; }

.navigation { padding-bottom:30px; font-size:12px; }

.post { margin-bottom:15px; }
.post h2 { font-size:24px; margin-bottom:5px; color:#408784; }
.post h2 a { color:#408784; text-decoration:none; }
.post p { margin-bottom:15px; }
.post ul { padding:0 10px 10px 10px; }
.post ul li { list-style-type:disc; list-style-position:inside; }
.post img { padding:5px; margin:4px; background-color:#fff; border:1px solid #e1e1e1; }

.postmetadata { clear:both; background-color:#f8f8f8; border:1px solid #e1e1e1; padding:5px; font-size:12px; }

#sidebar { }
#sidebar ul { }
#sidebar ul li { margin-bottom:15px; }
#sidebar ul li ul { }
#sidebar ul li ul li { margin-bottom:0; }
#sidebar ul li ul li a { }

#homeblocks { width:610px; height:200px; background-image:url(/images/ccdcblocks.jpg); background-repeat:no-repeat; margin-bottom:20px; }

#blockleft { float:left; width:290px; padding:0 0 0 20px; color:#222; border-right:1px solid #ccc; }
#blockleft h2 { color:#222; padding:5px 0 0 10px; margin-bottom:10px; }
#blockleft li { font-size:16px; }
#blockleft a { color:#222; font-weight:bold; }

#blockright { float:right; width:250px; padding:0 15px 0 15px; color:#222; }
#blockright h2 { color:#222; margin:0; }
#blockright p { margin:0; }
#blockright p a { font-size:18px; font-weight:bold; }
#blockright h2 { color:#222; padding:5px 0 0 5px; margin-bottom:10px; }
#blockright ul { padding-left:8px; }
#blockright li { font-size:16px; }
#blockright a { color:#222; font-weight:bold; }

.clear { clear:both; }