body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	margin: 5px 0px;	
}
h1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #000000;margin: 0px;padding: 0px;line-height: 22px; font-weight:normal;}
h2, h3, h4 {color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal;} 
h2 {
	font-size: 20px;
	line-height: 20px;
	margin: 0px;
	padding: 3px 0px;
	font-weight:normal;
}
h3 {font-size: 18px;line-height: 20px;}
h4 {
	font-size: 16px;
	line-height: 20px;
	margin: 0px;
	padding: 3px 0px;
}
.h5 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
        color: #333333;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
}
img{
border: none;
}
a:link img{
border: none;
text-decoration: none;
}
a:hover img{
border: none;
background-color:transparent;
}
form {margin-top: -25px;}
input {background-color: #ffffff;color: #999999;border: 1px solid #CCCCCC;font-size: 11px;padding: 3px;}
button {padding: 2px;}

/* CONTAINER */
#container {
	width: 700px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	color:#333333;}		

/* HEADER */
#header {
	padding:0px;
	clear: both;
	margin:0px;
	background-color: #f0f2ed;	
	}
	
#header a:hover{
	background-color:#f0f2ed;
}

#TopNav{
	display: block;
	background-color: #f0f2ed;
	width:525px;	
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #e6ebe0;
	float: right;
}
#TopNav ul{
	height: 20px;
	list-style:none;
	margin: 0px 0px 0px 15px;
	padding:0px;
}
#TopNav ul li{
	text-decoration: none;
	line-height: 20px;
	list-style-type: none;
	list-style-image:none;
	float: right;
}
#TopNav ul li a{
	display: block;	
	line-height: 20px;
	text-decoration: none;
	margin: 0px 10px 10px 25px;
	padding: 0px;
	color: #2C498D;
	background-color:#f0f2ed;
}

#TopNav ul li a:hover {
	text-decoration: underline;
	color: #000000;
	background-color:#f0f2ed;
}


/* NAVIGATION */
#navigation {margin: 0px; padding: 0px; list-style-type: none; float: left; width: 150px;}
#navigation ul {list-style-type: none;margin: 0px;padding: 0px;}
#navigation li {text-align :left;}
#navigation li a {display: block;padding: 5px;width: 155px;border-bottom: 1px solid #CCCCCC;}
#navigation li a:link, #navlist li a:visited {color:#442211;text-decoration: none;font-weight: bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;line-height: 15px;}

#navigation li a:hover {background: transparent url(/sarofim/gfx/arrow.gif) no-repeat 96% 50%;color:#993300;font-weight: bold;}
#navigation img {background-color:#FFFFFF}
#navigation img a:link, a:hover {text-decoration: none; background-color: #FFFFFF;}

/* MENU BOXES */
#navigation p {margin-top: 40px;padding: 5px;border-bottom: 1px dotted #CCC;border-top: 1px dotted #CCC;}

/* MENU LOGOS */
#navigation DIV.center{
	text-align:center
}
		
/* CONTENT */
#content {
	width: 520px;
	float: right;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #e6ebe0;
	padding:0px 0px 0px 5px;
	background-color:#f0f2ed;
	margin: 0px;
}
#content p {color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	margin: 0px;
	font-weight: normal;
	text-align: left;}
#content a{color: #2C498D; text-decoration:underline; background-color:transparent;}
#content a:hover{color: #000000; background-color:transparent;}

/* FOOTER */
#footer {margin: 0px;clear: both;padding: 0px 5px 0px 5px;border-top: 4px solid #989471;}
#footer p {margin: 5px 0px 10px 50px;color:#666666;}
#footer a {color:#666666;text-decoration: none;}
#footer a:hover {text-decoration:underline;}

/* photos */
#photos1 {
	border: 1px solid #999999;
	width: 450px;
	padding: 3px;
	height: auto;
	margin-bottom: 10px;
	margin-top: 0px;
}
#thumbs {
	MARGIN: 5px 0px 10px;
	WIDTH: 500px;
	float:right;
}
#layout {
	right: 0px;
	position: relative;
	float: right;
	width: auto;
	overflow: visible;
}
#cutline {
	background-color: #eeeeee;
	width: 450px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	height: 18px;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.pic {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FLOAT: left; PADDING-BOTTOM: 4px; MARGIN: 0px 8px 8px 0px; PADDING-TOP: 4px}
