/* +++++++++++++++++++++++++++++++++++++++++++
Style Sheet for North Harbour Cycling Club
Author - Terry Anne
Date - December 2008
++++++++++++++++++++++++++++++++++++++++++++++ */

/*Default Styles*/

Body {background: FloralWhite; margin: 0; padding:0;
	font: normal normal lighter 11pt Arial, Helvetica, Sans-Serif;
	color: maroon;}

h1 {font: normal normal bold 1.1em Arial, Helvetica, Sans-Serif;
	margin: 0.2em 0 0.3em 0;
	clear:left;}

h2 {margin: 0.6em 0 0.3em 0;
	clear:left;
	font: italic normal bold 1em Arial, Helvetica, Sans-Serif;
	}

h3 {padding: 0.5em 0 0.2em 0; margin:0;
	clear:left;
	font: normal normal bold 0.9em Arial, Helvetica, Sans-Serif;
	}

h4 {margin:0; padding:0.2em;
	clear:left;
	font: italic bold normal 0.8em Arial, Helvetica, Sans-Serif;
	}

p {margin: 0.2em 0 0.2em 0;
	padding:0;
	text-align:justify;
	}

ul,ol,table{margin:0; 
	padding:1px; 
	font-size: 0.9em;
	}

table {border:thin solid olive;
	}
tr{border:thin solid olive;
	margin:0;
	}

a {text-decoration: none;
	}

li {padding:0 0.5em 0.1em 0.0em;   
	list-style-position:inside;
	}

img {border:0;
	}

iframe {width:99%; height:600px;
	border: medium outset olive;
	}

/*Classes*/
.emphasis {font:italic small-caps bold 1.1em Arial, Helvetica,Sans-Serif;
	}

.LeftColumn {width:48%;
	padding:1%;
	float:left; clear:left;
	}
.RightColumn {width:48%;
	padding:1%;
	float:right; clear:right;text-align:left;
	}
.TwoColumn {width:48%;
	padding:1%;
	float:left;
	}
.ThreeColumn {width:31%;
	padding:1%;
	float:left;
	}
.ThreeColumnDisplay {width:31%; height:8cm;
	padding:0;margin:1px;
	float:left; clear:none;
	border:thin solid olive;
	text-align:center;
	}
.FourColumn {width:24%;
	padding:0;margin:1px;
	float:left; clear:none;
	}
.FourColumnDisplay {width:24%;height:4.8cm;
	padding:0;margin:1px;
	float:left; clear:none;
	border:thin solid olive;
	text-align:center;
	}
.ThreeColumnDisplay p, .ThreeColumnDisplay li, .FourColumnDisplay p {text-align:center;
	}
.ThreeColumnDisplay img, .FourColumnDisplay img {margin:3px; 
	border: medium outset olive;
	}

.RightAlign {text-align:right;}

.LeftAlign {text-align:left;}

.CenterAlign {text-align:center;}

/*Pseudo-Classes*/

a.current {background:#ffdddd; color:black;
	}
a:link {background:transparent;
	}
a:hover{background:LemonChiffon;
	}

/*Element specific classes*/

ul.ColumnList {width:30%; margin-bottom:0.5em; float: left;
	}
ul.RowList {width:100%;
	}
ul.RowList li {float:left; text-align: center;
	}

img.small{height:60px;
	}
img.large{max-height:500px; max-width:74%;
	margin:3px;
	text-align:center;
	border: medium outset olive;
	}
img.intext{height:30px
	}

/*IDs*/

#Banner {position:fixed; top; left;
	width: 100%; height:88px; margin-bottom: 1px;
	border: 1pt solid olive;
	color: transparent;
	background:url(Images/NHCCBanner.gif) repeat center center;
	z-index:1}

#SponsorsFrame {position: fixed; bottom:0; right:0;
	float: right;
	width: 100%; height:62px;
	margin:1px;padding:1px;
	border: 1pt solid olive;
	background: FloralWhite;
	z-index:1}

#Sponsors p {margin:0 5px 0 5px; Width:15%;
	text-align: center;
	float: left;
	}
#SponsorsFrame iframe {border:0}

#Sponsors p a img {width:160px; height:60px; max-height:98%;
	border: thin solid #CCCCFF; 
	}

#Sponsors p a:link img {border: thin solid #CCCCFF;
	}

#Sponsors p a:visited img {border: thin solid #CCCCFF;
	}

#Sponsors p a:hover img {border: thin solid red;
	}

#Sponsors p a:active img {border: thin solid red;
		}

#Menu {position: fixed;	top: 95px; float: left;
	width: 105px;margin:1px;
	border: thin solid olive;
	background: FloralWhite;
	text-align: center}

#Menu p {font: italic small-caps bold 0.9em Arial, Helvetica,Sans-Serif;
	margin: 1.3em 0 1.3em 0; min-height: 30px;
	text-align: center;
	z-index:1
	}

#Menu p a {padding: 1em 1.3em 1em 1.3em;
	}

#Menu p a:link {background: url(Images/LightOff.jpg) no-repeat center center;
	}

#Menu p a:visited {background: url(Images/LightOff.jpg) no-repeat center center;
	}

#Menu p a:visited.current {background: transparent url(Images/LightRed.jpg) no-repeat center center;
	}

#Menu p a:hover {background: transparent url(Images/LightOn.jpg) no-repeat center center;
	}

#Menu p a:active {background: transparent url(Images/LightRed.jpg) no-repeat center center;
	}

#SideMenu {position: fixed; top: 95px; right:0; float: right;
	width: 130px; margin:1px;padding:1px;
	border: 1pt solid olive;
	background: FloralWhite;
	z-index:1}

#SideMenu ul {margin-left:5px;
	font-style:italic;
	list-style-type: none;}

#WhatsNew {float: right;
	width:32%;
	margin:0 0 0 3pt; padding:2pt;
	border: medium outset olive;
	background: goldenrod;}

#MainContent {position: absolute; top: 95px; left:108px;
	float:left; right:133px;
	margin:0px; padding:1px 3px 1px 3px;
	border: thin solid white;}