@charset "UTF-8";

* {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

a img {
	border:none;
}

#flash {
	position:relative;
	width:650px;
	margin: 0px auto;
	background-color:#fff;
}

#wrapper {
	width:800px;
	position: relative;
	margin: 0px auto;
	margin-top:10px;
	height:auto;
}

#sud {
	position:relative;
	height: 220px;
	width: 498px;
	left: 0px;
	top: 0px;	
}

#banner_image {
	position:absolute;
	height: 200px;
	width: 298px;
	left: 500px;
	top: 0px;
	border-left: 2px solid #FFF;
}

#horiz_nav {
	background: #8c6751;
	position: absolute;
	height: 20px;
	width: 298px;
	left: 500px;
	top: 200px;
	border-left: 2px solid #FFF;
	color:#FFF;
	font-size:small;
}

#horiz_nav ul li {
	display:block;
	float:left;line-height:20px;
	margin-left:1em;
}

#horiz_nav ul li a.holder {
	color:#FFF;
	text-decoration:none;
	padding:3px;
}

#horiz_nav ul li a:hover {
	text-decoration:none;
	color:#333;
	background-color:#aaefb4;
	padding:3px;
}

#horiz_nav ul li a.current {
	text-decoration:none;
	color:#333;
	background-color:#aaefb4;
	padding:3px;
}

#tag_line {
	position:relative;
	background: url(SUD_images/green_shadow.gif) repeat-x;
	height: 25px;
	width: 645px;
	font-size:small;
	letter-spacing:.3em;
	padding-left:5px;
	float:right;
}

#vert_nav_background {
	position:absolute;
	width:150px;
	height:100%;
	background: #4196de;
}

#vert_nav {	
	position: relative;
	width: 130px;
	left: 0px;
	float:left;
	text-align:center;
	color:#FFF;
	font-size: 14px;
	padding:10px;
}	

#vert_nav ul li {
	list-style:none;
	margin-left:0px;
}


#vert_nav li a.holder {
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 15px;
	width: 143px;
	margin:10px 0px 10px -2px;
}

#vert_nav li a:hover {
	color:#333;
}

#vert_nav li a.current {
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 15px;
	width: 143px;
	margin:10px 0px 10px -2px;
}

#vert_nav a.button {
	background-image:url(SUD_images/donate.gif);
	display: block;
	height: 34px;
	width: 97px;
	text-indent:-9999px;
	margin:auto;
}

#vert_nav a.button:hover {
	background-image:url(SUD_images/donate_down.gif);
}

#vert_nav p {
	font-size:10px;
}

#main_content {
	color: #0a2b63;
	padding: 0px 10px 10px 15px;
	width: 620px;
	position: relative;
	float:right;
}

#main_content h1 {
	color:#8c6751;
	margin-top:.5em;
}

#caption1 {
	float:right;
}

.caption {
	font-size:9px;
	background: #FFF;
	color: #000;
}

#main_content p {
	line-height: 1.6em;
	font-weight:lighter;
	margin-bottom:1em;
}

#main_content table label {
	display:block;
	text-align:right;
	width:200px;
}

#main_content table tr {
	height:2em;
}

span.sub_title {
	color:#0a2b63;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
}

#main_content ol, #main_content ul {
	margin-left:30px;
}
img.mugshot {
	float:left;
	margin-left:100px;
}

#main_content img.content {
	float:right;
	padding:5px 0 5px 5px;
}

hr {
	margin:5px 0px;
}

#main_content ol li{
	margin-bottom:1em;
}

a.online_donation_button {
	margin-top:5px;
	background-color:#f24738;
	color:#fff;
	display:block;
	width:10em;
	height:1.7em;
	line-height:1.7em;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	border-style:solid;
	border-width:medium;
	border-color:#CCC #666 #666 #CCC;
}

a.online_donation_button:hover {
	border-color:#666 #CCC #CCC #666;
}

a.skip_link {
	display:block;
	background-color:#FFF;
	text-align:center;
	width:100%;
	height:3em;
	color:#999;
	z-index:100;
}

/*pie graphs*/
li.dkblue {
	margin:10px;
	background-color:#0a2b63;
	display:block;
	width:230px;
	height:40px;
	color:#FFF;
	text-align:center;
}

li.ltblue {
	margin:10px;
	background-color:#4196de;
	display:block;
	width:230px;
	height:40px;
	color:#FFF;
	text-align:center;
}

li.red {
	margin:10px;
	background-color:#f24738;
	display:block;
	width:230px;
	height:40px;
	color:#FFF;
	text-align:center;
}

li.green {
	margin:10px;
	background-color:#5ce170;
	display:block;
	width:230px;
	height:40px;
	color:#FFF;
	text-align:center;
}

li.grey {
	margin:10px;
	background-color:#666;
	display:block;
	width:230px;
	height:40px;
	color:#FFF;
	text-align:center;
}

/*callout*/
#callout {
	background-color:#8c6751;
	float:right;
	width:200px;
	padding:10px 27px;
	color:#fff;
	font-size:x-small ;
}

#callout p {
	line-height:1.2em;
	letter-spacing:.1em;
}

cite {
	display:block;
	text-align:right;
	margin-top:10px;
}

img.top_quote {
	margin-left:-23px;
}

img.bottom_quote {
	float:right;
	margin-right:-20px;
	margin-top:-20px;
}

.clear {
	clear:both;
}

#footer {
	clear:both; 
	float:left; 
	width:100%; 
	font-size: small;
	color: #999;
	background-color:#FFF;
}

#footer ul {
	margin:0 auto; 
	list-style-type:none;
	float:left;
  	position:relative; 
  	left:50%;
}

#footer ul li {  
	float:left; 
	position:relative; 
	right:50%;
	padding: 1em;
}

#footer ul li a {
	width:auto;
	display:block;
	color:#999;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#333;
}

/* photo gallery */
#gallery {width:600px; }
#gallery img {padding:0}
#gallery ul {list-style:none; padding:0; width:600px; position:relative; float:right;}
#gallery ul li {display:inline; width:60px; height:40px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:60px; height:40px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:60px; height:40px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {
	position:absolute;
	left:50px;
	top:100px;
	width:460px;
	height:340px;
	padding:20px 30px 30px 20px;
	background: url(SUD_images/picture_drop_shadow.jpg) no-repeat;
}