body {
	background-image: url(images/reflect.jpg);
		background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
}
#sky {
	background-image: url(images/sky.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#container {
	margin: auto;
	padding:0;
	padding-top: 20px;
	width: 760px;
	position:relative;
}
#banner {
	margin:auto;
	text-align: center;
	width: 760px;
}

img.border {
border:solid 1px #999999;
margin-left: 40px;
margin-right: 40px;
}

#menu {
	font-family: "Comic Sans MS", Verdana, sans-serif, helvetica;
	font-size: 1.2em;
	background-color: #325C9C;
	text-align: center;
	border: 1px solid #999999;
}

#menu a{
padding-left:20px;
padding-right:20px;
color: #ffffff;
text-decoration:none;
font-weight:bold;
}
#menu a:hover {
background-color:#129477;
}
#leftmenu a{
font-weight:bold;
color:#129477;
text-decoration:none;
}
#leftmenu a:hover {
text-decoration:underline;
color:#3699C9;
}
.section {font-size:1.2em; font-weight:bold;}

#leftbox {
float:left;
width:195px;
border-right: solid 1px #999999;
padding: 4px 4px 4px 0;
margin: 20px 0 20px 0;
font-size:0.9em;
}
#rightbox {
float:right;
width:22%;
border-left: solid 1px #999999;
padding: 4px 0 4px 6px;
margin: 20px 0 20px 12px;
font-size:0.9em;
}
#center {
width: 50%;
float:left;
margin: 20px 0 20px 0;
}
#main {
float:left;
width:550px;
padding-left:10px;
margin: 20px 0 20px 0;
}
#full {
width: 760px;
margin: 20px 0 20px 0;
}

#bottom {
clear:both;
height:60px;
}

#calbox {
margin:auto;
width:720px;
}

h1 {
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	}
h2 {
	font-size: 1.4em;
	margin: 1.2em 0em 0.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.2em;
	margin: 1.2em 0em 0.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.1em;
	margin: 1.2em 0em 0.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.6em;
	margin-top: 0.2em;
	margin-bottom: 0.8em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0.2em 0em 0.8em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
	.calswim {background-color:#F2BFBF; padding:4px; margin:2px;}
		.caldive {background-color:#CCFF00; padding:4px;margin:2px;}
			.caltenn {background-color:#FBF484; padding:4px;margin:2px;}
				.calgen {background-color:#A4CAE6; padding:4px;margin:2px;}

.chaos {
color:#FFFFFF;
font-weight:bold;
text-align:right;
}
.chaos a {
text-decoration:none;
color:#ffffff;
}
.chaos a:hover {
color:#0033FF;
}