@charset "UTF-8";
/* CSS Document  copyright CampusWalkHOA.com 2009 */



body {
	margin: 2%;
   font: 1em 'Century Gothic', lucinda, verdana, arial, sans-serif;
   color: #333;
   background-color:#575d35;
}
* {margin: 0; padding: 0;}

div#container {
	width: 880px;
   height: 100%;
   margin: 0 auto;
   background-color: #fff;
}

h1{
	position: relative;
	width: 850px;
   height: 200px;
   overflow:hidden;
}
h1 span {
   position: absolute;
   left:0;
   top:0;
   width: 850px;
   height: 100%;
   background-image:url(../images/header2.jpg);
   background-repeat:no-repeat;
   background-color: #64644a;
}

div#content {
	float: left;
   width: 100%;
   height: 100%;
   background-color: #fff;
}

div#content img {border:none;}

div#content p, div#content ul, div#content ol {
	font-size: .8em;
}

div#content p {
	margin-top: 1em;
   margin-left: 2em;
}

a:link {
   color: #474C2A;
   text-decoration:underline;
}
a:visited {color: #993; text-decoration:underline;}
a:hover, a:active {color: #9aa7d2; text-decoration:none;}

a + img {text-decoration:none;}

div#content .imgleft {float: left; border: 0; margin-right: 20px; margin-bottom: 6px;}
div#content .imgright {float: right; border: 0; margin-left: 20px; margin-bottom: 6px;}

.clear {clear:both;}


#col1 {
	float: left;
   width: 25%;
   margin-bottom: 1em;
}

/* style vertical navigation */

#sidebar {
    float: left; /* contains floated list items */   
    margin-top: 3em;
    margin-left: .5em;
}

#sidebar ul {
	margin: 0;
   padding: 0;
   list-style-type: none;
   font-size: .9em;
}

#sidebar a {
	display: block;  /* makes the whole area hot, not just the type */
   text-decoration: none; 
   background: #f4d851; 
   color: #000;
   padding: .25em .5em; 
   border-bottom: 1px solid #605a64;
   width: 180px;
}

#sidebar ul a:visited:after {   /* this put a check mark before visited links, except IE */
   content:  "\2713 ";
   padding-left: .5em;
}


#sidebar a:hover {
   background-color: #9aa7d2;
   color: #000;
}

#sidebar li {
	float: left;  /* Corrects the IE whitespace bug */
   width: 100%;
}

/* end vertical navigation */


#col2 {
	float: left;
   width: 74%;
   margin-bottom: 1em;
}

#col2 ul li, #col2 ol li{
	margin-left: 2em;
   margin-bottom: 6px;
}

h2 {
	font-size: 1.4em;
   margin-top: 1em;
   margin-left: .5em;
   margin-bottom: 1em;
}

h3, h4, h5 {
	margin-bottom: 0;
}

/* photo gallery styles ************** */
div.pic {
   float: left;
   width: 250px;
   margin: 0 1em 1em 1em;
   padding: 15px 15px 20px 15px;
   display: inline;
   font-size: .8em;
   text-align: center;
   border-color: #ccc #999 #999 #ccc;
   border-width: 1px 2px 2px 1px;
   border-style: solid;
   background:url(../images/imgframe.jpg) repeat-x 0 100%;
}
div.pic img {
	border-color:#000 #ccc #ccc #000;
	border-width: 1px;
	border-style: solid;
}

div.pic2 {
	width: 200px;
   text-align: left;
}

div.pic2 img {
	float: left; 
   margin: .5em 1em;
}

.newLine {clear:left;}   /* this is to force a line break so the images will layout attractively */


/* end photo gallery ***************** */

/* datatable styles ****************** */
.datatable {
	width: 96%;
	vertical-align: top;
	margin-right: 5px;
   margin-left: 1em;
	border: 1px solid #338ba6;
	border-collapse: collapse;
}
.datatable tr {
	vertical-align: top;
	}
.datatable td, .datatable th{
	font-size: .8em;
	border: 1px solid #73c0d4;
	padding: 4px;
   text-align:left;
}
.datatable h2 {
	font-size: 1em;
   background-color: #000;
   color: #fff;
}
.datatable caption {
	font-weight: bold;
	text-align: left;
	margin-left:15px;
	padding-top: 3px;
	padding-bottom: 8px;
}

/* end datatable ********************* */

.box {
   float: right;
   width: 200px;
   margin: .25em 0 .5em .5em;
   padding: 10px;
   background-color: #B91619;
   color: #fff;
   font-family: "Arial Black", "Helvetica Neue Black Condensed", sans-serif;
   font-size: 1em;
}

div#footer {
	clear: both;
	font-size: .7em;
   text-align:center;
   margin: 1em auto;
   padding-top: 1em;
   padding-bottom: .5em;
   border-top:1px solid #575d35;
}