html {
	background: #FFF;
}

body {
	margin: 0px;
	padding: 0;
	font: normal small Arial, Helvetica, sans-serif;
}



h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #000000;
}

h1, h2, h3 {
}

h4, h5, h6 {
}

p, ul, ol, blockquote {
	margin-top: 0;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

hr {
	width: 400px;
}


/* Title*/

#title h1 {
	color: #ffffff;
	position:relative;
	font-size: 1.6em;
	left:-290px;
	top:-160px;
}

#title h2 {
	color: #ffffff;
	position:relative;
	font-size: 1.2em;
	left:-290px;
	top:-160px;
}

/* Splash */

#splash {
	width: 920px;
	margin: 0 auto;
	background: #FFFFFF;
}

/* Menu */

.menu{
	padding:0;
	height:30px;
	width:91%;
	display:block;
	background:url("/images/topMenuImages.png") repeat-x;
}

.menu li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

.menu li a{
	float:left;
	padding-left:15px;
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer;
	background:url("/images/topMenuImages.png") 0px -30px no-repeat;
	outline:none;
}

.menu li a span{
	line-height:30px;
	float:left;
	display:block;
	padding-right:15px;
	background:url("/images/topMenuImages.png") 100% -30px no-repeat;
}

.menu li a:hover{
	background-position:0px -60px;
	color:rgb(255,255,255);
}

.menu li a:hover span{
	background-position:100% -60px;
}

.menu li a.active, .menu li a.active:hover{
	line-height:30px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:url("/images/topMenuImages.png") 0px -90px no-repeat;
	color:rgb(0,0,0);
}

.menu li a.active span, .menu li a.active:hover span{
	background:url("/images/topMenuImages.png") 100% -90px no-repeat;
}

/* Content */

#content {
	width: 920px;
	margin: 0 auto;
	background: #FFF;
}

#content .title {
	padding: 10px 20px;
	background: #000000;
	font-size: 1em;
}

#content .story {
	padding: 20px;
        height: 550px;
	border: 1px solid #FFF;
	background: #fff;
	color: #000000;
}

#content .contact{
	padding: 0px 0px 0px 80px;
        height: 550px;
	border: 1px solid #FFF;
	color: #FFFFFF;
	background: url(images/5d_white.jpg) no-repeat;
}

#content .webcam{
	padding: 0px 0px 0px 0px;
        height: 550px;
	border: 1px solid #FFF;
	color: #FFFFFF;
	background: url(images/allsky.jpg) no-repeat;
}

#content .weather{
	padding: 0px 0px 0px 50px;
        height: 550px;
	border: 1px solid #FFF;
	color: #FFFFFF;
	background: url(images/5d_white.jpg) no-repeat;
}

#content .gallery{
	padding: 0px 50px 0px 50px;
        height: 550px;
	border: 1px solid #FFF;
	color: #FFFFFF;
	background: url(images/5d.jpg) no-repeat;
}

#content .blank{
	padding: 0px 50px 0px 50px;
        height: 550px;
	border: 1px solid #FFF;
	color: #FFFFFF;
	background: url(images/blank.jpg) no-repeat;
}

#content .qr{
	padding: 0px 50px 0px 50px;
        height: 550px;
	border: 1px solid #FFF;
	background: url(images/blank.jpg) no-repeat;
}

#content .design{
        height: 600px;
        width: 600px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/browser.png) no-repeat;

}

#content .tv{
        height: 400px;
        width: 500px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/tv.jpg) no-repeat;
}

#wpages{
	position:relative;
	left: 110px;
	top: 28px;
}

#video{
        height: 200px;
        width: 300px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	top:-20px;
}

/* gallery */

#gallery {
	position:relative;
	left:180px;
	top:280px;

}

#contact {
	position:relative;
	left:166px;
	top:140px;
}

#webcam {
	position:relative;
	left:240px;
	top:110px;
}

#weather{
	position:relative;
	left:179px;
	top:268px;
}


/* algonquin*/

#algonquin{
	position:relative;
	left:45px;
	top:10px;
	color: #000000;
}

#generic {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

/* Footer */

#footer {
	width: 920px;
        height: 18px;
	margin: 0 auto;
	padding: 10px;
	background: #FFF;
	border-top: none;
}

#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #000;
}

#footer a {
	color: #CCCCCC;
}

#footer img {
	padding: 5px 0 0 320px;
}