/*
Title:      	Brearley Benefit 2007
Author:     	edac2@sandycampbelldesign.com
03.06.06:    	Background Test
03.12.06:    	Layout Test
03.15.06:    	Rollout
*/

/*
BODY
--------------------------------------------------------------------- */

body
{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #333;
	background: #ffdec5 url(../img/bkgd.gif) repeat-x left top;
}

* html body
{
	font-size: x-small;
	f\ont-size: small;
}

#wrap
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 800px;
}

/*
TEXT
--------------------------------------------------------------------- */

h1
{
	font-size: 135%;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0 0 .5em 0;
}

h2
{
	font-size: 115%;
	margin: 0 0 .2em 0;
}

p { margin: 0 0 1.4em 0; }

a:link, a:visited
{
	color: #009999;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #333;
	text-decoration: none;
	font-weight: bold;
}

img
{
	float: right;
	margin: 0 0 0 12px;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
}

img.left
{
	float: left;
	margin: 0 12px 0 0;
}

/*
STU NICHOLLS CSS ANIMATION
--------------------------------------------------------------------- */

#film
{
	float: left;
	margin: 3px 12px 0 0;
}

/* old fashioned still shot animation */
#film
{
	position: relative;
	width: 60px;
	height: 60px;
	background: #fff url(../img/beaver_1.jpg) no-repeat;
}

#film a, #film a:visited
{
	position: absolute;
	width: 60px;
	height: 60px;
	z-index: 100;
	cursor: default;
}

#film a img, #film a:visited img { display: none; }

#film a#m1
{
	top: 0;
	left: 0;
	background: transparent url(../img/beaver_1.jpg) no-repeat 0 -60px;
	z-index: 100;
}

#film a#m2
{
	top: 0;
	left: 0;
	background: transparent url(../img/beaver_2.jpg) no-repeat 0 -60px;
	z-index: 100;
}

#film a#m3
{
	top: 0;
	left: 0;
	background: transparent url(../img/beaver_2.jpg) no-repeat 0 -60px;
	z-index: 100;
}

#film a#m1:hover, #film a#m2:hover, #film a#m3:hover
{
	width: 60px;
	top: 0;
	left: 0;
	background-position: 0 0;
	z-index: 50;
}

/*
HEADER
--------------------------------------------------------------------- */

#margintop
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 24px;
	background: url(../img/margintop.gif) no-repeat 442px top;
}

#masthead
{
	position: absolute;
	left: 0px;
	top: 24px;
	width: 100%;
	height: 158px;
	background: #fb4 url(../img/masthead.gif) no-repeat left top;
}

#art
{
	position: absolute;
	left: 0px;
	top: 182px;
	width: 100%;
	height: 207px;
	background: #fff url(../img/art.jpg) no-repeat left top;
}

/*
CONTENT
--------------------------------------------------------------------- */

#content
{
	position: absolute;
	top: 389px;
	left: 0;
	background: #fff url(../img/tail.jpg) no-repeat 470px top;
	width: 100%;
}

/*
LEFT CONTENT
--------------------------------------------------------------------- */

#menu
{
	float: left;
	width: 160px;
	display: inline;
	margin-left: 20px;
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2em;
	text-transform: uppercase;
}

#menu p
{
	margin: 2em 0 .6em 0;
	padding-bottom: .6em;
	border-bottom: #CCC;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

#menu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu li
{
	display: block;
	margin-bottom: .6em;
}

/* leftnav */
#leftnav a:link,
#leftnav a:visited
{
	color: #d53044;
	text-decoration: none;
}

#leftnav a:hover
{
	color: #333;
	text-decoration: none;
}

body#home li.t-home a,
body#program li.t-program a,
body#directions li.t-directions a,
body#reservations li.t-reservations a,
body#support li.t-support a,
body#underwriters li.t-underwriters a,
body#news li.t-news a
{
	color: #333;
	text-decoration: none;
}

/* external links */
#links a:link,
#links a:visited
{
	color: #009999;
	text-decoration: none;
}

#links a:active, 
#links a:hover
{
	color: #333;
	text-decoration: none;
}

/*
RIGHT CONTENT
--------------------------------------------------------------------- */

#rightcontent
{
	float: right;
	width: 550px;
	display: inline;
	margin: 54px 40px 0 0;
	padding-bottom: 20px;
}

#committee
{
	float: left;
	width: 140px;
	display: block;
	margin: 0;
	padding: 0;
}

h3
{
	font-size: 95%;
	margin: 1.2em 0 .3em 0;
	line-height: 1.2em;
	color: #666;
}

h3.first { margin-top: .6em; }

#committee p
{
	font-size: 90%;
	line-height: 1.2em;
	margin: 0 0 .6em 0;
	color: #666;
}

#letter
{
	float: right;
	width: 400px;
	display: block;
	margin: 0;
}

table
{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #fff;
	text-align: center;
	border-style: none;
}

tr
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	height: 1.4em;
	width: 100%;
}

td.bowie { width: 25%; }
td.tanner { width: 25%; }
td.mann { width: 50%; }
td.chairs { width: 50%; }

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

#date
{
	float: left;
	display: block;
	width: 100%;
	height: 42px;
	background: #fff url(../img/date.gif) no-repeat left top;
}

#logo
{
	float: left;
	display: block;
	width: 100%;
	height: 52px;
	background: #d53044 url(../img/logo.gif) no-repeat left top;
}

/*
BOTTOMNAV
--------------------------------------------------------------------- */

#bottomnav
{
	float: left;
	width: 100%;
	display: block;
	padding-top: 1em;
	padding-bottom: 30em;
	background: #ffdec5;
	line-height: 1.2em;
	color: #666;
}

#bottomnav p
{
	margin: 0 0 1.4em 0;
	padding-left: 6px;
	font-size: 85%;
}

#bottomnav ul
{
	margin: 0 0 1.2em 0;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
	color: #666;
	font-size: 80%;
	font-weight: bold;
}

#bottomnav li
{
	display: inline;
	margin-bottom: .3em;
	padding: 0;
}

#bottomnav li a:link,
#bottomnav li a:visited
{
	color: #666;
	text-decoration: none;
	padding: 0 6px 0 6px;
}

#bottomnav li a:hover
{
	color: #d53044;
	text-decoration: none;
}

body#home li.b-home a,
body#program li.b-program a,
body#directions li.b-directions a,
body#reservations li.b-reservations a,
body#support li.b-support a,
body#underwriters li.b-underwriters a,
body#news li.b-news a
{
	color: #d53044;
	text-decoration: none;
}