/*Note: Standard HTML tags (H1, H2, p, etc.) have been used wherever possible to avoid having to insert
numerous styles with proprietary names into page-level code.  
Comments provided by Pete Anderson - panderson@rhumblinepartners.com 

Note: If it you want to make section-specific styles, we recommend creating a separate style sheet
and calling it from the section-specific template - in essence you would reference both lw.css as well
as the section-specific .css file - It will enable you to more quickly identify and tweak section-
specific styles going forward. */

body 
{
	color:#000;
	/*background-color: #B2D8D8;*/
	background-color:#000;
	padding:0;
	margin:22px 0;

	/* this centers the container div in IE 5 */
	text-align:center;
}

/* modern browsers will inherit the center styling above, so we need to reset it for the rest of the page */
* div 
{
	text-align:left;
}

/*CONTROLS THE WIDTH OF THE PAGE*/
#container 
{
	width:740px;
	margin:0 auto;

	/* this image creates the illusion of the left div extending all the way down */
	background: #ffffff url(../images/left_back.gif); 
	background-repeat: repeat top left;

	/* this is just so we can absolutely position the logo */
	position:relative;
}

/* HEADER AREA - UNIQUE "#header_sectionname" STYLE FOR EACH SECTION SO IMAGES CAN BE EASILY SWAPPED*/

/* APPLY TO ALL HEADERS */
#header {
	height:105px;
	background-color:#fff;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:1px solid #003;
}

#header img#logo{
	margin-left:57px;
	padding:0;
	visibility: visible;
	margin-bottom:0;
}

#header img#idea {
	margin-left:208px;
	margin-right:15px;
	padding-bottom:0;
	margin-bottom:0;
	}
	
#header img#cause, img#event {
	margin-right:15px;
	padding-bottom:0;
	margin-bottom:0;
}

/* CONTROLS THE DONATE BUTTON AND SUBSEQUENT IMAGES BELOW THE NAVIGATION AREA ON THE LEFT*/

#left 
{
	width:266px;
	margin-top:10px;
	}
	
#left img
{
	/*display:block;*/

	/* centers the image and makes sure we have some space below it if needed */
	margin:10px 0px 10px 25px;
}

#left img#sponsor {
	margin-left: 37px;
	}
	
#left img#hands {
	margin-left: 15px;
	}

#left p#thanks {
	text-align:center;
	margin-bottom:0;
	margin-top:40px;
	}

#left p#caption {
	text-align:center;
	margin-bottom:20px;
	margin-top:5px;
	}

#left img#sponsor {
	margin-top:0;
	}

#left img.cause {
	margin-bottom: 26px;
	}
	
/* STYLES SPECIFIC TO THE MAIN CONTENT AREA */

/* SETS BASELINE FONT, DIV LOCATION AND SIZE */
#main
{
	font: normal 0.7em/1.5em arial, helvetica, sans-serif;
	width:740px;
	background:#fff url(../images/main_background.gif);
	border-bottom:1px solid #000;
	padding-top:0;
	margin-top:0;
}

/*HEADING USED WITHIN THE CONTENT AREA*/
#main h2
{
	padding:0px 20px 0px 17px;
	margin:10px 0 0 0;
	font: bold 1.1em/1.5em arial, helvetica, sans-serif;
}

/*HEADING USED WITH BERRY BACKGROUND COLOR*/
#main h1
{
	font: bold 1.3em/1.3em arial, helvetica, sans-serif;
	color:#fff;
	margin:0 0 0 1px;
	padding:5px 0px 5px 15px;
	display:block;
	background-color:#CC3467;
}

#main p
{
	padding:0 20px 0 17px;
	margin-top: 6px;
}

p.topdash {
	color:#B8B89C;
	font-size:12px;
	margin-bottom:8px;
	margin-top:0px;
}

p.bottomdash {
	color:#B8B89C;
	font-size:12px;
	margin-top:0px;
}


#right p#ul
{
	padding:0 20px 0 17px;
	margin-bottom:0px;
}

/*AN ALTERNATE STYLE THAT ALLOWS FOR FURTHER INDENTATION IF NECESSARY*/
#main p.indent
{
	padding:0 20px 0 35px;
}

/*BULLETED LISTS WITHIN THE MAIN CONTENT DIV*/
#main ul
{
	/* Moz and FF */
	margin: 0 15px 8px 20px;
	/* IE */
	padding: 0 15px 8px 20px;
}

