/* CSS Document */
body {
		margin:0;
		padding:0;
		width: 100%;
		height: 100%;
        background-color: #000;
        color: #CBB167;	    
		font-size: 10pt;
		line-height: 1.6em;
		font-family: futura, futura Lt, Verdana, Arial, sans-serif;
		font-weight: 100;
		letter-spacing: .15em;
		}
		
a 	{
	color: #FFFFCC;
	text-decoration: none;
}

a:link	{
	color: #FFFFCC; 
	text-decoration: none; 
}

a:visited {
	color: #FFFFCC; 
	text-decoration: none;
}

a:active {
	color: #ffffff; 
	text-decoration: none;
}

a:hover	{
	color: #ffffff; 
	text-decoration: none;
}
		
h1	{
	font-size:13pt;
	margin:0 0 25px 0;
	padding:0;
	color:#FFFFCC;
	font-weight: normal;
	font-family: futura, futura Md, Verdana, Arial, sans-serif;
	line-height: 1.5em;
 	letter-spacing: .1em;
}

.benefit_title	{
	font-size:12pt;
	margin:0 0 3px 0;
	padding:0;
	color:#FFFFCC;
	font-weight: normal;
	font-family: futura, futura Md, Verdana, Arial, sans-serif;
	line-height: 1.5em;
 	letter-spacing: .1em;
}

h2	{
	font-size:13pt;
	margin:0 0 5px 0;
	color:#dcd790;
	padding:0;
	font-weight: normal;
	font-family: futura, futura Md, Verdana, Arial, sans-serif;
	line-height: 1.5em;
 	letter-spacing: .1em;
}

h3	{
	font-size:12pt;
	margin:0 0 5px 0;
	padding:0;
	font-family: futura, futura Md, Verdana, Arial, sans-serif;
	font-weight: normal;
}

blockquote	{
	color: #dcd790;
	margin: 10px 40px 40px 0;
	padding: 40px 0 0 50px;
	font-size: 11pt;	
	background-image: url('http://www.deborahslater.org/grafix/quotes.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

p	{margin: 0 0 20px 0;
	padding:0;
}

.fancy	{
	color: #FFFFCC;
}

.gold	{
	color: #CBB167;
}

.ltgold	{
	color: #dcd790;
}

.archive_year	{
	color: #CBB167;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 14pt;
}

.archive_pic	{
	width: 250px;
}

.archive_title	{
	color: #CBB167;
	margin: 0;
	padding: 0;
	font-size: 14pt;
}

#title_box_left	{
	width: 360px;
	margin: 0 auto;
	float:left;
}

#title_box_right	{
	width: 360px;
	margin: 0 auto;
	float:right;
}

#title_box	{
	width: 360px;
	margin: 0 auto;
}

ul	{
	list-style: circle;
	list-style-position: inside;
	margin: 0 0 25px 0;
	padding: 0;
}

li	{
	margin:0 0 0 25px;
	padding:0;
}

.side_list	{
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#666666;
	list-style: none;
	margin: 0;
	padding: 10px;
	
}

.side_list:hover	{
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#666666;
	list-style: none;
	margin: 0;
	padding: 10px;
	background:#101010;
	
}

.credits	{
	font-size: 9pt;
	color: #dcd790;
}

.input	{
	background: #222;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	color: #FFFFCC;
	padding: 7px;
	font-size: 10pt;
}

.submit	{
	background: #222;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	color: #FFFFCC;
	padding: 7px;
}

select	{
	background: #222;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	color: #CBB167;
	padding: 5px;
	width:300px;
}

.clear_left	{
	clear:left;
}

.clear_right	{
	clear:right;
}

.clear	{
	clear:both;
}

.center	{
	text-align: center;
}

#container	{
	width:1000px;
	margin:0 auto;
	padding:0;  
}

#header	{
	margin:20px 0 0 0;
	padding:2px 0 0 0;
	width:100%;
	height: 190px;
}

#mainmenu	{
	width:1000px;
	padding: 0;
	margin: 0 auto;
}

#slideshowframe	{
	width:1000px;
	height: 500px;
	padding: 0;
	margin: 15px 0;
	overflow: hidden;
}

