/* - - - - - - - - - - BODY, BASIC FLOATS - - - - - - - - - - */

body
	{
	font-size: 100%;
	height: 100%;
	line-height: 1;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #333333;
	background-color: #F2FBE3;
	background-image: url(../gfx/map.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	}

.floatleft
	{
	float: left;
	display: inline;
	}

.floatright
	{
	float: right;
	display: inline;
	}

div.topcontainer
	{
	width: 800px;
	height: 80px;
	overflow: hidden;
	font-size: 1em;
	line-height: 1;
	padding: 16px 0px 14px 0px;
	border: none;
	margin: 0px auto 0px auto;
	}

div.maincontainer
	{
	width: 800px;
	font-size: 1em;
	line-height: 1;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px auto 0px auto;
	background-color: #F2FBE3;
	}

div.mainclearer
	{
	height: 10px;
	clear: both;
	}

div.bigclearer
	{
	height: 30px;
	clear: both;
	}

/* - - - - - - - - - - BASIC TEXT STYLES - - - - - - - - - - */

h1
	{
	font-size: 1em;
	font-weight: normal;
	color: #003399;
	line-height: 150%;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0.75em 0px;
	}

h2
	{
	font-size: 0.8125em;
	font-weight: normal;
	color: #003399;
	line-height: 150%;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0.5em 0px;
	}

h3
	{
	font-size: 0.75em;
	font-weight: bold;
	color: #003399;
	line-height: 100%;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0.5em 0px;
	}

p
	{
	font-size: 0.6875em;
	line-height: 100%;
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0.75em 0px;
	}

a
	{
	color: #003399;
	text-decoration: none;
	}

img
	{
	padding: 0px 0px 0px 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	}

.highlight
	{
	font-size: 16px;
	color: #FF6E0D;
	}

.firstwords
	{
	font-weight: bold;
	}

/* - - - - - - - - - - TOP AND LOGO - - - - - - - - - - */

div.topright
	{
	width: 320px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

h2.logo
	{
	height: 48px;
	overflow: hidden;
	font-size: 1em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 4px 80px;
	background-image: url(../gfx/logo.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	background-color: #2AA7E5;
	}

h2.logo a
	{
	display: block;
	color: #FFFFFF;
	font-size: 1.125em;
	letter-spacing: 1px;
	padding: 12px 0px 12px 52px;
	}

p.tagline
	{
	text-align: right;
	font-size: 0.6875em;
	color: #159ADD;
	line-height: 1.375;
	padding: 0px 10px 0px 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	}

div.topleft
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 340px 0px 0px;
	}

div.topleft p
	{
	line-height: 1;
	font-size: 1em;
	text-align: center;
	margin: 0px 3px 3px 0px;
	overflow: hidden;
	}

p.buttonone
	{
	width: 60px;
	height: 28px;
	}

p.buttontwo
	{
	width: 74px;
	height: 28px;
	}

p.buttonthree
	{
	width: 114px;
	height: 28px;
	}

p.buttonfour
	{
	width: 124px;
	height: 28px;
	}

p.buttonfive
	{
	width: 104px;
	height: 28px;
	}

p.buttonsix
	{
	width: 118px;
	height: 28px;
	}

p.buttonseven
	{
	width: 154px;
	height: 28px;
	}

div.topleft a
	{
	display: block;
	font-size: 0.6875em;
	color: #FFFFFF;
	padding: 8px 0px 9px 0px;
	border: none;
	margin: 0px 0px 0px 0px;
	background-color: #20A0E0;
	}

div.topleft a:hover
	{
	background-color: #EF853B;
	}

div.topleft a.on
	{
	background-color: #EF853B;
	}

/* - - - - - - - - - - FOOTER - - - - - - - - - - */

div.footer
	{
	clear: both;
	width: 800px;
	font-size: 1em;
	color: #003399;
	padding: 15px 0px 30px 0px;
	border-top: 10px solid #BBDAEA;
	background-color: #D8EEF8;
	margin: 0px auto 0px auto;
	}

div.footer a
	{
	padding: 1px 3px 2px 2px;
	}

div.footer a:hover
	{
	background-color: #BBDAEA;
	}

div.footerleft
	{
	width: 235px;
	padding: 0px 0px 0px 15px;
	}

div.footerright
	{
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 270px;
	text-align: right;
	}

div.footerright a
	{
	color: #BBDAEA;
	}

/* - - - - - - - - - - PAGE STRUCTURE - - - - - - - - - - */

div.imagearea
	{
	width: 820px;
	font-size: 1em;
	line-height: 1;
	padding: 0px 0px 12px 0px;
	border: none;
	margin: 0px auto 0px auto;
	}

div.imagearea img
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	}

div.imagearea object
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	}

