/*
Dk Green: 030
Sage: 996
Orange: f90
Yellow: 903
Wine: 603
*/

body { margin: 0; padding: 0; background-color: #fff; 
	font: 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; }
body *{ margin: 0; padding: 0; border: none; }
a { text-decoration: none; }
a:link {color: #603; font-weight: bold;}
a:hover {color: #903; }
a:visited {color: #603; }
h2 { font-size: 16px; color: #030; }
h3 { font-size: 12px; color: #030; text-transform: uppercase; }

#gestalt { width: 780px; margin: 0 auto; position: relative; overflow: auto; }
#container { overflow: auto; background-color: #996; }
#branding { width: 100%; height: 60px; position: relative; background-color: #030; border-bottom: 1px solid #fff; }
#branding p { padding: 27px 0 0 310px; font: bold 10px Arial, Helvetica, sans-serif; color: #bfbf80; }
#branding #logo { position: absolute; left: 0; top: 0; width: 300px; height: 60px; border: none; }

#nav { width: 160px; position: absolute; left: 0; top: 61px; }
#nav li { list-style-type: none; display: inline; }
#nav a { background-color: #f90; width: 146px; height: 16px; display: block; padding: 5px 7px; font-size: 11px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #fff; }
#nav a:link {  color: #603; }
#nav a:visited { color: #b50; }
#nav a:hover, #nav a:focus { background-color: #fc0; }
#nav a:active { background-color: #996; color: #fff; }

#maincontent { width: 619px; min-height: 400px; border-left: 1px solid #fff; position: relative; left: 160px; 
	background-color: #F3E8C2; padding-bottom: 30px; overflow: auto; }
#header { height: 68px; background-color: #603; color: #fff; margin-bottom: 2em; border-bottom: 1px solid #fff; 
	background-repeat: no-repeat; background-position: right top; }
#header h1 { width: 120px; padding: 10px; font-size: 14px; text-transform: uppercase; color: #fff; }
#maincontent h2, #maincontent h3, #maincontent h4, #maincontent p, #maincontent ul { margin: 1em 25px; }
#maincontent blockquote { float: left; width: 125px; padding: 0 10px; margin: 5px 15px 5px 25px;
	font: 12px/1.3em Times; color: #663; border-top: 1px solid #603; border-bottom: 1px solid #603; }
#maincontent blockquote p { margin: 10px 0; }
#maincontent li { margin: 0 25px; }

#footer { background-color: #030; padding: 5px 10px; border-top: 1px solid #fff; 
	font-size: 10px; color: #fff; clear: left; }
#footer #email { text-align: right; }
#footer #copyright { text-align: left; margin-top: -15px; }
#footer a:link, #footer a:visited { color: #f90; }
#footer a:hover { color: #bfbf80; }
#footer a:active { color: #fff; }

/*image strip next to the page title*/
.statement { background: url(../i_shared/loeshestrip.jpg)}
.about { background: url(../i_shared/strip1.jpg)}
.lamta { background: url(../i_shared/strip5.jpg)}
.legacy { background: url(../i_shared/loeshestrip.jpg)}
.programs { background: url(../i_shared/strip5.jpg)}
.youthcorner { background: url(../i_shared/strip8.jpg)}
.calendar { background: url(../i_shared/strip3.jpg)}
.wakeup { background: url(../i_shared/wakeupstrip.jpg)}
.board { background: url(../i_shared/strip2.jpg)}
.awards { background: url(../i_shared/strip6.jpg)}
.donations { background: url(../i_shared/strip7.jpg)}
.links { background: url(../i_shared/strip4.jpg)}
.photos { background: url(../i_shared/strip8.jpg)}
.video { background: url(../i_shared/strip7.jpg)}

#maincontent .members p { margin-top: 0; margin-bottom: 0; }
ul#movies { list-style-type: none; margin: 1em 25px; }
ul#movies li { width: 120px; height: 160px; float: left; }
ul#movies li img { display: block; }

/* photo stuff */
ul#thumbs { list-style-type: none; }
ul#thumbs li { display: inline; margin: 1px;}
ul#thumbs img { width: 40px; height: 40px; border: 1px solid #996; }