/* Globals // Misc Elements */

* {
	margin: 0; padding: 0;
	}
	
p.clr { /* float fix */
	display: block; clear: both;
	width: 800px; height: 0px;
	font: normal 1px/0px sans-serif;
	}

body {
	margin: 0; padding: 0;
	color: #fc0; background: #fff url(../i/pattern.gif) 0 0 repeat;
	}

/* Branding */	
	
#hghw {
	position: absolute;
	top: 0; left: 0;
	width: 170px;
	margin: 0; padding: 0;
	z-index: 100;
	}
	
#hghw h1 {
	margin: 0; padding: 0;
	}
	
#tagline {
	position: absolute;
	top: 0; left: 167px;
	margin: 0; padding: 0;
	z-index: 80;
	}
	
#donate {
	position: absolute;
	top: 0; left: 653px;
	margin: 0; padding: 0;
	z-index: 90;
	}
	
	
/* Content Containers */

#coffeeCup {
	position: relative;
         top: 83px;
	margin: 0; padding: 0;
	width:  100%;
	color: #fc0; background: #9c0;
	z-index: 80;
	}

#whiteCol {
	margin: 0; padding: 0 0 30px 0;
	width:  555px;
	color: #fc0; background: #fff url(../i/bump.gif) 100% 0 repeat-y;
	float: left;
	}
	
#whiteCol2 {
	margin: 0; padding: 0 0 20px 0;
	width:  755px;
	color: #fc0; background: #fff url(../i/bump.gif) 100% 0 repeat-y;
	float: left;
	}
	
#grnCol {
	margin: 0; padding: 0;
	width:  800px;
	}
	
	
/* Left Column */

#leftCol {
	margin: 0; padding: 0;
	width:  190px;
	color: #fc0; background: #fff;
	float: left;
	}
	
ul#nav {
	margin: 100px 0 0 0; padding: 0;
	width: 165px;
	list-style-type: none;
	}
	
ul#nav li {
	margin: 0; padding: 0;
	width: 165px; height: 22px;
	list-style-type: none;
	}
	
/* Center Column */

#centerCol {
	margin: 0; padding: 0;
	width:  335px;
	color: #f60; background: #fff;
	float: left;
	}

#centerCol h2 {
	margin: 0 0 0.5em 0; padding: 0;
	}

#centerCol h2 a {
	text-decoration: none;
          border: none;
	}
	
#centerCol h3 {
	margin: 1.5em 0 0.7em 0; padding: 0;
         font-family: "Lucida Grande", verdana, arial, sans-serif;
	}

#centerCol p {
	margin: 0 0 1.5em 0; padding: 0;
	font: normal 11px/15px "Lucida Grande", verdana, arial, sans-serif;
	color: #f60; background: transparent;
	}

#centerCol p.alert {
	padding: 10px;
	border: 1px solid #ffb27f;
	color: #f60; background: #ffefe5;
	}

#centerCol p strong.subby {
	font: bold 12px/15px "Lucida Grande", verdana, arial, sans-serif;
	color: #f90; background: #fff;
	}

#centerCol ul li {
	margin-bottom: 1.2em;
	font: normal 11px/15px "Lucida Grande", verdana, arial, sans-serif;
	list-style-type: disc;
	}

#centerCol ul li a, #centerCol ul li a:visited, #centerCol ul li a:hover, #centerCol ul li a:active{
	font: normal 11px/15px "Lucida Grande", verdana, arial, sans-serif;
         color: #f60; background: transparent;
	}

#centerCol ul {
	margin-left: 15px; margin-bottom: 1.2em;
	font: normal 11px/14px "Lucida Grande", verdana, arial, sans-serif;
	}

#centerCol ul li {
	margin-bottom: 1.2em;
	}
	
#centerCol ul#anchors {
	margin: 5px 0 20px 0; padding: 0;
	color: #f60; background: #fff;
	list-style-type: none;
	}
	
#centerCol ul#anchors li {
	margin: 0; padding: 0 6px 0 5px;
	height: 20px;
	font: bold 10px/13px "Lucida Grande", verdana, arial, sans-serif;
	list-style-type: none;
	display: inline;
	border-right: 1px solid #f60;
	}
	
#centerCol ul#anchors li.first {
	padding: 0 6px 0 0;
	}
	
#centerCol ul#anchors li.last {
	border: none;
	}
	
#centerCol #anchors li a {
	color: #f90; background: #fff;
	}
	
#centerCol #anchors li a:visited {
	color: #f90; background: #fff;
	}
	
#centerCol #anchors li a:hover {
	color: #f60; background: #fff;
	text-decoration: none;
	}
	
#centerCol #anchors li a:active {
	color: #f60; background: #fff;
	text-decoration: none;
	}

#centerCol p+ul li a, #centerCol p+ul li a:visited{
	color: #f60; background: transparent;
	}
