body{
	font:12px Verdana,Arial,Helvetica,sans-serif;
	color:#666666;
	text-align:center;
	margin:0;
	padding:0px;
	background-image:url(../images/pagebck2.gif);
	background-repeat:repeat-x;
	/* background-color:#AA9780; */
	background-color:#523E6E;
}
/* BASIC STYLES */
h1{
	font-size:16px;
	color:#52406A;
}
h2{
font-size:14px;
color:#52406A;
}
h3{
font-size:12px;
color:#806C55;
text-align:justify;
}
ul{
margin:20px;
padding:0;
list-style:square;
}
ul li{
padding: 0 0 0 15px;
line-height:1.5em;
}

/* WRAPPER DIV THAT HOLDS THE CONTENT AREA */
#contentwrap{
width:700px;
margin:0 auto;
text-align:left;
padding:20px 0 0 0;
background-color:transparent;
}

/* FOOTER DIV */
#footer{
	clear:both;
	font:11px Verdana,Arial,Helvetica,sans-serif;
	padding:10px 0px 20px 20px;
	text-align:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #523E6E;
}
/* STYLES FOR THE FOOTER LINKS */
#footer a,#footer a:link,#footer a:visited,#footer a:active{
	color:#523E6E;
	text-decoration:underline;
}
#footer a:hover, #footer a:focus {
	color:#663399;
	text-decoration:none;
}

/* HEADER DIV - BE CAREFUL WHEN MODIFYING YOUR HEADER IMAGE
 MAKE SURE IT IS THE SAME SIZE OR YOU WILL HAVE PROBLEMS WITH THE DIVS NOT LINING UP CORRECTLY */
#header{
	margin:0;
	padding:0;
	height:238px;
	background:url(../images/cslweb_logo_website_lg.gif) no-repeat;
	color: #FFF;
}

/* THIS IS THE LEFT SIDE DIV */
#left{
	width:490px;
	margin:0px;
	float:right;
	background-color:transparent;
	padding-right:20px;
	padding-left:10px;
	text-align: center;
}
#left a,#left #left a:link,#left a:visited,#left a:active{
	color:#523E6E;
}
#left a:hover,#left a:focus{
	color:#663399;
	text-decoration: none;
	font-weight: bold;
}
#left p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #OOOOOO;
	font-weight: bold;
	text-align: left;
}

/* NAV BAR LINK STYLING - GIVES THE IMPRESSION OF USING BUTTONS */
#nav{
	width:160px;
	padding :0;
	margin-left:10px;
	float:left;
	background-color:transparent;
	background-image:url(../images/doveback.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #523E6E;
}
#nav a,#nav #nav a:visited{
	padding:4px 10px 4px 14px;
	font-size:11px;
	font-weight:bold;
	color:#523E71;
	display:block;
	width:100px;
	text-decoration:none;
	border:1px solid #523F6D;
	/* background-color:#C4B7A7; */
background-color:#E9DBF2;
}
#nav a:hover{
	border:1px solid #523F6C;
	background:transparent;
	color:#523F6D;
}
#nav li{
margin:0 0 10px 0;
padding:0;
list-style-type:none;
background:none;
}
#nav ul{
margin:0;
padding:0;
}

/* THIS STYLES THE DATE DIV */
#pagedate{
font:11px Verdana,Arial,Helvetica,sans-serif;
color: #999999;
text-align:center;
padding-bottom:20px;
}

/* THIS IS THE WRAPPER DIVE THAT HOLD THE WHOLE PAGE TOGETHER */
#wrapper{
width:700px;
margin:auto auto;
padding:0;
background:url(../images/wrapperbg.jpg);
background-repeat:repeat-y;
background-position:center;
background-color:transparent;
border-right:1px solid #806C55;
border-left:1px solid #806C55;
}
.imgright {	
	float:right;
	padding: 4px;
}
.imgleft {
	float: left;
	padding: 4px;
}

/* FORM STYLES */
form {width: 500px; 
font-size: 12px;}

fieldset{
	padding:10px;
	border: 1px solid #806C55;
	margin-bottom:15px;
	margin-left: 25px;
	
width: 450px;
}

.textarea2{
background-color: #C4B7A7;
background-image: none;
border: 1px solid #8C775E;
margin: 4px;
padding: 6px;
}

/*styles the input fields*/
input,textarea{
background-color: #C4B7A7;
background-image:url(../../sitefiles/css/tutorial_pics/shadeform.jpg);
border: 1px solid #806C55;
margin: 4px;
font: 12px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

label{
	color: #8C775E;
	font-weight: bold;
}
legend{
padding:10px;/*gives a bit of padding between the border and the text*/
color: #71482A;
font:16px Verdana,Geneva,Arial,Helvetica,sans-serif;
font-weight: bold;
}
.submitbutton {
	border: 1px solid #806C55;
	background-color: #C4B7A7;
}
/*end of form styles */
.box {
	border: 3px solid #523E6E;
	margin-right: 10px;
	margin-bottom: 8px;
}
.board {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #8c775e;
}

.italic {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #52406A;
	font-style: italic;
	text-align:left;
	font-weight:bold;
}

.italic2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #52406A;
	font-style: italic;
	text-align:left;
	font-weight:bold;
}
.center {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #52406A;
	text-align:center;
}

.text {
	font-family: Verdana, Geneva, sans-serif;
	font-size:10px;
	color: #52406A;
	text-align:justify;
	font-weight: bold;
	line-height: 14px;
}

.text2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:11px;
	color: #52406A;
	text-align:justify;
	font-weight: normal;
	line-height: 16px;
}
.title {
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
	color: #806C55;
	text-align:left;
	font-weight: bold;
	line-height: 18px;
}