html,body{margin:0;padding:0}
body{font: 99% arial,sans-serif;text-align:center;background: url("images/sc_bgtilev2.jpg");}
p{margin:0 10px 10px}
a{color: #981793;padding:10px}
div#container {text-align:left}
div#container{width:777px;margin:0 auto; background: #fcf3df url("images/content_bg.jpg") repeat-y top left; border: 1px solid #173e74;}


/****************************************************************
  HEADER ELEMENTS
****************************************************************/
div#header {width: 777px; height: 165px; background: #713433 url("images/sooke_cycle_title.jpg") no-repeat top center; clear: both;}

div#header h1 {margin: 0; padding: 145px 0 5px 0;color: #f9e7c0; font-size: 18px; text-align: center;}


/****************************************************************
  CONTENT ELEMENTS
****************************************************************/

div#content{float:right;width:620px; margin: 0;}
div#newsbox{float:right;width:580px; margin: 15px 20px 5px 0; background: #fff; border: 1px solid #173e74;}
div#productbox{float:right;width:580px; margin: 15px 20px 5px 0; background: #fff; border: 1px solid #173e74;}
div#linkbox{width:560px; margin 0; padding:0 0 0 15px;}
div#content p {line-height:1.4}
div#newsbox h2 {margin: 0; padding: auto; color: #f9e7c0; background: #173e74; font-size: 18px; text-align: center;}
div#newsbox h3 {margin: 0; padding: 5px 0 5px 0; color: #173e74; font-size: 16px; text-align: center;}
div#newsbox p {line-height:1.2; text-align:left; color: #173e74;}
div#newsbox ul {line-height:1.5; text-align:left; color: #173e74; list-style-type:none;}
div#linkbox img {float:left; padding:5px 5px 5px 5px; border:none; width:160px; height:100px;}
div#newsbox .logos {margin: auto; padding: 0px; text-align: center;}
div#productbox h2 {margin: 0; padding: auto; color: #f9e7c0; background: #173e74; font-size: 18px; text-align: center;}
div#productbox h3 {margin: 0; padding: 5px 0 5px 0; color: #173e74; font-size: 16px; text-align: center;}
div#productbox p {line-height:1.2; margin: 0 5 5; text-align:left; color: #173e74;}
div#productbox p.desc {line-height:1.2; margin: 0 5 5; font-size: 11px; text-align:left; color: #173e74;}
div#productbox img {padding: 10px;}


/****************************************************************
  LEFT COLUMN ELEMENTS
****************************************************************/
div#navigation{float:left;width:150px;}
div#extra{margin: 1px 0 0 10px; padding: 5px 0 0 0; width:130px; background: #e09131; border: 1px solid #173e74;}

#button {width: 117px; padding: 0 0 0 0; margin-bottom: 0; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; font-weight: bold; background-color: #90bade; color: #333;}
div#extra p {line-height:1.2; text-align:center; color: #173e74; font-size: 16px;}

#button ul {width: 117px; list-style-type: none; margin: 0 0 0 0; padding:  0 0 0 0; border-right: 1px solid #173e74;}
#button li a {display: block;padding: 5px 5px 5px 0.5em;border-left: 10px solid #173e74;border-right: 10px solid #508fc4;background-color: #f9e7c0;color: #173e74;text-decoration: none;	width: 100%;}

html>body #button li a {width: 117px;}

#button li a:hover {border-left: 10px solid #1c64d1;border-right: 10px solid #5ba3e0;background-color: #e09131;	color: #173e74;}

/****************************************************************
  RIGHT COLUMN ELEMENTS
****************************************************************/


/****************************************************************
  FOOTER ELEMENTS
****************************************************************/
div#footer{clear:both;width:100%}
#footer {margin: auto; width: 777px;background: #173e74; padding-bottom: 2px; padding-top: 2px; color: #f9e7c0; font-size: 11px; text-align: center; border-right: 1px solid #173e74; border-left: 1px solid #173e74; border-bottom: 1px solid #173e74;}
div#footer p{margin:0;padding:5px 10px}

/* Album Thumbnails
------------------------------ */
.album {
	width: 520px;
	padding: 10px;
	margin: auto;
	clear: both;
	border: 1px solid #173e74;
	background: #f9e7c0;
	margin-bottom: 15px;
}
.album img {
	float: left;
	border: 0;
	
}
.album h3 {
	padding: 0;
	margin: 0;
}
.album h3 a {
	display: block;
	width: 260px;
	padding: 3px 0 6px 0;
	color: 173e74;
}
.album p {
	margin: 0 0 4px 0;
}
.albumdesc {
	float: right;
	width: 260px;
}
.albumdesc small {
	margin-top: 8px;
	line-height: 130%;
	width: 120px;
	float: right;
	color: #888;
}


/****************************************************************
extra stuff
#leftColumn ul {list-style-type: none; padding: 0; margin: 0}
#leftColumn ul li { padding: 0; margin: 0}

sky blue #60bdf0
Dk blue #173e74
Burgundy #713433
Yellow #f9e7c0
Orange #e09131
****************************************************************/