#centerCol p+ul li a:hover, #centerCol p+ul li a:active{
	color: #f90; background: transparent;
	}

#centerCol p a, #centerCol p a:visited {
	color: #f60; background: transparent;
	}
#centerCol p a:hover, #centerCol p a:active {
	color: #f90; background: transparent;
	}

#centerCol a.highlight {
	font: bold 14px/15px "Lucida Grande", verdana, arial, sans-serif;
	margin-top: 10px;
	margin-bottom: 15px;
         display: block;
	}
#centerCol a.head, #centerCol a:visited.head, #centerCol a:hover.head, #centerCol a:active.head {
	font: bold 11px/14px "Lucida Grande", verdana, arial, sans-serif;
         display: block;
	}

#centerCol a.top {
	font: bold 10px/13px "Lucida Grande", verdana, arial, sans-serif;
	}

#centerCol label, #centerCol input, #centerCol textarea {
         display: block;
	font: normal 11px/14px "Lucida Grande", verdana, arial, sans-serif;
         }

#centerCol label, #centerCol input#send {
	margin: 10px 0 5px 0;
         }

#centerCol input#send {
	padding: 3px 5px;
	}

#centerCol input:focus, #centerCol textarea:focus {
        background: #ffc;
        }

#links #centerCol ul li {
       margin: 0.3em 0;
       }

#library #centerCol ul li {
       margin: 0.3em 0;
       }

#sitemap #centerCol p, #sitemap #centerCol ul li {
       margin: 0.3em 0;
       }
#sitemap #centerCol ul li {
       margin-left: 10px;
       }
	
/* Right Column */

#rightCol {
	margin: 0; padding: 0;
	width:  204px;
	color: #fc0; background: #9c0;
	float: left;
	}

#rightCol p a:link,  #rightCol p a:visited{
	color: #390; background: #c5ed4c;
	font-weight: bold;
	}

#rightCol p a:hover, #rightCol p a:active{
	color: #060; background: transparent;
	}

.sidePhoto {
	 padding: 0;
	width:  203px;
	color: #390; background: #c5ed4c;
	}
	
.sidePhoto p {
	margin: 3px 10px; padding: 0;
	color: #390; background: #c5ed4c;
	font: normal 10px/13px "Lucida Grande", verdana, arial, sans-serif;
	text-align: left;
	}
	
.sidePhoto img{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}

/* Right Column // Home */
	
#flash {
	padding: 0;
	width:  203px;
         color: #390; background: #c5ed4c  url(../i/blurby.gif) 7px 130px no-repeat;
	}

#flash p {
	margin: 3px 10px; padding: 0;
	color: #390; background: transparent;
	font: normal 10px/13px "Lucida Grande", verdana, arial, sans-serif;
	text-align: left;
	text-indent: 30px;
	}

#flash object, #flash embed, #flash img {
	margin: 0; padding: 0;
         display: block;
	}
		
#signUpNews {
	margin: 15px 0 0 0; padding: 0;
	width:  203px;
	color: #390; background: #c5ed4c;
	}

#signUpNews p {
	margin: 3px 10px; padding: 0;
	color: #390; background: #c5ed4c;
	font: normal 11px/14px "Lucida Grande", verdana, arial, sans-serif;
	text-align: center;
	}
	
#signUpNews img{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}
	
#signUpNews p.btn img {
	margin: 10px 5px 0 5px; padding: 0;
	color: #390; background: #c5ed4c;
	display: inline;
	text-align: center;
	}

#signUpNewsContact {
	margin: 50px 0 0 0; padding: 0;
	width:  203px;
	color: #390; background: #c5ed4c;
	}

#signUpNewsContact p {
	margin: 3px 10px; padding: 0;
	color: #390; background: #c5ed4c;
	font: normal 11px/14px "Lucida Grande", verdana, arial, sans-serif;
	text-align: center;
	}
	
#signUpNewsContact img{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}
	
#signUpNewsContact p.btn img {
	margin: 10px 5px 0 5px; padding: 0;
	color: #390; background: #c5ed4c;
	display: inline;
	text-align: center;
	}
	
/* Right Column // About Us */

#ourMission {
	margin: 50px 0 0 0; padding: 0;
	width:  203px;
	color: #390; background: #c5ed4c;
	}

#ourMission p {
	margin: 3px 10px; padding: 0;
	color: #390; background: #c5ed4c;
	font: normal 11px/13px "Lucida Grande", verdana, arial, sans-serif;
	text-align: left;
	}
	
#ourMission img{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}
	
#quotes {
	margin: 50px 0 0 0; padding: 0;
	width:  203px;
	color: #390; background: #c5ed4c;
	}

#quotes p {
	margin: 3px 10px; padding: 0;
	color: #390; background: #c5ed4c;
	font: normal 11px/13px "Lucida Grande", verdana, arial, sans-serif;
	text-align: left;
	}
	
