body {
	font-size:small;
	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif;
	margin:0;
	text-align:center;
	min-width:760px;
	background:#e5d8bd;
}

* html body {
	font-size:x-small; /* for IE5/Win */
	f\ont-size:small; /* for other IE versions */
}

#wrap { 
	width:760px; 
	background:#fbf0d8;
	margin:0 auto;
	padding:0;
	text-align:left;
	border:1px solid #000;
}


/* Headers */

h1 {
	color:#944004;
}

h2 {
	color:#944004;
	font-size:110%; 
	border-bottom:3px double #944004;
	padding-bottom:3px;
	margin-top:35px;
}

p { 
	font-size:90%; 
	padding:5px 0;
	text-align:justify;
}

#content li { 
	font-size:90%; 
	padding:5px 0;
}

#content ul { 
	padding:5px 20px;
}

.underline {
	text-decoration:underline;
}

.red_text {
	color:#944004;
}

.backtotop {
	font-size:75%;
	margin:5px 0;
	padding:0;
	clear:both;
	text-align:right;
}

.backtotop a {
	text-decoration:none;
	border:1px dotted #e8dabb;
	padding:4px 5px;
}

.backtotop a:hover {
	text-decoration:underline;
}

.SJMF-text {
	font-weight:bold;
}


caption {
	text-align:left;
}

.small { font-size:80%;}

/* Links */

a:link { color:#993300;}
a:visited { color:#993300;}
a:hover { color:#d08c2c; text-decoration:none;}
a:active { color:#993300;}


/* Header */

#header { 
	float:left;
	width:100%; 
	margin:0; 
	padding:0;
	clear:both;
	background:#c9812f;
	list-style:none; 
}

#header IMG { 
	float:left;
	margin:0; 
	padding:0;
}

#header li {
	padding:0;
	margin:0; 
}

#logo { 
	float:left; 
	padding:0;
	margin:0; 
}

#h_pic { 
	float:right; 
	padding:0;
	margin:0; 
}

/* Navigation */
.navwrap { 
	padding:0; 
	margin:0;
	background:#55617a url(../_images/nav_bg.gif); 
	width:100%;	
	float:left;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

/* HORIZONTAL MENU STYLES */
.nav {
float:left;
font-size:1em;
position:relative;
z-index:100;
padding:0px 0px 0px 0px; 
margin:0px;
font-size:90%;
}
/* remove all the bullets, borders and padding from the default list styling */

ul.nav ul {
padding:0;
margin:0;
list-style:none;
float:left;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.nav li {
float:left;
position:relative;
list-style:none;
padding:0;
margin:0;
}
/* style the links for the top level */
.nav a, .nav a:visited {
display:block;
text-decoration:none; 
font-weight:bold;
color:#fff; 
background:url(../_images/nav_bg.gif); 
padding:2px 15px 2px 15px;  
margin:0;
border-right:1px solid #682502;
border-left:1px solid #000;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .nav a, * html .nav a:visited {
}
/* style the second level background */
ul.nav ul a.drop, ul.nav ul a.drop:visited {
background:#993300;
}
/* style the second level hover */
ul.nav ul a.drop:hover{
background:#d08c2c;
}
ul.nav ul :hover > a.drop {
background:#d08c2c;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
ul.nav ul {
padding:0;
float:none;
visibility:hidden;
position:absolute;
height:0;
top:23px;
border-top:1px solid #fbf0d8;
left:0; 
}
/* another hack for IE5.5 */
* html ul.nav ul {
top:23px;
t\op:23px;
border:1px solid #fff;
border-bottom:0;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.nav table {position:absolute; top:0; left:0;}
/* style the second level links */
ul.nav ul a, ul.nav ul a:visited {
background:#993300; 
color:#fff; 
border:0;
border-bottom:1px solid #fff;
text-align:left;
text-transform: none; 
line-height:1.2em;  
font-weight:normal;
width:160px;
padding:4px 5px;
font-size:88%;
font-weight:bold;
/* yet another hack for IE5.5 */
}
* html ul.nav ul a{
}
/* style the top level hover */
.nav a:hover{
color:#fff; 
background:#993300 url(../_images/nav_bg_on.gif); 
}
.nav :hover > a{
color:#fff; 
background:#993300 url(../_images/nav_bg_on.gif); 
}
/* style the second level hover */
ul.nav ul a:hover{
color:#fff; 
background:#d08c2c;
}
ul.nav ul :hover > a {
color:#fff; 
background:#d08c2c;
}
/* make the second level visible when hover on first level list OR link */
ul.nav :hover ul{
visibility:visible; 
}




/* Content */
#main-body {
	float:left;
	width:100%;
	background:url(../_images/bg_maincontent.gif) repeat-y top left;	
	border-bottom:1px solid #eddcbb;
	border-top:1px solid #eddcbb;
	margin-top:2px;
}

#content {
	float:left;
	width:66%;
	margin:0;
	padding:2%;
}

/* SideBar */
#sidebar {
	float:right;
	width:30%;
	margin:0 auto;
	padding:0;
	text-align:left;
}



/* Pictures */
.pic_right { 
	float:right; 
	margin:5px 0 10px 10px;
}

.pic_left { 
	float:left; 
	margin:5px 10px 0 10px;
}




.more {
	background:url(../_images/more_arrow.gif) no-repeat left 50%;
	padding-left: 11px;
}

.hr {
	background:#fbf0d8 url(../_images/hr.gif) repeat-x top left;
	padding:0;
	margin:10px 0;
	width:100%;
	height:5px;
	clear:both;
	border:0;
}

.testimonial {
	font-weight:bold;
	width:180px; 
	float:right;
	font-style:italic;
	color:#944004;
}

.testimonial-name {
	color:#333;
	float:right;
}

/* SideBar */
#sidebar {
	float:right;
	width:28%;
	margin:0 auto;
	padding:0 0 0 12px;
	text-align:left;
}

