/*
-----------------------------------------------
southfloridajubilee.org styles - R1
author:  dan rubin
updated: July 28, 2004
----------------------------------------------- */


/* global
----------------------------------------------- */
body {
margin:0;
padding:0;
text-align:center;
min-width:740px;
background:#fff url(../assets/bg_body.gif) repeat-y center;
}

#wrapper {
margin:0 auto;
width:740px;
text-align:left;
}

img { border:none; }


/* layout
----------------------------------------------- */
#main {
width:710px;
margin:20px 15px 10px;
padding:0 0 6px;
background:url(../assets/corners_main_bot.gif) no-repeat left bottom;
}

#main2 {
padding:6px 0 0;
background:url(../assets/corners_main_top.gif) no-repeat left top;
}

#main-padding {
padding:0 1px 0;
background:white url(../assets/rails_main.gif) repeat-y left top;
}

#header {
position:relative;
height:151px;
background:#fff url(../assets/bg_header.gif) no-repeat left top;
border-bottom:1px solid white;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
* html #header { height:150px; }
/* End IE5-Mac hack */

#membersonly-button {
position:absolute;
right:13px;
top:1px;
}

#fb-button {
position:absolute;
right:13px;
top:165px;
}

#donate-button {
position:absolute;
right:64px;
top:155px;
}

#sidebar {
float:left;
width:199px;
}

#sidebar-padding {
padding:19px 23px;
}

#sidebar .date-entry {
margin:0;
}

#content {
float:right;
width:508px;
}

#content-padding {
padding:19px 21px 0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
* html #content-padding { padding:19px 18px 1px 21px; }
/* End IE5-Mac hack */

#content img#heading {
margin-left:-13px;
}

#content p img {
float:left;
margin:0 10px 5px 0;
padding:4px;
background-color:white;
border:1px solid #eee;
}
#content p img.wide {
margin-right:60px;
}

#signup {
float:right;
width:508px;
}

#footer {
width:710px;
margin:10px 15px 20px;
padding:0 0 6px;
background:url(../assets/corners_footer_bot.gif) no-repeat left bottom;
}

#footer2 {
padding:6px 0 0;
background:url(../assets/corners_footer_top.gif) no-repeat left top;
}

#footer-padding {
padding:5px 13px;
background-color:#FFF6F5;
background:url(../assets/rails_footer.gif) repeat-y left top;
}

#footer #left {
float:left;
}

#footer #right {
float:right;
}


/* navigation - sliding doors (http://www.alistapart.com/articles/slidingdoors/
----------------------------------------------- */
#nav {
position:absolute;
left:0;
bottom:0;
width:100%;
float:left;
background:url(../assets/bg_nav.gif) repeat-x bottom;
font-family:"trebuchet ms", tahoma, verdana, sans-serif;
font-size:12px;
font-weight:bold;
line-height:normal;
border-bottom:20px solid #FFF1EF;
}

#nav ul {
float:right;
margin:0 15px 0 0;
padding:10px 10px 0;
list-style:none;
}

#nav li {
float:left;
background:url(../assets/tab_left.gif) no-repeat left top;
margin:0 0 0 7px;
padding:0 0 0 4px;
border-bottom:1px solid #FFDDD9;
}

#nav a {
float:left;
display:block;
width:.1em;
background:url(../assets/tab_right.gif) no-repeat right top;
padding:5px 15px 3px 11px;
color:#aaa;
text-decoration:none;
}

#nav > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

/* change the #current state to use body id's and place id's on each li */
#home #nav-home,
#news #nav-news,
#chapter #nav-chapter,
#director #nav-director,
#quartets #nav-quartets,
#links #nav-links {
background-image:url(../assets/tab_left_on.gif);
border-width:0;
}

#home #nav-home a,
#news #nav-news a,
#chapter #nav-chapter a,
#director #nav-director a,
#quartets #nav-quartets a,
#links #nav-links a {
background-image:url(../assets/tab_right_on.gif);
padding-bottom:4px;
color:#FF8475;
}

#nav a:hover {
color:#888;
}


/* headings
----------------------------------------------- */
#content h1 {
font-family:"trebuchet ms", tahoma, verdana, sans-serif;
font-size:14px;
color:#444;
}

#content h1 span {
padding:0 0 1px;
border-bottom:2px solid #e6e6e6;
}

#sidebar h2 {
margin:0 0 4px 0;
padding:0 0 0 12px;
font-family:tahoma, verdana, sans-serif;
font-size:10px;
font-weight:normal;
color:#BDAB46;
background:url(../assets/icon_clock.gif) no-repeat 0 50%;
}

#content h5 {
color:#666;
}


/* text
----------------------------------------------- */
#content p, #content {
font-family:georgia, times, serif;
font-size:13px;
line-height:17px;
color:#555;
}

#sidebar p {
margin:0;
padding:0 0 9px 0;
font-family:tahoma, verdana, sans-serif;
font-size:11px;
line-height:16px;
color:#444;
}

#footer p {
margin:0;
padding:0;
font-family:"trebuchet ms", tahoma, verdana, sans-serif;
font-size:11px;
color:#F5ABA2;
}


/* lists
----------------------------------------------- */
#subnav  {
position:relative;
margin:0;
padding:3px 0 0 0;
}

#subnav li {
margin:0; 
padding:0;
display:inline;
list-style-type:none;
}

#subnav a, #subnav a:link {
float:left;
font-family:tahoma, verdana, arial, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#D6C136;
margin:0 0 5px 0;
padding-left:9px;
margin-right:9px;
background:url(../assets/icon_list_yellow.gif) no-repeat 0 5px;
}

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

ul.calendar, ul.roster {
padding-left:0;
}

ul.calendar li, ul.roster li {
list-style-type:none;
padding-left:9px;
background:url(../assets/icon_list_coral.gif) no-repeat 0 5px;
}

/* begin filelist rules */

.filelist, .filelist li {
list-style-type:none;
font-size:12px;
line-height:20px;
margin:0;
padding:0;
}

ul.filelist {
margin-top:5px;
margin-left:5px;
}

.filelist li {
padding-left:20px;
}

/* end filelist rules */


/* begin filetype rules */

.filelist li.doc {
background:url(../assets/icon_doc.gif) no-repeat 0 50%;
}

.filelist li.xls {
background:url(../assets/icon_xls.gif) no-repeat 0 50%;
}

.filelist li.pdf {
background:url(../assets/icon_pdf.gif) no-repeat 0 50%;
}

.filelist li.image {
background:url(../assets/icon_image.gif) no-repeat 0 50%;
}

.filelist li.generic {
background:url(../assets/icon_generic.gif) no-repeat 0 50%;
}

/* end filetype rules */


/* links
----------------------------------------------- */
a#top { line-height:0; }

a {
color:#E87161;
}

a:hover {
color:#C25F51;
}

#content h1 span a {
font-size:11px;
font-weight:normal;
text-decoration:none;
}

#sidebar a {
display:block;
padding:10px 0 5px;
text-decoration:none;
background:url(../assets/separator_sidebar.gif) repeat-x left bottom;
}

#sidebar a:hover {
background-color:#FCF9E3;
}

#footer a {
text-decoration:none;
color:#F5ABA2;
}

#footer a:hover {
text-decoration:underline;
}

#footer #left a {
padding-left:14px;
background:url(../assets/icon_topofpage.gif) no-repeat 0 50%;
}

#footer #right a {
padding-left:19px;
background:url(../assets/icon_contact.gif) no-repeat 0 50%;
}



/* misc
----------------------------------------------- */
div.clear {
clear:both;
line-height:0;
height:0;
}

#footer div.clear { font-size:0; }