/*--------------------- */
/* layout */

#pageFrame {
  border: 1px solid #777;
}

#header {
  height: 175px;
}

#main {
	float: left;
	display: inline;
}

#sidebar {
	float: right;
}


#albums_link li,
#sections_link li {
	width: 90%;
	margin: 2px 0 5px 0px;
  font-weight: normal;
  list-style-type: none;
	line-height: 115%;
	letter-spacing: 0.1em;
  font-size: 14px;
}

#albums_link li a,
#sections_link li a {
  margin: 0;
  padding: 0 2px 0 25px;
  display: block;
  text-decoration: none;
  font-family: Arial, Verdana, sans-serif;
}

#sections_link li,
#sections_link a {
	line-height: 26px;
}

#sections_link .home_tab {
  background: url('/images/icons/link_home.jpg') no-repeat 5px 5px;
}

#sections_link .contact_tab {
  background: url('/images/icons/link_contact.jpg') no-repeat 5px 5px;
  border-top: 1px dotted #aaa;
}

#sections_link .event_tab {
  border-top: 1px dotted #aaa;
  background: url('/images/icons/link_calendar.jpg') no-repeat 5px 5px;
}

#sections_link .photo_tab {
  border-top: 1px dotted #aaa;
  background: url('/images/icons/link_photo.jpg') no-repeat 5px 5px;
}

#sections_link .file_tab {
  border-top: 1px dotted #aaa;
  background: url('/images/icons/link_file.jpg') no-repeat 5px 5px;
}

#sections_link .section_tab {
  border-top: 1px dotted #aaa;
  background: url('/images/icons/link_section.jpg') no-repeat 5px 5px;
}


/*--------------------- */
/* color variation */

body {
  background: #fff;
}

#header {
  background: #eee; /* = header background */
  border-bottom: 5px solid #000; /* = header text */
}

#footer {
	border-top: 2px solid #000; /* = header text */
	background: #eee; /* = header background */
}

#main a,
#sidebar a {
  color: #006; /* = link */
}

#site_name a,
#site_name a:visited {
  color: #000; /* = header text */
}

h1,h2,h3,h4,h5 {
  color: #060; /* = headings */
}

div.folder div.folder_header {
  color: #000; /* = header text */
}

#upcoming_weekly td .date {
	color: #060; /* = headings */
}
  
div.page_title {
  color: #000; /* = header text */
}

img.photo {
  border: 1px solid #eee; /* = header background */
  background: #ccc; /* = body background */
}