/* Third attempt at a stylesheet for the static El Cerrito Tennis Club website */

/*****  Default styles for the whole page (anything inside the body tag); also see Main below *****/

body
{margin:0; padding:0; color:black; 
background-color:#fff;
background: url(img/columnbg.jpg) repeat-y left top;
font: 0.8em Verdana, Tahoma, sans-serif;}

h1
{font-size:2.4em; font-weight:normal; color:#59a8e0; margin-top:0;}

h2
{ clear: both; font-size:1.4em; font-weight:bold;}

h3
{font-size:1.2em; font-weight:bold;}


/***** About the list styles: It seems IE 6 and 7 indent lists differently from Firefox and Safari. One way is with margins; the other is with padding. 
So I used some margin and some padding in the definitions, and it seems to work. *****/

ul
{list-style:square; margin:15px 0 20px 5px; padding-right:60px; padding-left:5px;}

ol
{list-style:decimal; margin:18px 0 30px 40px; padding-right:60px; padding-left:40px;}

li{margin:0 0 8px 16px;}

dt
{font-weight:bold; margin-bottom:4px;}

dd
{margin-bottom:8px;}

a
{color:#67a427; font-weight:bold; text-decoration:none;}

a:visited
{color:#3b6844;}

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

.floatLeft {float: left; margin-right: 10px; margin-bottom: 5px;}

.byline
{font-size:1.2em; font-variant: small-caps;}

.history 
{list-style:none; padding:0; margin-left:35px; font-weight:normal;}


/*****  Styles for the navigation sidebar and menu   *****/

#side
{
position:relative; top:0; left:0; 
width:231px; overflow:visible; padding-bottom:2px;}

#menu
{position:absolute; top:170px; left:85px; font-size:16px;}

#menu a
{color:#67a427; text-decoration:none;}

#menu a:visited
{color:#67a427;}

#menu a:hover
{color:#67a427; text-decoration:underline;}

#menu a.current {color:#3b6844;}

#join
{position:absolute; top:358px; left:35px; font-size:1.2em;
}

#desc
{position:absolute; top:545px; left:25px; padding-right:20px;
font-size:1.0em; color:#3b6844}


/*****  Styles for the top banner   *****/

#banner
{
position:absolute; top: 0; left:232px; width:570px;}


/*****  Styles for the main text area   *****/

#main
{
position:absolute; top:169px; left:232px; width:570px; 
}

#main h1, #main h2, #main h3, #main p, #main dl
{padding-left:50px; padding-right:60px;}

/**************** Related links box styles ****************/

.related
{
float:right;
width:6em;
border:1px dotted black;
margin:0px 60px 10px 10px;
padding:12px 16px 16px 16px;
text-align:center;
line-height:1.5em;
background:#fefefe;
}