/* CSS Document */
/* Sedgefield Harriers */
/* Created by Northgate Systems */


body
{
 background-color: #11509D;
 background-image: url('/images/template/header-bg.jpg');
 background-position: top;
 background-repeat: repeat-x;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin: 0 auto;
 margin-top: 11px;
 padding: 0;
 margin-bottom: 30px;
 color: #FFFFFF;
}


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

a:visited{
 text-decoration:underline;
 color:#fff;
}

.clear
{
 position: relative;
 clear: both;
 margin: 0;
 padding: 0;
}
a:focus
{
 outline: none;
}

#tel a {
 text-decoration:none;
 color:#fff;
}


/* HEADER ELEMENTS */
#header
{
 position: relative;
 width: 950px;
 height: 147px;
 margin: 0 auto;
 overflow: visible;
 z-index:10;
}

#title
{
 position: relative;
 width: 500px;
 height:100px;
 float: left;
 font-size:30px;
 background-image:url(/images/template/sedgefieldlogo.jpg);
}
#title a
{
 text-decoration: none;
 color: #fff;
}

#tel
{
 position: absolute;
 left: 400px;
 top: 80px;
 font-size: 14px;
 margin: 0;
 font-weight: bold;
 color: #fff;
 padding: 0 5px;
 font-family:Georgia, "Times New Roman", Times, serif;
}

#award {
	left:0;
	float:right;
	width:432px;
	height:100px;
	background-image:url(/images/template/doubleaward.jpg);
	background-repeat:no-repeat;
	background-position:0 5px;
}

#date
{
 position: relative;
 top: 65px;
 left: 0px;
 margin: 0;
 font-size: 12px;
 font-weight: bold;
 color: #fff;
 float: right;
 clear: right;
 width: auto;
 font-family:Georgia, "Times New Roman", Times, serif;
}


/* GENERAL ELEMENTS */

#container
{
 position: relative;
 width: 950px;
 background-position: top;
 background-repeat: no-repeat;
 margin: 0 auto;
 padding-bottom: 5px;
 z-index:1;
}

#content
{
 position: relative;
 width: 930px;
 margin: -1px 10px;
 float: left;
}
#content h1
{
 position: relative;
 color: #fff;
 font-size: 25px;
 font-weight: normal;
 margin: 0;
 padding: 15px 0 5px 0;
}
#content h2
{
 position: relative;
 color: #fff;
 font-size: 24px;
 font-weight: normal;
 margin: 0;
 padding: 15px 0 5px 0;
}

#content h3
{
 position: relative;
 color: #fff;
 font-size: 12px;
 font-weight: normal;
 margin: 0;
 padding: 15px 0 5px 0;
}

#content p
{
 position: relative;
 color: #FFFFFF;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 font-weight: normal;
 margin: 0;
 padding: 0;
 line-height: 17px;
 margin-bottom: 10px;
}
#content p a
{
 position: relative;
 color: #b7de00;
 text-decoration: none;
 border-bottom: 1px dotted #b7ed00;
}
#content p a:hover
{
 position: relative;
 color: #d0ff32;
 text-decoration: none;
}
#content p.bold
{
 font-weight: bold;
}

/* HOMEPAGE ELEMENTS */

#floaters1
{
	width:645px;
	float:left;
}
#floaters2
{
	float:right;
	width:290px;
}
#banner
{
 float:right;
 position: relative;
 width: 350px;
 height: 300px;
 margin: 10px 0 10px 0;
 padding:10px;
 padding-top:10px;
 padding-bottom:15px;
 background-color:#fff;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-right-radius: 10px;
}

#homepageTopText
{
 position:relative;
 width:470px;
 margin:0px;
 padding:0px;
 border:0;
}
#homepageTopText p{
 margin:0;
 padding:10px;
 font-size:12px;
 color:#555;
}


#promoWrapper
{
 position: relative;
 width: 260px;
 margin: 0 0 0 13px;
 text-decoration:none;
}

#promoWrapper a, #promoWrapper a:visited, #promoWrapper a:hover
{
 text-decoration:none;
}