#targetDiv	{
	margin: 0;
	padding: 0;
}

/*COLORS*/

.green	{
	background-image: url('http://www.deborahslater.org/grafix/head_limegreen.jpg');
	background-repeat: repeat-x;
}

.green_title	{
	color: #9ec662;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#A0B6C6;
	margin: 0;
	padding: 0 0 10px 0;
}

.french_blue	{
	background-image: url('http://www.deborahslater.org/grafix/head_frenchblue.jpg');
	background-repeat: repeat-x;
}

.mint	{
	background-image: url('http://www.deborahslater.org/grafix/head_mint.jpg');
	background-repeat: repeat-x;
}

.french_blue_title	{
	color: #377b85;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#59828f;
	margin: 0;
	padding: 0 0 10px 0;
}

.french_blue_bg	{
	background-image: url('http://www.deborahslater.org/grafix/head_frenchblue.jpg');
	background-repeat: repeat-x;
	padding: 10px;
}

.light_blue	{
	background-image: url('http://www.deborahslater.org/grafix/head_lightblue.jpg');
	background-repeat: repeat-x;
}

.light_blue_title	{
	color:#A0B6C6;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#A0B6C6;
	margin: 0;
	padding: 0 0 10px 0;
}

.title	{
	color:#CBB167;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#666666;
	margin: 0;
	padding: 0 0 10px 0;
}


.red	{
	background-image: url('http://www.deborahslater.org/grafix/head_red.jpg');
	background-repeat: repeat-x;
}

.orange	{
	background-image: url('http://www.deborahslater.org/grafix/head_orange.jpg');
	background-repeat: repeat-x;
}

.orange_title	{
	color: #df740d;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#df740d;
	margin: 0;
	padding: 0 0 10px 0;
}

.turquoise	{
	background-image: url('http://www.deborahslater.org/grafix/head_turquoise.jpg');
	background-repeat: repeat-x;
}

.cranberry	{
	background-image: url('http://www.deborahslater.org/grafix/head_cranberry.jpg');
	background-repeat: repeat-x;
}

.cranberry_title	{
	color: #c62d4e;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#c62d4e;
	margin: 0;
	padding: 0 0 10px 0;
}

.yellow	{
	background-image: url('http://www.deborahslater.org/grafix/head_yellow.jpg');
	background-repeat: repeat-x;
}

#main	{
	margin:50px 0 30px 0;
	padding:0;
	width:100%;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

#main_left	{
	margin:0 0 30px 0;
	padding:0;
	width:100%;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

.main_pic	{
	width:370px;
	margin:0 0 20px 20px;
	padding:0;
}

#photo_gallery	{
	width:980px;
	height: 550px;
	background: #101010;
	margin: 0;
	padding: 0 10px 5px 0;
	border: 1px solid #222222;
}

#thumbtray	{
	padding: 0;
	margin:15px 0 15px auto;
	text-align: right;
	width: 234px;
	float: right;
}

#thumbstrip	{
	margin:15px 0;
	text-align: right;
	padding:5px;
	background: #111111;
}

.thumbnail	{
	border: 1px solid #333333;
	margin:0 0 0 1px;
	width: 70px;
	height: 70px;
}

#main_photo	{
	margin: 0;
	padding: 0;
	width: 735px;
	text-align: center;
	background: #0c0c0c;
	border-right: 1px solid #3a341f;
	border-left: 0;
	border-bottom: 0;
	border-top:0;
	height:555px;
	
}

.main_image	{
	height:475px;
}

#caption	{
	text-align: left;
	font-size: 9pt;
	padding: 10px;
}

.caption	{
	font-size: 9pt;
	padding: 10px;
}

.dropdown	{
	letter-spacing: normal;
	margin: 0;
	padding: 0;
}

#contact_sheet	{
	width:200px;
	padding: 0;
	margin: 0 0 10px 10px;
	float: right;
	font-size: 8pt;
}


#right_side	{
	margin: 25px 0 0 0;
	padding:0;
	width: 590px;
	float: right;
}

