/* CSS <<BASE>> Style Sheet------------------------------------------------------
project: Chelsea Foundation
version: 2.0.1
author: Mich Joanisse
email: michel.joanisse@mountainmamma.com
website: http://www.mountainmamma.com
last updated: February 23rd, 2009
----------------------------------------------------------------------------------*/

/*OVERALL AND GENERAL PROPERTIES
-----------------------------------------------*/

a {outline:none;text-decoration:none;}
a:visited {color:#ad7329;}
.clear {clear:both;}

* {
	font-family:Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin:0;padding:0;
}

#frame {
	float:left;
	width:100%;min-height:21px;
	background:#fff url(../images/frame-bg.jpg) top left repeat-x;
}

/*TOP NAVIGATION
-----------------------------------------------*/
#topnav {
	float:left;
	width:100%;
	background:#597198;
	padding:5px 0;
}

#topnav ul * {font-family:Arial, Tahoma, Helvetica, sans-serif;font-size:11px;}
#topnav ul {float:right;margin-right:15px;display:inline;}
#topnav div {width:999px;margin:0 auto;}
#topnav ul li {display:inline;}

#topnav ul li#active {
	margin-right:10px;margin-left:10px;
	cursor:default;color:#fff;
	text-decoration:underline;
	display:block;float:left;
}

#topnav ul li a {
	margin:0 10px;
	color:#fff;
	display:block;
	float:left;
}/*Hover State--->*/#topnav ul li a:hover {text-decoration:underline;}


/*BANNER
-----------------------------------------------*/
.banner {
	padding-top:20px;
	padding-bottom:20px;
	float:left;
	width:100%;
	background:#c4caa5;
}

.banner .wrapper {
	background:#c4caa5 url(../images/banner-02.jpg) top right no-repeat;
	width:999px;margin:0 auto;
	min-height:179px;_height:179px;
}

.banner a#logo {
	background:#c4caa5 url(../images/logo.jpg) top left no-repeat;
	width:319px;height:154px;float:left;margin-top:22px;
	display:block;text-indent:-1000em;margin-left:20px;_display:inline;
}


/*FRAME
-----------------------------------------------*/

#frame .wrapper {
	width:999px;
	margin:0 auto;
	margin-top:10px;
}

.wrapper #containment {
	padding-bottom:25px;
	width:999px;float:left;
	background:#f2f2f2;
}


/*SIDEBAR
-----------------------------------------------*/

/*---------------
PROMOTIONAL BOXES
-----------------*/
.boxes * {color:#360000;}
.boxes {
	background:#f2f2f2 url(../images/boxes-bg.gif) top left repeat-y;
	float:left;width:159px;margin-top:25px;cursor:pointer;
}

.boxes h2 {
	font-size:16px;
	font-family:"Trebuchet MS", Tahoma, Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:0px;
	padding:10px 7px;
	padding-bottom: 0;
	background:url(../images/sidebar-boxes_top.gif) top left no-repeat;
}

.boxes p {
	font-size: 11px;
	background-position:bottom left;
	background-repeat:no-repeat;
	min-height:55px;_height:55px;
	padding:0 7px;
	padding-bottom:25px;
}

.boxes#members {margin-right:5px;margin-left:17px;}
.boxes#members p {background-image:url(../images/bottom-members-alt.jpg);}
.boxes#donations p {background-image:url(../images/bottom-donate-alt.jpg);}
/*End*/
#sidebar ul * {color:#230e15;font-size:11px;}
#frame #sidebar {
	float:left;
	width:340px;
	background:#f2f2f2;
}

#sidebar h2#events {/*, #sidebar h2#events a*//*<--Enable when header is link*/ 
	font-family:"Trebuchet MS", Tahoma, Arial,Helvetica,sans-serif;
	font-size:18px;font-weight:normal;text-transform:uppercase;
	background:url(../images/eventsheader-icon.jpg) left center no-repeat;
	padding-left:30px;float:left;margin-bottom:10px;
	color:#597198;display:inline;
}

#sidebar h2#events {margin-left:45px;margin-top:20px;min-height:22px;_height:22px;float:left;}

#sidebar ul {
	list-style:none;padding-bottom:20px;margin-left:45px;clear:left;
	background:#f2f2f2 url(../images/events-bg.gif) bottom left no-repeat;
	margin-bottom:20px;
}

#sidebar ul li {
	margin:5px 0;
}

#sidebar ul li span {
	color:#636518;
	font-weight:bold;
	border-bottom:1px dotted #230e15;
	_border-bottom:0;
}