.miniPromoBox
{
 position: relative;
 width: 260px;
 height: 90px;
 margin: 0 0 5px 0;
 padding:1px;
 border: 1px solid #00529E;
 text-decoration:none;
}
.miniPromoBox a
{
 text-decoration:none;
}
.miniPromoBox:hover
{
 border: 1px solid #fff;
}
.miniPromoBox h1
{
	position: relative;
	color: #fff;
	font-size: 25px;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 10px 0 0 0;
	width:200px;
	text-decoration:none;
	float:left;
}
.miniPromoBox p
{
 	position: relative;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	width: 200px;
	line-height: 17px;
	float:left;
}
.miniPromoBox img
{
	position: relative;
	margin: 0;
	border: 0;
	padding:5px;
	float:left;
}
.miniPromoBox .greyButton
{
 position: absolute;
 left:138px;
}

a.greyButton
{
 position: relative;
 font-size: 12px;
 color: #FFF;
 padding: 5px 15px 5px 15px;
 text-decoration: none;
 border: 1px solid #fff;
 margin-top: 10px;

}
a.greyButton:hover
{
 color: #00529E;
 background-color:#fff;
 font-weight:bold;
}


#intro
{
 position: relative;
 width: 250px;
 margin: 0;
 margin-right:10px;
 float: left;
}
#intro h1
{
 position: relative;
 color: #FFFFFF;
 font-size: 27px;
 font-weight: normal;
 margin: 0;
 padding: 10px 0 10px 0;
}
#intro h1 i
{
 font-size: 23px;
}

#intro p
{
 position: relative;
 color: #FFFFFF;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 12px;
 font-weight: normal;
 margin: 0;
 padding: 0 0 10px 0;
 line-height: 17px;
}


/* FOOTER ELEMENTS */

#footer
{
 position: relative;
 clear: both;
 width: 100%;
 height: 100px;
 background-color: #fff;
 background-image: url(/images/template/footerBackground.png);
 background-repeat: repeat-x;
 margin: 0;
 border-bottom: 1px solid #2B2B2B;
}
#innerFooter
{
 position: relative;
 width: 912px;
 height: 40px;
 margin: 0;
 margin: 0 auto;
}

#copy
{
 position: absolute;
 top: 70px;
 left: 0px;
 margin: 0;
 font-size: 12px;
 color: #666666;
}
#copy a
{
 color: #666666;
}
#copy a:hover
{
 color: #00529E;
}

#links
{
 position: absolute;
 top: 15px;
 left: 355px;
 margin: 0;
 font-size: 12px;
 color: #666666;
 font-weight: bold;
}
#links ul
{
 position: relative;
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#links ul li
{
 position: relative;
 color: #666666;
 margin: 0;
 padding: 0 0 0 10px;
 float: left;
}
#links ul li a
{
 position: relative;
 text-decoration: none;
 border:0px;
}
#links ul li a:hover
{
 position: relative;
 border:0px;
}

#links img
{
 border:0px;
}

#footer .ngs a
{
 position: absolute;
 width: 34px;
 display: block;
 height: 33px;
 left: 880px;
 top: 69px;
 margin: 0;
 background-image: url(/images/template/northgate_systems_tag_up.gif);
 background-repeat: no-repeat;
}
#footer .ngs a:hover
{
 background-image: url(/images/template/northgate_systems_tag_over.gif);
 background-repeat: no-repeat;
}




.inputBox
{
 position: relative;
 font-size: 12px;
 margin: 5px 0 5px 0;
 width: 200px;
 padding: 5px;
 border: 1px solid #0c0c0c;
}
.inputArea
{
 position: relative;
 font-size: 12px;
 font-family:Georgia, "Times New Roman", Times, serif;
 margin: 5px 0 5px 0;
 width: 200px;
 padding: 5px;
 border: 1px solid #0c0c0c;
}

.inputBoxErr
{
 position: relative;
 width: 250px;
 font-size: 12px;
 padding: 6px;
 margin: 0;
 font-family:Georgia, "Times New Roman", Times, serif;
 border: 1px solid #b7de00;
 overflow: hidden;
}
.inputAreaErr
{
 position: relative;
 width: 250px;
 height: 80px;
 font-size: 12px;
 padding: 6px;
 margin: 0;
 font-family:Georgia, "Times New Roman", Times, serif;
 border: 1px solid #b7de00;
 overflow: auto;
}




/* SLIDESHOW ELEMENTS */

#slideshow
{
 position: relative;
 height: 250px;
 z-index: 1;
 width:380px;
}

#staticSlide
{
 position: relative;
 height: 320px;
 z-index: 1;
}

#slideshow div
{
 position: absolute;
 top: 0;
 left: 0;
 z-index: 8;
 height: 250px;
}

#slideshow div.active
{
 z-index: 9000;
}

#slideshow div.last-active
{
 z-index: 8000;
}

#slideshow div img
{
 height: 250px;
 width:350px;
 display: block;
 border: 0;
 margin-bottom: 10px;
}

#slideshow p
{
 position: absolute;
 top: 250px;
 width: 330px;
 left: 0px;
 margin: 0;
 font-size: 16px;
 background-image: url(/images/template/trans.png);
 background-repeat: repeat;
 padding: 10px 10px;
 color:#000;
 background-color:#fff;
}

.time
{
 font-weight: bold;
}


#staticSlide
{
 position: relative;
 height: 120px;
 z-index: 1;
}

#currentDate1 {
 color:#fff !important;
}