#right_high	{
	margin: 0;
	padding:0;
	width: 625px;
	float: right;
}


#left_wide	{
	margin:0;
	padding:40px 0;
	width: 590px;
	float:left;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

#left_wider	{
	margin:0;
	padding:40px 0;
	width: 670px;
	float:left;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

#left_wide_blank	{
	margin:0;
	padding:50px 0;
	width: 590px;
	float:left;
}

#left_Vwide	{
	margin:0;
	padding:50px 0;
	width: 740px;
	float:left;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

#left_wider_blank	{
	margin:0;
	padding:0 0 20px 0;
	width: 590px;
	float:left;
}

#right_side_wide	{
	margin:0;
	padding:0 0 30px 0;
	width: 590px;
	float:right;
	text-align: right;
}

#right_side_wider	{
	margin:0;
	padding:0 0 30px 0;
	width: 630px;
	float:right;
	text-align: right;
}

#right_side_about	{
	margin:0;
	padding:0;
	width: 350px;
	float:right;
}

#right_side_narrow	{
	margin: 30px 0 0 0;
	padding:0;
	width: 350px;
	float:right;
}

#right_side_Vnarrow	{
	margin: 30px 0 0 0;
	padding:0;
	width: 200px;
	float:right;
}

#left_side_narrow	{
	margin: 30px 0 0 0;
	padding:0;
	width: 300px;
	float:left;
}

#left_side_Vnarrow	{
	margin: 0 0 0 0;
	padding:0;
	width: 220px;
	float:left;
}

#center_wide	{
	margin: 30px auto 0 auto;
	padding:0;
	width: 500px;
}

#right_box	{
	margin: 0 20px 0 0;
	padding:10px;
	width: 300px;
	float:right;
	background: #111111;
}

#right_side_med	{
	margin: 30px 0 0 0;
	padding:0;
	width: 280px;
	float:right;
}

#left_narrow	{
	margin:0;
	padding:0;
	width: 250px;
}

.glow_right	{
	background-image: url('http://www.deborahslater.org/grafix/shine.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#aaaaaa;
}

.glow_left	{
	background-image: url('http://www.deborahslater.org/grafix/shine.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.glow_center	{
	background-image: url('http://www.deborahslater.org/grafix/shine.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
}

.floor_kerry	{
	background-image: url('http://www.deborahslater.org/grafix/floor.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 700px;
}

#sidebox	{
	background: url('http://www.deborahslater.org/grafix/fade.jpg');
	background-repeat: repeat-x;
	margin: 0 0 30px 0;
	padding: 0;
}

#sidebox.padded	{
	padding: 20px;
}


#collaborators	{
	text-align: left;
}

.bio_excerpt	{
	height: 105px;
	overflow: hidden;
}

.bio_excerpt:hover	{
	height: auto;
	overflow: visible;
}

.subtitle	{
    color: #CBB167;	
    font-size: .8em;  
}

#project_head	{
	text-align: right;
	margin: 30px 0 0 auto;
	width: 666px;
	float: right;
	
}

.project_pic	{
	float: left;
	margin: 0 10px 20px 0;
	padding: 10px 0 0 0;
	width: 300px;	
}

#project_menu	{
	width:650px;
	background: #222222;
	padding: 8px;
	text-align: right;
	font-size:13pt;
}

.project_menu_item	{
	margin: 0 0 0 42px;
	padding: 0;
}

#textarea	{
	margin: 20px 0 0 0;
	padding:0;
	width: 650px;
}

#donate_box	{
	width:250px;
	float:right;
	margin: 0 0 20px 40px;
	padding: 0;
}

.greybox	{
	margin:15px 10px 20px 0;
	border-width: 1px;
	border-style: solid;
	border-color: #555;
	text-align: center;
	font-size: 12pt;
	font-family: futura, futura Md, Verdana, Arial, sans-serif;
	font-weight: normal;
}

#calendar_item	{
	margin: 0;
	padding: 15px 10px 0 10px;
	width:295px;
	height:150px;
	float:left; 
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom: 1px;
	border-style:solid;
	border-color:#444444;
}