#sidebar ul li a {
	margin-left:10px;
	line-height:21px;
	padding:3px;
}

#sidebar ul li a:hover {
	background:#ad7329;
	color:#fff;
}

#sidebar img {
	float:left;
	display:inline;
	margin-left:25px;
	margin-bottom:5px;
	
}

/*CONTENT
-----------------------------------------------*/
#content p,
#content ul,
#content ol,
#content dl,
#content blockquote,
#content img,
#content h1,
#content h2,
#content h3,
#content h4 {margin-left:10px;margin-right:30px;_margin-right:15px;}

#content {
	width:639px;float:right;_float:none;_width:619px;
	background:#f2f2f2;padding-left:20px;
}

#content h1 {
	font-family: "Trebuchet MS", Tahoma, Arial,Helvetica,sans-serif;
	font-size:20px;font-weight:normal;
}

#content h1.alt {margin-bottom:25px;}

#content h2 {
	font-family: "Trebuchet MS", Tahoma, Arial,Helvetica,sans-serif;
	font-size:12px;font-weight:bold;
}

#content h3 {
	font-family: "Trebuchet MS", Tahoma, Arial,Helvetica,sans-serif;
	font-size: 14px;
	margin-top:25px;
}

#content h3.img {margin-top:0;}

#content dl a {line-height:24px;}

#content ul li,
#content ol li {margin:7px 0;}

#content ul.links li {font-size:12px;}
#content ul li a {
	color:green;
	padding:3px;
	text-decoration:underline;
}/*Hover State-->*/#content ul li a:hover {background:#919387;color:#fff;}

#content ul.tertiary {
	margin-left:25px;
	list-style-type:none;
}

#content ul.tertiary li {
	padding-left:8px;
	background:url(../images/icon-arrow.gif) left center no-repeat;
}

#content ul.tertiary li a {
	color:#4f6992;font-size:11px;
}

#content ul.tertiary li a:hover {background:#4f6992;color:#fff;}
#content a {padding:3px;}
#content a:hover {
	background-color:#919387;
	color:#fff;
	text-decoration:underline;
}

#content p {
	margin-top:10px;
	margin-bottom:10px;
	line-height:18px;
}
#content img.left {
	float:left;
	margin-right:15px;
}
#content img.right {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

/*------------
SUB NAVIGATION
-------------*/
div#subnav ul * {font-size:11px;}
div#subnav ul {
	margin:0 30px 10px 10px;
	_margin-right:28px;
	background:#fff;padding:10px;
	border:1px dotted #aaa;
	_border:1px solid #ccc;
	float:left;*float:none;
	width:576px;
}

div#subnav ul li a,
div#subnav ul li#active {
	text-decoration:none;
	display:block;clear:left;
	float:left;color:#4f6992;
	padding:2px;margin:1px 0;
	text-transform:uppercase;
}

div#subnav {clear:both;}
div#subnav ul div {float:left;margin-right:20px;}
div#subnav ul li {list-style:none;display:inline;}
div#subnav ul li#active {text-decoration:underline;color:#4f6992;font-weight:bold;}
div#subnav ul li a:hover {text-decoration:underline;background:#ad732a;color:#fff;}
/*End*/

/*--------------------------
HIGHLIGHTS/ATTENTION GRABBER
---------------------------*/
/*Default Properties-->*/.attention * {font-size:12px;}

.attention {
	margin-top:15px;float:left;*float:none;
	width:621px;padding-top:33px;margin-bottom:20px;
	background:url(../images/vision-top.gif) top left no-repeat;
}

.attention div {
	padding-bottom:33px;
	background:url(../images/vision-bottom.gif) bottom left no-repeat;
}

#content .attention p {
	padding:0 30px;margin:0;line-height:18px;margin:0;
	background:url(../images/vision-bg.gif) top left repeat-y;
}

