html {font-size:150%;}
body {background-image:url(../images/bgtexture1.jpg); font:50% verdana, arial, sans-serif;}
* {margin:0px; padding:0px;}
a {text-decoration:none; color:#990000;}
img {border:none;}
hr {color:#990000; width:80% height:2px;}
div#mainwrapper {width:1000px; margin-left:auto; margin-right:auto; background-color:#ACD0BA; /* this b/g color is visible below the center col content div  */}
div#header {width:1000px; background-color:#ACD0BA;}
div#content img {margin-left:-3px;}
div#content {width:738px;}
/* code for the horizontal navbar on Orwell Town staff page */
/* code for the horizontal navbar on Orwell Town staff page */
div#nav {width:978px;; float:left; font-size:0.8em; background-color:#ACD0BA; position:relative;}
div#nav ul {margin:0 0 0 0px; list-style-type:none;}
div#nav li {float:left; background-color:#ACD0BA; padding:0 0px; border-right:1px solid #000066;}
div#nav li:first-child {border-left:0px solid #000033;}
div#nav a {text-decoration:none; padding:0 3px; font-family:Arial, Helvetica, sans-serif; color:#000066;}
div#nav a:hover {color:#FFCC99; background-color:#660000;}
div#contentarea {float:left; width:1000px; background-color:#ACD0BA;
				background:url(images/contentcolumn.jpg) repeat-y top left; /* faux columns graphic left column */ }
div#contentarea2 {float:left; width:1000px; background-color:#ACD0BA;
				background:url(images/contentcolumn.jpg) repeat-y top right; /* faux columns graphic right column */}
div#column1 {float:left; width:220px; margin-left:-997px; background-color:#ACD0BA;}
div#column2 {float:left; width:738px; margin-left:262px; margin-top:0px; display:inline; background-color:#ECE9D8;}
div#welcome2 {position:relative; margin-left:310px; margin-top:-635px; width:830px;}
div#column1 li {border-bottom:dotted 1px #990000;}
div#linklist ul {list-style-type:none;}

div#footer {width:1000px; background-color:#ACD0BA; float:left;}
.headline {color:#660000;}
p {margin-right:0px; padding-left:10px; float:left; color:#990000;}


.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */
.head {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#660000;}
.name {font-family:Arial, Helvetica, sans-serif;}
div p.name {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12pt;} 
div .head {font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#660000; font-size:14pt;}
th {border:solid 2px #660000; padding:3px;}
h1 {color:#990000;}
h3 {color:#990000;}
ul {list-style-type:none;}
div p {text-indent:5px;}