#quotes img{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}
.quotes {
font-size:14px;
}

/* Right Column // NewsEvents */

#newsandevents #signUpNews {
	margin: 50px 0 0 0; 
	}

/* Right Column // Lending Library */

#library #libPolicy {
	margin: 100px 0 0 0; 
	}

#library #libPolicy p {
	font: normal 11px/13px "Lucida Grande", verdana, arial, sans-serif;
	margin-bottom: 1.2em; padding: 0 9px;
	}

/* Right Column // Contact Us */

#contactus #signUpNews {
	margin: 90px 0 0 0; padding: 0;
	width:  203px;
	color: #390; background: #c5ed4c;
	}



/* Right Column // Ugly Ducklings */

.sideQuote {
	margin-top: 220px;
	}

/* Right Column // Specific Side Photos */

#flash {
	margin: 50px 0 0 0;
	}

#faqBTN  {
	margin: 15px 0 0 0;
	}

#faqBTN p{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}

#kerriknights {
	margin: 15px 0 0 0;
	}

#coCreatorsPhoto {
	margin: 150px 0 0 0;
	}

#lynPhoto {
	margin: 100px 0 0 0;
	}

#moneyTree {
	margin: 100px 0 0 0;
	}

#guBearWisdom {
	margin: 150px 0 0 0;
	}

#girlMural {
	margin: 30px 0 0 0;
	}

#guFun {
	margin: 100px 0 0 0;
	}

#guParticipant {
	margin: 150px 0 0 0;
	}

#snorkel {
	margin: 100px 0 0 0;
	}

#compass {
	margin: 50px 0 0 0;
	}

#tools {
	margin: 100px 0 0 0;
	}

#gagePhoto {
	margin: 100px 0 0 0;
	}

#friends {
	margin: 150px 0 0 0;
	}

#basketball {
	margin: 150px 0 0 0;
	}

#climbing {
	margin: 150px 0 0 0;
	}
	
#float01 {
	margin: 150px 0 0 0;
	}

#collage {
	margin: 150px 0 0 0;
	}

#selfdefense {
	margin: 150px 0 0 0;
	}

#kidsclinic {
	margin: 150px 0 0 0;
	}
	
#gabcleanup {
	margin: 150px 0 0 0;
	}
	
#float02 {
	margin: 150px 0 0 0;
	}

#crafts {
	margin: 50px 0 0 0;
	}
	
#kmt {
	margin:150px 0 0 0;
	}

#kmpc {
	margin:50px 0 0 0;
	}
	
#staff {
	margin:50px 0 0 0;
	}

#gab {
	margin:150px 0 0 0;
	}

#lyn {
	margin:50px 0 0 0;
	}
	
#carmen {
	margin:150px 0 0 0;
	}

#jamie {
	margin:150px 0 0 0;
	}
	
#marie {
	margin:15px 0 0 0;
	}

#girlsrock {
	margin:15px 0 0 0;
	}
	
#karen {
	margin:150px 0 0 0;
	}
	

/* Footer */

#ftr {
	position: relative;
         top: 83px;
	margin: 20px 0 20px 190px; padding: 0;
	width: 345px; 
	color: #fff; background: transparent;
	font: normal 10px/13px "Lucida Grande", verdana, arial, sans-serif;
	text-align: center;
	z-index: 100;
	}

ul#ftrNav {
	margin: 0; padding: 0;
	width: 345px;
	color: #fff; background: #f90;
	list-style-type: none;
	text-align: center;
	}
	
ul#ftrNav li {
	margin: 0; padding: 0 6px 0 5px;
	height: 20px;
	list-style-type: none;
	display: inline;
	border-right: 1px solid #fff;
	}
	
ul#ftrNav li.last {
	border: none;
	}
	
#ftr a:link {
	color: #fff; background: #f90;
	text-decoration: none;
	}
	
#ftr a:visited {
	color: #fff; background: #f90;
	text-decoration: none;
	}
	
#ftr a:hover {
	color: #de5803; background: #f90;
	text-decoration: none;
	}
	
#ftr a:active {
	color: #de5803; background: #f90;
	text-decoration: none;
	}
	
#ftr img{
	margin: 0; padding: 0;
	display: block;
	border: 0;
	}

/* hacks  // mac ie5 */

#coffeeCup { position: static; top: auto; margin: 83px 0 0 0; padding: 0; }
/* commented backslash hack v2 \*/
#coffeeCup { position: relative; top: 83px; margin: 0; padding: 0; }
/* end hack */

#ftr { position: static; top: auto; margin: 20px 0 20px 190px; padding: 0; z-index: auto;}
/* commented backslash hack v2 \*/
#ftr { position: relative; top: 83px; margin: 20px 0 20px 190px; padding: 0; z-index: 100;}
/* end hack */