.attention a {
	padding:3px;
}/*Hover State-->*/.attention a:hover {background:#919387;color:#fff;text-decoration:underline;}
/*End*/

/*-----------------------------------------
HIGHLIGHTS/ATTENTION GRABBER [BULLET PROOF]
-----------------------------------------*/

.attention div.outer {
	padding-bottom:33px;
	background:url(../images/vision-bottom.gif) bottom left no-repeat;
}

body#donation .attention div.inner {min-height:190px;_height:190px;}
.attention div.inner {
	padding:0 30px;margin:0;line-height:18px;margin:0;
	background:url(../images/vision-bg.gif) top left repeat-y;
}

#content .attention div.inner h1 {margin-bottom:15px;font-size:24px;line-height:24px;}
#content .attention div.inner p {background:none;padding:0;}

#content .attention a#letter {
	clear:both;
	float:left;
	margin:0;padding:0;
	margin-top:7px;
	padding:4px 8px;
	padding-left:27px;
	font-weight:bold;
	display:block;
	color:#8cad00;
	background:#dfebbc url(../images/icon-pencil.gif) left center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}/*Hover State-->*/#content .attention a#letter:hover {color:#636518;}

.attention div.inner div.left {
	float:left;width:94px;
	padding:0;margin:0;
	margin-right:12px;
	background:none;
}

.attention div.inner div.left dl * {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:12px;
	color:#646a1f;
}

#content .attention div.inner div.left img {margin-left:0;}
#content .attention div.inner div.left dl {clear:left;margin:0;margin-top:3px;}
.attention div.inner div.left dl dt {font-weight:bold;font-size:12px;}


/*End*/


/*-------------
MEREDITH CENTRE
---------------*/

#content a#mcentre {
	display:block;float:right;margin-right:30px;
	width:171px;height:32px;text-indent:-1000em;
	_margin-right:5px;margin-bottom:10px;margin-top:-8px;
	background:url(../images/btn-meredithcentre.jpg) top left no-repeat;
	_position:relative;_z-index:100;padding:0;
}/*Hover State-->*/#content a#mcentre:hover {background-position:top right;}

/*End*/


/*----------------
BOARD OF DIRECTORS
-----------------*/
#content dl.directors {
	margin-top:20px;
	margin-right:30px;
	padding-bottom:10px;
	line-height:16px;
}

dl.directors dt {
	padding:15px;
	background:#e5e9cf;
}

#content dl.directors dt a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;font-style:italic;line-height:18px;
}

dl.directors dt span {
	text-transform:uppercase;
	font-size:10px;font-style:normal;
	letter-spacing:1px;
}

#content dl.directors dt a {padding:0;}
#content dl.directors dt a:hover {background:none;color:#000;text-decoration:none;}
dl.directors.alt dt {background:#e4e8ef;}
dl.directors dd {margin:4px 0;}
dl.directors dd.par {padding:10px 0;}
dl.directors dd a {color:#ad7329;text-decoration:underline;padding:3px;}
dl.directors dd a:hover {color:#fff;background:#919387;}
/*End*/

/*--------------------
DONATIONS TABLE & LIST
--------------------*/
/*Table*/
table.donations * {font-size:11px;}
table.donations caption {text-indent:-1000em;height:0;}
table.donations th.donation {width:140px;background:#636518;}
table.donations td {padding:6px 8px;}
table.donations td span {margin-left:4px;letter-spacing:4px;}
table.donations tr.alt {background:#e8ebd9;}

table.donations {
	margin:10px 0 20px 10px;
	margin-bottom:20px;
	width:395px;
	clear:both;
	border-collapse:collapse;
	margin-left:10px;
}

table.donations th {
	text-decoration:underline;
	text-align:left;
	font-size:13px;
	font-weight:normal;
	padding:8px;
	background:#ac7429;
	color:#fff;
}

table.donations td a {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#f9703a;
	font-style:normal;
}

#content ul.donation li {
	background:url(../images/icon-arrow2.gif) top left no-repeat;
	padding-left:25px;
	list-style:none;
	margin-bottom:25px;
	line-height:18px;
}
/*End*/


/*FOOTER
-----------------------------------------------*/
#footer p em {font-size:11px;}
#footer div {float:left;}

#footer {
	background:url(../images/footer-bg.gif) top left repeat-x;
	width:100%;padding-top:10px;float:left;
}

#footer div.wrapper {
	margin:20px auto;
	width:999px;
	float:none;
}

#footer p {
	float:left;margin-left:30px;
	font-size:11px;display:inline;
}

#footer a {
	color:#afacac;font-size:10px;font-family:Arial;
	margin-bottom:20px;min-height:35px;_height:35px;
	float:right;margin-right:30px;padding-right:45px;
	background:url(../images/mm-logo.gif) top right no-repeat;
}/*Hover State-->*/#footer a:hover {text-decoration:underline;}


/*FRENCH SPECIFICS
-----------------------------------------------*/

body.francais .boxes p {min-height:60px;_height:60px;}
body.francais .boxes#donations p {min-height:81px;_height:81px;}