@charset "utf-8";

body {background:#ccc url(../images/misc/background.jpg) repeat-x; font-family: Verdana, Arial, sans-serif; margin-top: 0px; font-size:12px; color:#333; }

h1 {background:url(../images/misc/h1back.jpg) repeat-x; font-size:14px;  font-weight:bold; color:#fff; padding:10px; margin:0px 0px 0px 0px;}
h2 {background:#eee; font-size:14px; color:#150768; font-weight:bold; padding:10px; margin:0px 0px 0px 0px;}
/*p {background:#eee; color:#150768; padding:0px 30px 0px 10px; line-height:16px;  margin:10px 0px 0px 0px;}
img {border:solid 1px #000; float:left; margin:10px 0px 0px 0px;}*/
.image_float{float:left; margin:10px 10px 10px 0px; border:0.5px solid #333;}
.image_right{float:right; margin:10px 0px 10px 10px; border:0.5px solid #333;}
.image_center{ margin: auto; border:0.5px solid #333;}
.image_left{float:left; margin:10px 0px 10px 0px; border:0;}
.clear{clear:both;}
.spacer{clear:left;}

.news-image {border:solid 1px #000; float:left; margin:20px 0px 0px 0px;}
.news {background:; margin:10px 0px 0px 10px; width:460px; float:left;}
.news h2 {background:#eee; font-size:14px; color:#150768; font-weight:bold; padding:10px; margin:10px 0px 10px 0px;}
.news p {margin:0px 0px 5px 10px; padding:0px 0px 0px 0px; font-size:12px;}

form {background:#fff; margin:0px; padding:0px 0px 10px 0px; color:#666;}
dl {padding:10px 0px 5px 10px; margin:0px 0px 5px 0px; }
dt {float:left; padding:5px 20px 5px 20px;}
dd {margin:0px 0px 0px 100px; padding:5px;}

a {text-decoration:none; color:#fff;}
a:hover {text-decoration:underline; color:#ccc;}

a.redlink {color:#c30; font-weight:bold; text-decoration: none;}
a.redlink:hover {color: #c30; text-decoration: underline;}

/*img.left {float:left; border:#333 solid 1px; margin:20px 10px 0px 0px;}
.news { float:left; width:400px; margin:20px 10px 0px 20px;}*/

table, th, td {border:#aaa solid 1px; background:#fff; margin:0px 0px 0px 0px; font-size:11px;}
th {background:#fc0;}

#wrapper {background:#ccc; width:800px; margin:0px auto;}

#masthead1 {position:relative; top:0px;}
#nav1 {position:absolute; top:0px}
#nav1 ul {list-style-type:none; padding:0px; width:580px;  margin:115px 0px 0px 60px}
#nav1 li {float:left; margin:0px; }
#nav1 a {background:; text-decoration:none; display:block; padding:4px 8px 5px 8px; color:#fff; border-right:#fff solid 2px;}
#nav1 a:hover {background:; color:#ddd;}

#masthead {position:relative; background-image:url(../images/logo-harriers.jpg); height:140px; width:800px;}
#nav {position:absolute; top:0px;}
#nav ul {list-style-type:none; padding:0px; width:580px;  margin:115px 0px 0px 60px}
#nav li {float:left; margin:0px; }
#nav a {background:; text-decoration:none; display:block; padding:4px 8px 5px 8px; color:#fff; border-right:#fff solid 2px;}
#nav a:hover {background:; color:#ddd;}

#email {position:absolute; top:0px; width:175px; margin:120px 0px 0px 625px;}
#email a {text-decoration:none; color:#fff; }
#email a:hover {color: #ddd;}

#sideheader {position:absolute; background:#ccc; width:60px; margin:0px 0px 0px 0px}

#col-span {position:relative; left:60px; width:700px; background:#fff; padding:20px;}
#col-span p{padding:0px 10px 0px 10px; color:#333; line-height:18px;}
#colspan img {border:solid 1px #000; float:left; margin:10px 0px 0px 0px;}
.content-span { background:#ccc; float:left; width:213px; margin:0px 20px 20px 0px; padding:0px 0px 10px 0px; }
.content-span table {border: 1px solid black;}
.content-span td {font-size:9px;}

#col-mid { background:; float:left; width:400px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.content-mid { background:;  width:100%; margin:0px 0px 20px 0px; padding:0px; }
.content-mid table {border: 0px;}
.content-mid td {font-size:12px; border: 0px;}

#col-right { background:; float:left; width:270px;  margin:0px; padding:0px 0px 0px 30px; }
.content-right { background:#ffcc00; float:left; width:100%; margin:0px 0px 20px 0px; padding:0px; }


#slideshow {
    position:relative;
	margin:20px 20px 0px 0px;
	width:300px;
    height:250px;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


#footer { background:#aaa; width:730px; margin:0px 0px 0px 60px; padding:10px 0px 10px 10px; }
#footer p {color:#eee; margin:0px; padding:0px; font-size:11px;}
#footer a {text-decoration:none; font-weight:bold; color:#fff; }
#footer a:hover {text-decoration:underline; color:#fff;}