body {
font-family:Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;
min-width:800px;
margin:0;
padding:0;
background:url(images/shadow5.jpg) repeat-y center;
}
#wrapper {
text-align:left;
margin-left:auto;
margin-right:auto;
width:800px;
background:#fff;
}

/*STYLES FOR LEFTSIDE OF PAGE (NAVBAR)*/
#nav /* main navigation on sidebar */ {
width:235px;
}
#nav ul {
list-style:none;
line-height:22px;
font-weight:bolder;
margin-left:80px;
padding:0;
}
#nav a {
color:#000;
text-decoration:none;
padding-left:12px;
background:url(images/bullet.gif) no-repeat left;
}
#nav a:hover {
color:#cc6600;
}
.youarehere {
color:#cc6600;
}

/* CONTENT STYLES - RIGHT SIDE OF PAGE */
#content /* used for content area of index.html */ {
border-left:1px #ccc dashed;
position:relative;
float:right;
width:455px;
right:65px;
}
#content2 /* used for content area of pages other than index.html */ {
border-left:1px #ccc dashed;
position:relative;
top:65px;
float:right;
width:455px;
right:65px;
}
.threeimages {
border-top:1px #ccc dashed; 
padding-top:16px;
}
#content2 ul {
list-style:circle;
margin-left:16px;
margin-top:0;
padding-left:16px;
line-height:22px;
}
p {
padding-left:16px;
line-height:22px;
color:#333333;
}
a {
color:#333;
}
a:hover {
color:#CC6600;
}
h1 /* PAGE TITLES */ { 
font-size:18px;
font-family:"Trebuchet MS", Arial, sans-serif;
letter-spacing:.04em;
padding-left:16px;
font-weight:normal;
}
h3 /* SUBTITLES IN CLCACTIVITIES.HTML */ {
margin:16px;
margin-right:0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
font-size:120%;
padding:6px 0;
color:#CC6600;
}


/* FOOTER STYLES */
#footer {
clear:both;
margin-top:16px;
}

#footer2 {
/*position:absolute;
bottom:0px;*/
margin-top:75px;
width:800px;
background-color:#fff;
border-top:1px #ccc dashed;
}
#footer2 p {
line-height:normal;
text-align:center;
color:#666;
padding:10px;
margin:0;
}
#footer2 a {
text-decoration:none;
color:#666;
padding:0 3px 0;
}
#footer2 a:hover {
color:#000;
}