.section {
	width:96%;
	margin:5px 0 10px 0;
	border-bottom:3px double #eddcbb;
	padding-bottom:10px;
	font-size:90%;
}

.section h1 { 
	font-size:115%;
	border-bottom:0;
	margin:0;
	padding:0;
	text-align:center;
}

.section h2 { 
	margin:5px 0;
	padding:0;
	font-size:105%;
	color:#944004;
	text-decoration:none; 
	text-align:center;
	border-bottom:0;
}

.section p {
	margin:0px;
	padding:5px 0;
}

.section ul {
	padding:0 5px;
	margin:0 10px;
}

.section li {
	padding:5px 0;
	margin:0 0 0 10px;
	list-style:disc;
	font-size:95%;
}

h1.help {
	background:url(../_images/side_h_help.gif) no-repeat top left;
	padding:35px 0px;
	border:0;
	margin:0;
}

h1.situation {
	background:url(../_images/side_h_situation.gif) no-repeat top left;
	padding:35px 0px;
	border:0;
	margin:0;
}

h1.programs {
	background:url(../_images/side_h_programs.gif) no-repeat top left;
	padding:35px 0px;
	border:0;
	margin:0;
}

.address {
	color:#993300;
	font-size:100%;
	text-align:left;
}

.phone {
	color:#993300;
	font-size:100%;
	text-align:left;
	background:url(../_images/icon_phone.gif) no-repeat left 50% ;
	padding:2px 0 2px 30px;
}


.email {
	color:#993300;
	font-size:100%;
	text-align:left;
	background:url(../_images/icon_email.gif) no-repeat left 50% ;
	padding-left:30px;
	font-weight:bold;
}

#programs {
	font-size:80%;
	margin:0 20px;
	padding:0;
}


.sub-nav .sub-nav-header {
	font-size:110%;
	color:#993300;
	font-weight:bold;
	margin:0;
	padding:5px 0;
	background:#eddcbb;
	text-align:center;
}

.sub-nav {
	margin:10px 0;
	padding:0;
	width:95%;
	font-size:90%;
	background:#fff;
	border:1px solid #eddcbb;
	border-bottom:0;
}

.sub-nav li {
	width:100%;
	list-style-type:none;
	padding:0;
	margin:0;
	color:#996600;
	border-bottom:1px solid #eddcbb;
}

.sub-nav li a {
	display:block;
	text-decoration:none;
	padding:2px 8px 2px 10px;
}

*html .sub-nav li a {
	height: 1%; /* make links honour display: block; properly */
} 

.sub-nav li a:link, .sub-nav li a:visited {
	color:#993300;
	
}

.sub-nav li a:hover {
	background:#fff url(../_images/arrow_subnav.gif) no-repeat left;
	color:#d08c2c;
}


/* Footer */

#footer { 
	float:left;
	width:760px;
	margin:0; 
	padding: 8px 0 0 0;
	list-style:none;
	background:#d08c2c url(../_images/footer_top.gif) repeat-x top left;
	clear:both;
	font-size:85%;
}

#footer-left {
	float:left;
	margin:0;
	padding:8px 14px;
	color:#993300;
}

#footer-left a:link{
	color:#993300;
}

#footer-left a:hover{
	color:#993300;
}

#footer-right {
	float:right;
	margin:0;
	padding:8px 14px;
	color:#993300;
}

#slogan { 
	float:left;
	width:100%;
	margin:0; 
	padding: 5px 0 0 0;
	list-style:none;
	background:#fbf0d8;
}

#slogan-left {
	float:left;
	margin:0;
	padding:0;
}

#slogan-right {
	float:right;
	margin:0;
	padding:0;
}

.clear-footer {
	clear:both;
} 


/* Photo-Caption */

.photo-caption {

	float:right;
	text-align:center;
	padding:0;
	margin:0 0 10px 10px;
	font-size:80%;
	font-weight:bold;
	color:#cc6633;
}

.photo-caption img {
	padding:0;
	margin:0;
}

/* Photo-Gallery */

.photo-gallery caption{
	font-weight:bold;
	color:#944004;
	font-size:120%;
}
.photo-gallery td {
	width:25%;
	text-align:center;
	padding:5px;
}

.photo-gallery a img { 
	border:1px solid #d08c2c; 
	padding:2px;
}
	
.photo-gallery a:hover img { 
	border:1px solid #000; 
	padding:2px;
}

.list-indent li {
	list-style:none;
	padding:0px;
	margin:0px;
	line-height:110%;
}


#bio-list p {
	margin:25px 0 0 5px;
	padding:0;
}

#bio-list ul {
	padding:0;
	margin:5px 0 0 25px;
}


#bio-list li {
	padding:0;
	margin:5px 0;
	line-height:100%;
}