body { background-image:url(/images/cwobg.jpg); background-repeat:repeat-x; background-color:#c6def4; font-family:Arial, Helvetica, sans-serif; }

a { color:#006699; font-weight:bold; }

em { font-style:italic; text-align:center; }

small { font-size:11px; font-style:italic; font-weight:bold; }

blockquote { margin:0 auto; width:300px; padding:10px; background-color:#ff3333; color:#fff; font-weight:bold; border:1px solid #222; margin-bottom:10px; }

#page { margin:0 auto; width:800px; background-color:#fff; }

#header { background-color:#006699; }
#header p { text-align:center; font-size:11px; }
#header p a { color:#fff; }

#navbar { height:24px; background-color:#e1e1e1; }
#navbar ul { }
#navbar li { float:left; }
#navbar li a { display:block; padding:5px; margin-left:6px; background-color:#ccccff; color:#222; text-decoration:none; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; }
#navbar li a:hover { background-color:#006699; color:#fff; }

#leftwrap { float:left; width:600px; }

#content { float:right; width:396px; font-size:12px; }
#content h2 { font-size:24px; font-family:Garamond, Georgia, "Times New Roman", Times, serif; margin-bottom:20px; }
#content h2 a { color:#000; text-decoration:none; }
#content p { padding-bottom:20px; line-height:150%; word-spacing:150%; }
#content img { padding:5px; }
#content hr { width:160px; margin:10px 0 10px 110px; }

#leftside { float:left; width:198px; border-left:1px solid #ccc; border-right:1px solid #ccc; font-family:Garamond, Georgia, "Times New Roman", Times, serif; background-color:#f7f7f7; font-size:14px; line-height:135%;}
#leftside img { display:block; margin:0 auto; padding:10px 0 10px 0; }
#leftside hr { display:block; margin:0 auto; width:100px; margin:5px 20px 5px 40px; text-align:center; }
#leftside ul { padding:10px; }
#leftside ul p { font-weight:bold; color:#ccc; }
#leftside li { list-style-type: none; background: url(/images/bluebullet.jpg) 0px 4px no-repeat; padding: 0 0 0 11px; margin-bottom:2px; }
#leftside li a { color:#222; font-weight:bold; }

#rightside { float:right; width:200px; background-color:#e1e1e1; /* border-left:1px solid #333; border-right:1px solid #333;*/ }
#rightside img { display:block; margin:0 auto; padding:10px 0 10px 0; }
#rightside hr { display:block; margin:0 auto; width:100px; margin:5px 20px 5px 40px; text-align:center; }
#rightside p { text-align:center; font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-weight:bold;  }

#footer { clear:both; font-size:12px; padding:15px; }
#footer p { text-align:center; }

.clear { clear:both; }

.wrap { padding:10px; }

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

.leftsection { margin:0 auto; background-color:#ccccff; }
.leftsection p { text-align:center; color:#222; font-size:11px; font-weight:bold; }

.post { margin-bottom:30px; }
.post h3 { font-size:24px; font-family:Garamond, Georgia, "Times New Roman", Times, serif; margin-bottom:10px; }
.post h3 a { color:#000; text-decoration:none; }
.post ul { padding:5px 0px 5px 15px; }
.post li { list-style-position:inside; list-style-type:disc; line-height:150%; }

.navigation { margin-bottom:20px; }

.indented { padding-left:50pt;padding-right: 50pt; }


/* Carousel */

#myslides{
background:#006699;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 780px; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
margin: 0px 14px 5px 14px;
background:#006699;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:159px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#f25499;
height:96px;
border:1px solid #000;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}

.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia, Arial, Tahoma, Century gothic, sans-serif;
}

.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#F25499; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px 10px 10px 10px; /*margin around each panel*/*/
padding:0px 0px;
}