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

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

#header {
	height: 175px;
}

#main {
	float: right;
}

#sidebar {
	float: left;
}

#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; /* =bg */
}


#footer {
	background-color: #fff;	/* =header_bg */	
	color: #000; /* header_text */
}


h1, h2, h3, h4, h5, h6 {
	color: #09C;
}

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

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

div.folder div.folder_header {
	color: #09C; /* =heading */
}

#sections_link a:hover {
	color: #09C; /* =heading */
}

#upcoming_weekly .activity {
  background: #fff; /* = body background */
}

#upcoming_weekly td .date {
	color: #09c; /* = headings */
}
  
div.page_title {	
	color: #000; /* =header_text */
}

img.photo {
  border: 1px solid #000; /* = heading */
  background: #000; /* = body background */
}

#photos_link a img{
  border: 1px solid #09c; /* = heading */
  background: #fff; /* = body background */
}

#photos_link a:hover img{
  background: #09C; /* = heading */
}