/*LINKS WITHIN WITHIN THE MAIN CONTENT DIV - BOTH WITHIN LISTS AND IN NORMAL TAGS*/
#main ul a, #main a
{
	color: #000099;
	text-decoration:none;
}

#main ul a:hover, #main a:hover
{
	color: #000066;
	text-decoration:underline;
}

/*NUMBERED LISTS WITHIN THE MAIN DIV*/
#main ol
{
	/* Moz and FF */
	margin-right:15px;
	margin-left:25px;
	/* IE */
	padding-right:15px;
	padding-left:25px;
}


/* THE RIGHT DIV */

/*LAYS THE FOUNDATION FOR THE DIV - WIDTH, MARGINS, ETC.*/
#right
{
	float:right;
	width:450px;
	margin:10px 15px 0px 0px;

	/* stops IE from doubling the right margin */
	display:inline;
}

/*CONTROLS THE RIGHT-HAND CALLOUT (aka "Ads") IMAGES*/
#right a.ad img
{
	display:block;
	border:none;

	/* center the images and give them some space */
	margin:0px auto 7px auto;
}

#right p.ad img
{
	display:block;
	border:none;

	/* center the images and give them some space */
	margin:5px auto;
}


/*STYLES FOR QUOTE CALLOUTS FOR THE RIGHT DIV - COULD EASILY BE LEVERAGED TO CREATE SIMILAR 
CALLOUTS BENEATH THE LEFT NAV IF SO DESIRED*/
#right .quoteright
{
	border:1px solid #B8B89C;
	background-color:#E9E9D0;
	margin:0px auto 10px auto;
	width:160px;
	color:#000066;
}

#right .quoteright h2
{
	background-color:#4A92BA;
	color:#003;
	font: italic bold 1em/1.2em arial, helvetica;
	margin:0;
	padding:5px 0;
	text-align:center;
	border-bottom:1px solid #B8B89C;
}

#right .quoteright p
{
	font: normal 1em/1.2em;
	margin:0;
	padding:8px;
}

#right .quoteright p.date
{
	text-align:right;
}



/* CONTROLS TEXT AND LINKS APPEARING IN THE FOOTER OF THE SITE */

#footer
{
	width: 740px;
	height:74px;
	margin: 0px auto 4px auto;
	background-color:#fff;
}

#footer img#robbinsdale {
	float:left;
	margin-left:12px;
	display:block;
	}
	
#footer p
{
	font: normal 0.7em/1em arial, helvetica, sans-serif;
	color: #003;
	font-size:11px;
	text-align: right;
	line-height:1.2em;
	margin-right: 15px;
	margin-top: 7px;
}
	
#footer p a
{
	color: #006;
	text-decoration: none;
}

#footer p a:hover
{
	color: #003;
	text-decoration: underline;
}

#footer table {
	margin:0;
	}


/* IMAGE CALLOUTS WITHIN CONTENT AREAS - NOTE THAT THE BORDERS FOR THESE IMAGES ARE
ADDED WITH STYLES AND DO NOT HAVE TO BE PART OF THE ORIGINAL IMAGES */
img.rightaccent {
	float: right;
	margin: 4px 22px 5px 12px;
	border: 1px solid #B8B89C;
	}

img.leftaccent {
	float: left;
	margin: 6px 20px 7px 15px;
	border: 1px solid #B8B89C;
	}



/* SUPPLEMENTAL STYLES */

.clear
{
	/* this forces the main div to go all the way down in nonIE browsers */
	clear:both;
}

/* FOR USE WITH INDIVIDUAL SUCCESS STORY PAGES */

/*controls spacing and placement of story summaries*/
table.story {
	margin: 10px 5px 25px 15px;
	}

table.story td {
	padding: 0px;
	margin: 0px;
	}
	
/*adds border to 100x100s */
table.story img {
	border: 1px solid #B8B89C;
	}

/*formats the title cell for each of the boats in the list*/
td.storytitle {
	width: 330px;
	height: 20px;
	font: bold 1.2em arial, helvetica, sans-serif;
	color: #003;
	border-bottom: 1px dashed #B8B89C;
	text-align: top;
	}


td.image {
	width:100px;
	height:100px;
}

table.story p.snippet {
	width: 330px;
	font: 1.1em arial, helvetica, sans-serif;
	}