div.leftcol
	{
	width: 385px;
	}

div.leftcol h1
	{
	margin: 0px 0px 0.5em 0px;
	}

div.leftcol p
	{
	line-height: 1.5;
	}

div.rightcol
	{
	width: 185px;
	margin: 0px 0px 0px 0px;
	}

div.rightcoltwo
	{
	width: 185px;
	margin: 0px 0px 0px 415px;
	}

div.spacedbottom
	{
	padding: 0px 0px 0.5em 0px;
	}

div.daykayak
	{
	margin: 0px 0px 15px 0px;
	background-image: url(../pics/daykayak.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

div.daykayak h2
	{
	font-size: 1em;
	padding: 15px 0px 0px 15px;
	margin: 0px 0px 0.25em 0px;
	}

div.daykayak p
	{
	margin: 0px 0px 0px 0px;
	}

div.daykayak a
	{
	color: #333333;
	display: block;
	padding: 0.25em 15px 130px 15px;
	}

div.daykayak a:hover
	{
	color: #003399;
	}

div.instructorcourse
	{
	margin: 0px 0px 0px 0px;
	background-image: url(../pics/instbox.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	}

div.instructorcourse h2
	{
	text-align: right;
	font-size: 1em;
	color: #003399;
	padding: 10px 30px 0px 0px;
	margin: 0px 0px 0.25em 0px;
	}

div.instructorcourse p
	{
	margin: 0px 0px 0px 0px;
	}

div.instructorcourse a
	{
	color: #333333;
	display: block;
	padding: 0.25em 30px 60px 185px;
	}

div.instructorcourse a:hover
	{
	color: #003399;
	}

/* - - - - - - - - - - BOX STYLES - - - - - - - - - - */

div.rightmenu h2
	{
	font-size: 0.6875em;
	font-weight: bold;
	line-height: 1;
	color: #FFFFFF;
	padding: 7px 0px 9px 6px;
	background-color: #3380B1;
	margin: 0px 0px 0px 0px;
	}

div.rightmenu h2.more
	{
	color: #003399;
	background-color: #BBDAEA;
	}

div.rightmenu p
	{
	line-height: 150%;
	color: #003399;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #6DAEDE;
	margin: 0px 0px 0px 0px;
	}

div.rightmenu p a
	{
	display: block;
	color: #003399;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 4px 6px 8px 6px;
	border: none;
	margin: 0px 0px 0px 0px;
	}

div.rightmenu p a:hover
	{
	background-color: #D8EEF8;
	}

div.rightmenu p.picbox
	{
	padding: 65px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

div.rightmenu p.bottom
	{
	margin: 0px 0px 12px 0px;
	}

div.rightmenu p.family
	{
	padding: 70px 0px 0px 0px;
	background-image: url(../pics/mini1.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.yp
	{
	background-image: url(../pics/mini2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.school
	{
	background-image: url(../pics/mini3.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.kayak
	{
	background-image: url(../pics/mini4.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.walk
	{
	padding: 70px 0px 0px 0px;
	background-image: url(../pics/mini5.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.walktwo
	{
	padding: 70px 0px 0px 0px;
	background-image: url(../pics/mini8.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.multi
	{
	background-image: url(../pics/mini6.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

div.rightmenu p.where
	{
	background-image: url(../pics/mini7.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}

/* - - - - - - - - - - MODIFIERS - - - - - - - - - - */

p.uptop
	{
	margin: -0.25em 0px 0.75em 0px;
	}

p.alignright
	{
	text-align: right;
	}

p.lessspace
	{
	margin: 0px 0px 0.5em 0px;
	}

p.evenlessspace
	{
	margin: 0px 0px 0.25em 0px;
	}

p.extraspace
	{
	margin: 0px 0px 1em 0px;
	}

p.leftindent
	{
	margin-left: 5px;
	}

.blue
	{
	color: #003399;
	}

.red
	{
	color: #CC0033;
	}

.orange
	{
	color: #FF6E0D;
	}

.bold
	{
	font-weight: bold;
	}