.picsm {
	MARGIN: 0px 10px 10px 0px;
	border: 1px solid #999999;
	padding: 0px;
	float: left;
	clear: none;
}

/* archive table */
table#archive {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#ffffff; border-collapse:collapse;
	text-align:left;
}
#archive td {padding:4px;border-bottom: 1px solid #CCCCCC;}
#archive td a, #archive tr a {font-size: 11px; text-decoration: underline; color: #000000;}
#archive td a:hover, #archive tr a:hover {text-decoration: underline; background-color:transparent;}
#archive .odd {background: #f3f3f3;}
#archive .tableheader {font-size: 16px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

/* donor table */
table#donor {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#f0f2ed;
	border-collapse:collapse;
	text-align:left;
}
#donor td {padding:4px;border-bottom-style: none;}
#donor td a,  t#donor tr a {font-size: 11px; text-decoration: underline; color: #000000;}
#donor td a:hover, #donor tr a:hover {text-decoration: underline; background-color:transparent;}
#donor h1{font-size: 16px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;}

#content p {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0px;
	padding: 0px 0px 15px;
}
tr {border-bottom:1px solid #CCCCCC;}
.arrow {
	background-image: url(/sarofim/gfx/bluearrow2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.picncutline {border: 1px solid #999999; float: left; clear: none; margin: 5px;	padding: 0px; width: 125px;}
.imageonly {border: 1px solid #999999; margin: 5px; padding: 0px;}
.cutline {font-size: 10px; padding: 0px 5px 5px; display: block; line-height: 12px;}
#photos2 {border: 1px solid #999999; width: 400px; padding: 3px; height: auto; margin-bottom: 5px; margin-top: 0px;}
#cutline2 {background-color: #eeeeee;	width: 400px;border: 1px solid #CCCCCC;padding: 3px;height: 18px;font-weight: normal;margin: 0px 0px 3px 0px;}
.picsm2 {
	MARGIN: 0px 13px 10px 0px;
	border: 1px solid #999999;
	padding: 0px;
	float: left;
	clear: none;
}
#footnote {
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	width: 495px;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 5px;
	height: auto;
}
.justify {padding: 0px 5px 5px 5px;
	display: block;
	letter-spacing: normal;
	text-align: justify;
}
sup {font-size: 10px; color: #000000; margin: 0px; padding: 0px;line-height: 16px;}

.img_float_right_border {
	float: right;
	border: solid 1px #ddd;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
} 
#leftCol{
	width:250px;
	float:left;
}
#rightCol{
	width:250px;
	float:right;
}
.even {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 5px;
	background-color: #D2DAC9;
	padding: 5px;
	line-height: 16px;
	margin-top: 2px;
}
.even a {
	background-color: #D2DAC9;
	color: #333333;
}
.odd {
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 5px;
	background-color: #E2E8DD;
	padding: 5px;
	margin-top: 2px;
}
.odd a {
	background-color: #E2E8DD;
	color: #333333;
}
/* ======= Photo - Gallery ======= */

.photoGallery{
padding:10px 0px 0px 0px;
margin:0px;
width:500px;
}

.photoGalleryImage, .photoGalleryIndex{
width:100px;
float:left;
text-align:center;
padding:15px 10px 15px 10px;
background-color:transparent;
border:none;
display:inline;
}

.photoGalleryImage h2, .photoGalleryIndex h2{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	padding: 5px;
	font-weight:normal;
	color:#666666;
}

.photoGalleryImage img, .photoGalleryIndex img{
background-color:#f0f2ed;
border:none;
} 

.skip {
float: left;
color:#fff;
background-color: #930;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-left:-100px;
}
.skip:hover {
float: left;
color:#000;
background-color: #ccc;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-left:-100px;
}