.date-top {
 color:#fff !important;
}


#galleryLinks {
 width:900px;
}

.galleryLink {
 position:relative;
 float:left;
 width:430px;
 border:1px solid #fff;
 padding:5px !important;
 margin-left:8px !important;
 margin-top:8px !important;
 text-decoration:none;
}

.galleryLink h2 {
 font-size:24px !important;
 padding:5px !important;
 margin:5px !important;
}

.galleryLink p {
 padding:5px !important;
 margin:5px !important;
 font-size:14px !important;
}

#resultsLinks {
 width:910px;
}

.resultLink {
 width:438px;
 padding:5px;
 margin-right:5px;
 border:1px solid #fff;
 margin-bottom:5px;
 float:left;
}
.resultLink h2 {
 margin:0;
 padding:5px !important;
 font-size:20px !important;
}
.resultLink p {
 margin:0;
 padding:5px !important;
}

#clubCommittee {
 border:1px solid #fff;
 padding:5px;
 margin: 0 5px 5px 0;
 width:430px;
 float:left;
}

#clubCommittee h2 {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}
#clubCommittee p {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}

#otherRolesAndResponsibilities {
 border:1px solid #fff;
 padding:5px;
 margin: 0 5px 5px 0;
 width:430px;
 float:left;
}

#otherRolesAndResponsibilities h2 {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}
#otherRolesAndResponsibilities p {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}

#clubSessions {
 border:1px solid #fff;
 padding:5px;
 margin: 0 5px 5px 0;
 width:430px;
 float:left;
}
#clubSessions h2 {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}
#clubSessions p {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}

#generalEnquiries {
 border:1px solid #fff;
 padding:5px;
 margin: 0 5px 5px 0;
 width:878px;
 float:left;
}
#generalEnquiries h2 {
 margin:0px !important;
 padding:5px !important;
 width:868px;
}
#generalEnquiries p {
 margin:0px !important;
 padding:5px !important;
 width:868px;
}

#contactDetails{
 border:1px solid #fff;
 padding:5px;
 margin: 0 5px 5px 0;
 width:430px;
 float:left;
}

#contactDetails h2 {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}
#contactDetails p {
 margin:0px !important;
 padding:5px !important;
 width:420px;
}


.largerFont110 {
 font-size:110% !important;
}.largerFont120 {
 font-size:120% !important;
}.largerFont130 {
 font-size:130% !important;
}.largerFont140 {
 font-size:140% !important;
}.largerFont150 {
 font-size:150% !important;
} 


a.iframe, a.iframe:visited, a.iframe:active, a.iframe:hover
{
	text-decoration:none;
	color:#fff;
	font-size:12px;
}

.border {
    width:400px;
    border:1px solid #fff;   
    border-collapse:collapse;
    margin-bottom:10px;
}
.border td {
    border:1px solid #fff;
    padding-left:5px;
    margin:0;
}
.border tr {
    height:30px;
}

div #listItems {
    width:401px !important;
	margin:0 !important;
}

#listItems a div h1{
    text-decoration:none;
}

#listItems a div p{
    text-decoration:none;
}
#listItems div{
	

}

div .listItem {
	margin:0 !important;
    border:1px solid #00529E;
	margin-left:15px !important;
}

.listItem:hover {
    border:1px solid #fff;
}

.listItem h1 {
    padding:5px !important;
}

.listItem p {
	width:365px;
    	margin:5px !important;
}


#left img{
	width:425px;
	margin-top:10px;
	margin-bottom:25px;
}



















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */