body {
color: #660;
background: #DEDEBC url(../images/wrapbg.jpg) top center repeat-y;
margin: 0px 0 0px 0;
padding: 0;
}
/*====================================== HEADER ============================================*/
#header{
background: transparent url(../images/ccclogo2.jpg) no-repeat 0 0px;
background-color: #99CC66;
border: none;
width: 700px;
height: 150px;
}

/*==================================== PRIMARY NAVIGATION ===========================================*/
#primnav {
font-size: 14px;
background: transparent; 
width: 680px;
padding: 0 0 5px 0px;
}
#primnav dl{
margin: 125px 0 0 0px; /*==== This creates a margin of 75px from the bottom of the logo text ========*/
list-style-type: none;
}
#primnav dt{
display:inline;
list-style-type: none;
}
/*=========================================================== CONTENT ==============================*/
#content{
font-size: 12px;
line-height:1.7em;
font-family: Georgia, Palatino, serif;
width: 700px;
}
#contentrow {
/*padding-top: 30px;*/
}
#main{
padding: 20px 20px 0 0; /*####### THIS IS THE PADDING AT THE TOP & RIGHT OF THE MAIN CONTENT #######*/
text-align: justify;
background-color: #FFFFFF;
width: 500px;
}
#main ul{

}
#main li{
font-weight: bold;
font-style: italic;
margin-left: 20px;
}
/*============================================ SIDEBAR start ==========================*/
#sidebar {
padding-top: 20px; /*####### THIS IS THE PADDING AT THE TOP OF THE SIDEBAR #######*/
background: url(../images/little-grad.jpg) repeat-y 0 0;
background-color: #BFDF9F;
width: 200px;
}
#sidebar img{
border: none; 
display: block;
margin: 5px auto;
}
#sidebar dd{
font-style: normal; 
font-weight: bold; 
font-size: 14px;
margin: 0px;
text-align: center;
background: transparent url(../images/sidebarh3bg.jpg) no-repeat center ;
}
#sidebar dl{ 
padding: 10px 0px 10px 0px; 
list-style-type: none;
width: 150px; 
text-align:center; 
border: 2px solid #CF9; 
background-color: transparent;			
line-height: 1.5em;
}
#sidebar dt{
list-style-type: none;
font-weight: bold;
font-family: verdana, "Century Gothic", Arial, Sans-serf;
font-size: 10px;
padding: 0 10px 0px 10px;
}
.textLeft{
text-align: left;
margin: 3px;
} 
/*=========================================== SIDEBAR end ==========================*/
/*================================================== FOOTER start ==============================*/
#footer{
font-size: 80%;
font-style: italic;
}
/*================================================== FOOTER end ==============================*/
/*=============================================	LINKS start ==============================*/
a{
text-decoration: none;
font-weight: bold;
padding:0 6px 0 6px; /*==== This is the distance of empty space on eigther side of the primnav ======*/
}
a:link{
color: #693;
background-color: transparent;
}
a:visited{
color: #693;
background-color: transparent;
}
a:hover{
color: #660;
background-color:#BFDF9F;
}
a:active{
color: #f90;
background-color: transparent;
}
/*=============================================	LINKS end ==============================*/

h1,h2,h3,p,strong{
margin-left:20px;
}
h1{
font-style: normal;
font-weight:  bold;
font-size:  30px;
margin: 0 0 15px 20px;
line-height: 1em;
background: transparent url(../images/h1.jpg) no-repeat 400px 3px;
}
h2{
font-style: normal;
font-weight: bold;
font-size: 18px;
margin-bottom: 0px;
}
h3{
font-style: normal;
font-weight: bold;
font-size: 14px;
margin-bottom: 0px;
line-height: 1.3em;
}
strong{
font-style:italic;
font-weight:  bold;
font-size:  12px;
line-height:1.4em;
margin-left: 0;
}
p {
margin: 0 0 15px 20px;
}

/*================================== FLOATING IMAGES ===================================*/
.float-right
{
float: right; 
/*border: 2px dotted #9c6;*/
margin: 0px 0px 0px 5px;
}
.float-left
{
float: left; 
/*border: 2px dotted #9c6;*/
margin: 10px 10px 0px 0px;
}
/*================================================= CLEAR ================================*/
.clear-right
{
clear: right; 
background: aqua
}
.clear-left
{
clear: left; 
background: lime;
}
.clear-both
{
clear: both;
background: transparent;
/*border: 2px dotted #9c6;*/
float: right;
}
/*========================================= SPIT AND POLISH CLASSES ==================================*/
.greendot
{
border-bottom: 1px dashed #9c3;
margin-top: -20px;
}
.bullett
{
list-style-image: url(../images/bullett.gif); 
position: relative;
list-style-type: disc;
margin-left: 20px;
}
.hilite
{
background-color: #DCE9AF;
padding:3px;
margin-left: 20px;
}
.hiletep{
margin: 3px;}

.indent{
text-indent: 30px;
font-style: italic;
}