#calendar_item:hover	{
	background: url('http://www.deborahslater.org/grafix/fade.jpg');
	background-repeat: repeat-x; 
}

.cal_title	{
	font-size: 11pt;
}	

#calendar_list	{
	margin: 0 0 20px 0;
	padding: 0;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

.calendar_pic	{
	float: left;
	margin: 0 20px auto 0;
	padding: 0;
	border: 0;
}

#calendar_pic	{
	float: left;
	width:50px;
	margin: 0 15px 0 0;
	height:100px;
}

.read_more	{
	clear: both;
	float: right;
	margin: 0 0 15px 0;
	padding: 0;
}

.short_date	{
	list-style: none;
}

.right	{
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
}

.left	{
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
}

.small	{
	font-size: 9pt;
}

.donor	{
	width:328px;
	float:left;
	padding:0;
	margin: 0 5px 0 0;
}

.donor_logo	{
	margin: 0 20px 20px 0;
	padding: 0;
	border: 0;
}

.icon	{
	width:30px;
	border: 0;
	vertical-align: middle;
	margin: 0 0 5px 0;
}

.bottom	{
	position: fixed;
	bottom: 0;
	right:0;
	z-index: -10;
}

#twitter	{
	width:200px;
	margin: 0;
	padding: 0;
}

#footer	{
	margin:30px 0 0 0;
	padding:8px 0;
	width:100%;
	height:25px;
	text-align: center;
	font-size: 9pt;
	background: #111111;
	border-style: solid;
	border-color:#222222;
	border-top-width: 1px;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	position:relative;
	bottom:0px; 
	clear: both;
}

#bio_thumb_box	{
	border: 0;
	padding: 0;
	margin: 0 30px 15px 0;
	width: 175px;
	float: left;
}

#bio_pic_box	{
	border: 0;
	padding: 0;
	margin: 0 30px 15px 0;
	width: 300px;
	float: left;
	font-style: italic;
	font-size: 9pt;
	color:#dcd790;
}

.collab_pic	{
	height:150px;
}

#right_pic_box	{
	border: 0;
	padding: 0;
	margin: 0 0 15px 30px ;
	width: 300px;
	float: right;
	font-style: italic;
	font-size: 9pt;
	color:#dcd790;
	text-align: right;
}


.bio_thumb	{
	border: 0;
	padding: 0;
	margin: 0;
	width: 175px;	
	opacity:.75;
	filter: alpha(opacity = 75);
}

.bio_thumb:hover	{
	border: 0;
	padding: 0;
	margin: 0;
	width: 175px;	
	opacity:1;
	filter: alpha(opacity = 100);
}

.bio_left	{
	float: left;
	margin: 0 20px 10px 0;
	padding: 0;
	width: 300px;
}

/*BLOG*/
.author_pic	{
	margin: 0 20px 20px 0;
	float: left;
	width: 200px;
}

#right_side_blog	{
	margin: 30px 0 0 0;
	padding:0;
	width: 300px;
	float:right;
}

#left_wide_blog	{
	margin:0;
	padding:40px 0;
	width: 650px;
	float:left;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
}

.post_title	{
	font-size:13pt;
	margin:0 0 5px 0;
	padding:0;
	color:#FFFFCC;
	font-weight: normal;
	font-family: futura, futura Md, Verdana, Arial, sans-serif;
	line-height: 1.5em;
 	letter-spacing: .1em;
}

.postmeta	{
	font-size: 12px;
	color: #666;
	padding:10px;
	margin:10px;

}

#comment_box	{
	margin: 0 0 20px 0;
	padding: 15px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
	background: url('http://www.deborahslater.org/grafix/fade_up.jpg');
	background-repeat: repeat-x; 
	background-position: bottom;

}

.entry	{
	background-image: url('http://www.deborahslater.org/grafix/shine.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 164px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px;
	border-bottom-color: #aaaaaa;
	border-style: solid;
	margin: 0 0 20px 0;
}

.comment_meta	{
	color: #666666;
	font-size: 8pt;
}


/* LIGHTBOX */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.deborahslater.org/grafix/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.deborahslater.org/grafix/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }