/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Pennsylvania Maple Association
Version:		1.0
Created By:		Jesse Lavery, Starn Marketing Group
Last change:	04/23/09 [Add Events pg; change menu]

--------------------------------------------------------------------

[Colors]

Background:		#f7e9dd (tan)
Content BG:		#eac9ad (darker tan)

-------------------------------------------------------------------*/



/**********************************
Reset Styles for all browsers
***********************************/

/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, /*sup,*/ tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}

a img, :link img, :visited img {border: 0;}

table {border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

q:before, q:after,
blockquote:before, blockquote:after {content: "";}

/**********************************
Core Styles
***********************************/

body {
background-color: #f7e9dd;
color: #000;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

/* Generics
------------------------------*/
/* site-wide defs for p, a, h1, h2, etc. */

p, td, th, ul li {line-height: 1.4em;}

a {
outline: none;
text-decoration: none;
}

/* Container
------------------------------*/

#container {
margin: 0px auto;
width: 710px;
}

/* Header
------------------------------*/

#header h1 a {
background: url(../images/logo.jpg) no-repeat;
display: block;
height: 352px;
text-indent: -9999px;
width: 710px;
}

/* Menu
------------------------------*/

#menu {
display: block;
height: 65px;
position: relative;
margin: 0 0 0 0px;
padding-top: 0px;
width: 710px;
}

#menu ul {
background: url(../images/menu.jpg) no-repeat;
height: 65px;
margin: 0px;
width: 710px;
}

#menu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
margin-top: 0px;
}

#menu ul li a {
border: 0px;
display: block;
text-decoration: none;
text-indent: -9999px;
}

#menu ul li a span {
visibility: hidden;
}

#menu #link1, #menu #link1 a {left: 125px; top: 0px; width: 105px; height: 65px;}
#menu #link2, #menu #link2 a {left: 230px; top: 0px; width: 78px; height: 65px;}
#menu #link3, #menu #link3 a {left: 308px; top: 0px; width: 87px; height: 65px;}
#menu #link4, #menu #link4 a {left: 395px; top: 0px; width: 96px; height: 65px;}
#menu #link5, #menu #link5 a {left: 491px; top: 0px; width: 94px; height: 65px;}

#menu #link1 a:hover {background: transparent url(../images/menu.jpg) -125px -65px no-repeat;}
#menu #link2 a:hover {background: transparent url(../images/menu.jpg) -230px -65px no-repeat;}
#menu #link3 a:hover {background: transparent url(../images/menu.jpg) -308px -65px no-repeat;}
#menu #link4 a:hover {background: transparent url(../images/menu.jpg) -395px -65px no-repeat;}
#menu #link5 a:hover {background: transparent url(../images/menu.jpg) -491px -65px no-repeat;}

/* Content
------------------------------*/

#content {
background: url(../images/bg-content.jpg) #eac9ad repeat-y;
padding: 20px 0 50px 0;
width: 710px;
}

#content h2 {
border-bottom: 3px solid #000;
color: #000;
font-size: 16px;
font-weight: bold;
margin: 0 125px 10px 125px;
padding-bottom: 5px;
}

#content h3 {
/*background-color: #e2b08d;*/
/*border-left: 20px solid #e2b08d;*/
border-bottom: 2px solid #c68d69;
color: #420100;
font-size: 14px;
font-weight: bold;
margin: 20px 125px 0px 125px;
/*padding: 5px 0 5px 10px;*/
padding: 0 0 5px 0;
}

#content p {
margin: 0 125px;
text-align: justify;
}

#content p strong {
font-weight: bold;
}

body#links #content p {
border-bottom: 1px solid #e2b08d;
font-size: 12px;
font-weight: bold;
overflow: hidden;
padding: 20px 0;
}

body#links #content p em {
color: #b16a45;
font-size: 11px;
font-style: normal;
font-weight: normal;
}

body#links #content p a {
border-bottom: 1px solid #420100;
color: #420100;
font-weight: normal;
}

body#links #content p a:hover {
border-bottom: 1px solid #000;
color: #420100;
font-style: italic;
}

body#members #content p {
border-bottom: 1px solid #e2b08d;
font-size: 12px;
font-weight: normal;
padding: 20px 0;
}

body#members #content p strong {
font-weight: bold;
}

body#members #content p a {
border-bottom: 1px solid #420100;
color: #420100;
font-weight: normal;
}

body#members #content p a:hover {
border-bottom: 1px solid #000;
color: #420100;
font-style: italic;
}

body#members #content p.mlist {
text-align: left;
}

body#members #content p.mlist a {
font-weight: bold;
}

#content table {
margin: 20px 125px;
}

#content table thead tr td {
background-color: #c68d69;
font-size: 12px;
font-weight: normal;
padding: 5px 3px;
text-transform: none;
}

#content table thead tr td,
#content table tbody tr th,
#content table tbody tr td {
border-bottom: 1px solid #c68d69;
}

#content table tbody tr th {
background-color: #e2b08d;
font-size: 11px;
font-weight: normal;
padding: 5px 3px;
}

#content table tbody tr td {
font-size: 11px;
padding: 5px 3px;
width: 25%;
}

#content table tbody tr td.rowtitle {
background-color: #e2b08d;
}

#content table thead tr td sup,
#content table tbody tr th sup,
#content table tbody tr td sup {
color: #eb1c24;
}

body#info #content p {
padding-top: 20px;
}

body#info #content p.footnote {
font-size: 10px;
padding-top: 0px;
}

#content p.footnote strong {
color: #eb1c24;
font-weight: bold;
}

#content ul {
margin: 20px 125px 0 140px;
}

#content ul li {
list-style: square;
list-style-position: outside;
padding-bottom: 10px;
}

#content img#pamap {
margin: 0 0 0 125px;
}


/* Footer
------------------------------*/

#footer {
background: url(../images/footer.gif) no-repeat;
height: 154px;
margin-top: -20px;
width: 710px;
}

#footer p {
color: #8f4b21;
font-size: 11px;
font-weight: normal;
padding: 130px 0 20px 0;
text-align: center;
}

#footer p a {
border-bottom: 0px solid #420100;
color: #8f4b21;
font-weight: normal;
}

#footer p a:hover {
border-bottom: 1px solid #000;
color: #420100;
font-style: normal;
}