/*
Title:      	Brearley Benefit 2009
Programming:   	campbell@scdny.com
03.30.09:    	Adaptation of 2008 CSS Styles
04.21.09:    	Refinement of @font-face rules for Firefox 3.5
*/

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

body
{
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	line-height: 1.4em;
	color: #000;
	text-align: center;
	background: #fecd70 url(img/bkgds-topwhite.gif) repeat-x left top;
}

#wrap
{
	position: relative;
	margin: 0 auto 6em auto;
	padding: 0;
	width: 800px;
	min-height: 782px;
}

#content
{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	background: #fff url(img/bkgds-contentwrap.gif) repeat-x left top;
}

/*
MASTHEAD
--------------------------------------------------------------------- */

#logo
{
	position: absolute;
	top: 232px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 125px;
	border: 0 none;
	z-index: 50;
}

#logo img, #logo img a { border: 0 none; }

#date
{
	position: absolute;
	top: 49px;
	left: 35px;
	width: 150px;
	height: 80px;
	margin: 0;
	padding: 0;
	border: 0 none;
	background: url(img/date.gif) no-repeat left top;
}

#jammers
{
	position: absolute;
	top: 0;
	left: 260px;
	margin: 0;
	padding: 0;
	width: 503px;
	height: 420px;
	border: 0 none;
}

#jammers img, #jammers img a { border: 0 none; }

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

#menu
{
	float: left;
	display: inline;
	margin-top: 443px;
	margin-left: 40px;
	padding-bottom: 5em;
	width: 150px;
	overflow: hidden;
	font-size: 85%;
	font-weight: normal;
	line-height: 1.4em;
	text-align: left;
	text-transform: uppercase;
}

#menu p
{
	margin-top: 1.4em;
	margin-bottom: 1em;
	padding: 0;
	font-weight: bold;
	color: #D53044;
}

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

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

#menu a:link,
#menu a:visited
{
	color: #D53044;
	text-decoration: none;
}

#menu a:hover
{
	color: #000;
	text-decoration: none;
}

body#b-home li.t-home a,
body#b-concert li.t-concert a,
body#b-buffet li.t-buffet a,
body#b-directions li.t-directions a,
body#b-tickets li.t-tickets a,
body#b-purpose li.t-purpose a,
body#b-underwriters li.t-underwriters a,
body#b-updates li.t-updates a
{
	color: #000;
	text-decoration: none;
}

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

@font-face      
{
    font-family: "Bree";
	src: url(fonts/Bree-Extrabold-TTG.otf) format("opentype");
    font-style: normal;
}

h1
{
	font-family: "Bree", Helvetica, Arial, sans-serif;
	font-size: 180%;
	font-weight: normal;
	color: #D53044;
	line-height: 1em;
	margin-top: 0;
	margin-bottom: .4em;
	padding: 0;
}

#header h1
{
	margin-bottom: 0;
	margin-left: 208px;
	padding-bottom: 9px;
}

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

h2.rule
{
	margin-top: 1em;
	padding-top: 1em;
	border-top: #000 1px dotted;
}

h3
{
	font-size: 100%;
	text-transform: none;
	margin: 0;
	padding: 0;
}

#committee h3
{
	line-height: 1.2em;
	margin-bottom: .3em;
	color: #333;
}

h4
{
	font-size: 100%;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h5
{
	font-size: 85%;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#header h5
{
	margin: 4px 0 24px 208px;
	padding: 0;
}

p
{
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 1em;
	padding: 0;
}

#committee p { color: #333; }

p.note
{
	font-size: 85%;
	line-height: 1.3em;
}

a:link, a:visited
{
	color: #D53044;
	text-decoration: none;
}

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

ol
{
	list-style-type: decimal;
	list-style-position: outside;
	margin-bottom: 1.4em;
	margin-top: 0;
}

ol h4 { margin-top: .6em; }
li { margin-bottom: .4em; }

img
{
	float: right;
	margin: 0 0 0 12px;
	padding: 0;
	border: none;
}

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

em
{
	font-weight: normal;
	font-style: italic;
}

span.grey
{
	color: grey;
	font-weight: normal;
}

/*
LOCALIZED LINKS
--------------------------------------------------------------------- */

ul.pdflist
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

a.pdf:link,
a.pdf:visited
{
	padding-left: 18px;
	padding-bottom: 1px;
	background: url(img/pdf.gif) left 50% no-repeat;
}

a.pdf:active,
a.pdf:hover
{
	padding-left: 18px;
	padding-bottom: 1px;
	background: url(img/pdf-over.gif) left 50% no-repeat;
}

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

#rightcontent
{
	float: right;
	width: 550px;
	margin-top: 440px;
	margin-right: 35px;
	padding-bottom: 120px;
	text-align: left;
}

#profile
{
	float: left;
	display: block;
	width: 550px;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: #000 1px dotted;
}

#profile p { margin-bottom: 0; }
#profile img { margin-bottom: 1em; }

.centeredcontent
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
}

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

#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;
}

/*
BREARLEY LOGO BAND
--------------------------------------------------------------------- */

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

#footer img
{
	position: relative;
	left: 42px;
	top: -126px;
	width: 207px;
	height: 178px;
}

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

#bottomnav
{
	float: left;
	width: 800px;
	display: block;
	padding-top: 1em;
	padding-bottom: 24px;
	background-color: #fecd70;
	font-size: 80%;
	text-align: left;
	line-height: 1.3em;
	color: #666;
}

#bottomnav p { padding-left: .5em; }

#bottomnav ul
{
	margin-bottom: 1em;
	padding: 0;
	list-style-type: none;
	text-transform: uppercase;
}

#bottomnav li { display: inline; }

#bottomnav li a:link,
#bottomnav li a:visited
{
	text-decoration: none;
	padding: 0 .8em 0 .5em;
}

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

body#b-home li.b-home a,
body#b-concert li.b-concert a,
body#b-buffet li.b-buffet a,
body#b-directions li.b-directions a,
body#b-tickets li.b-tickets a,
body#b-purpose li.b-purpose a,
body#b-underwriters li.b-underwriters a,
body#b-updates li.b-updates a
{
	color: #000;
	text-decoration: none;
}

#bottomnav p a:link,
#bottomnav p a:visited
{
	color: #D53044;
	text-decoration: none;
	padding: 0;
}

#bottomnav p a:hover
{
	color: #000;
	text-decoration: none;
}