* { margin: 0; padding: 0;}

html {
	background-color: #C99A12;
}

body {
	font-family: tahoma, arial,sans-serif;
	color:#333;
	font-size: 0.9em;
	line-height:1;
	width:900px;
	margin: 0 auto;
	background-color: #C99A12;
}

#home #top, #contact #top {
	background: transparent url(../tops/top2.png) 0 0 no-repeat;
}
#about #top {
background: transparent url(../tops/top2.jpg) 0 0 no-repeat;
}
#staff #top {
background: transparent url(../tops/top3.jpg) 0 0 no-repeat;
}
#volunteer #top {
background: transparent url(../tops/top4.jpg) 0 0 no-repeat;
}
 #slideshow #top  {
background: transparent url(../tops/top6.jpg) 0 0 no-repeat;
}
 #donate #top  {
background: transparent url(../tops/top7.jpg) 0 0 no-repeat;
}
 #contact #top  {
background: transparent url(../tops/top14.jpg) 0 0 no-repeat;
}

#top {
	height:178px;
	display:block;
	margin:20px auto;
	padding:0;
	width:900px;
	position:relative;
	border: #C3D2EE 1px solid;
}

#nav {
	position:absolute;
	right:20px;
	bottom:0;
}

#nav li{
list-style-type:none;
float:left;
}

#nav li a {

bottom:0;
display:block;
text-decoration:none;
color:#fff;
padding:0 1em;
height:30px;
line-height:30px;
height:28px;
font-size:1em;
margin:0px 0px 1px 0px ;
}

#nav li a:hover {
	background:#fff;
	color:#C99A12;
}

#content {
width:900px;
}

h1#logo {
	position:absolute;
	bottom:0;
	left:0px;
	display:block;
	height:31px;
	width:100%;
	background-image: url(nav_bg.png);
	border-top: #C3D2EE 1px solid;
}

a.logo {
	text-indent:-1000em;
	background: transparent url(logonav.png) 0 0 no-repeat;
	color:#fff;
	display:block;
	width:272px;
	height:68px;
	float:left;
	position:absolute;
	bottom:0;
}

a.logo:hover {
background: transparent url(logonav.png) 0 -68px no-repeat;
}

a.logo:focus, #nav li a:focus {
outline:none;
}

a.logo:focus {
background: transparent url(logonav.png) 0 -68px no-repeat;
}


#nav li a:focus {
	background:#fff;
	color:#C89911;
	border: #C3D2EE 1px solid;
}

#content h1, #content h2, #content h3, #content h4, #content p, #content ul {
font-weight:normal;
margin:10px;}

.article {
	padding:16px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background: #C89810 url(bg_v.png) 0 -190px repeat-x;
	border-bottom:#996600 4px solid;
	margin:0;
	display:block;
	line-height:1.2em;
}


.right {
float:right;
width:450px;
}


.article p, .article h2, .article h3, .article h4, .article h5, .article li {
padding:0;
width:45%;
text-decoration:none;
list-style-type:none;
}

.article h2, .article h3, .article h4, .article h5, .article a {
color:#fff;
}

.article h2, .article h3, .article h4, .article h5 {
margin: 0;
line-height:1em;
}

 
.article p {
margin:10px;
}


.article h3 a {
	color:#C79810;
	background:#fff;
	padding:0.2em;
}

.article h3 a:hover {
color:#fff;
background:#628CD5;
padding:.2em;
}


/*
----------------------------------------------
           fonts / links / misc
*/

.clear {
clear:both;
}

.article p a, #sitemap .article ul li a {
color:#fff;
padding:.1em ;
}

.article  p a:hover, .article p a:focus ,
#sitemap .article ul li a:hover {
	background:#fff;
	color:#C89810;
}

.article img {
border:#fff 2px solid;
}

.article .pic {
float:right;
margin:10px;
}

a:hover img.pic {
border:#F8FF3E 2px solid;
}

span.pictext {
font-size:1.1em;
line-height:1.1em;
float:right;
position:absolute;
left:660px;
top:600px;
width:160px;
z-index:20;
}

.pictext b {
display:block;
width:9em;
}

.article li span {
font-size:80%;
color:#fff;
}

#content h3 {
margin-bottom:1em;
}

abbr, dfn {
border-bottom:#333 1px dotted;
cursor:help;
}

ul#linklist {
margin:0px 10px;
}

#linklist li {
line-height:1.5em;
}

#linklist a{
padding:2px 10px;
text-decoration:none;
}


#linklist a:hover {
	background:#C89810;
}

#school .article{
line-height:1.1em;
}

#school .article p span {
color:#fff;
font-size:90%;
}

/*
----------------------------------------------
           kichijo slideshow
*/

p.help {
width:40%;
line-height:1.4em;
padding:10px;
background:#94B8FB;
font-size:80%;
}

 span.help {
font-size:80%;
color:#fff;
background:transparent; 
margin:0 15px;
}
 
#slides {
width:840px;
margin:10px;
text-align:center;

}

#slides a {
text-align:center;
background:#C8D6F0;
width:84px;
height:84px;
float:left;
margin:2px;
}

#slides a img {
margin-top:4px;
border:0;
}


#slides a:hover {
background:#fff;
}


/*
---------------------------------------------
staff page
*/

#staff .article p {
width:500px;
}

#staff h3 {
	padding:10px 0 5px 0;
	clear:both;
	display:block;
	width:100%;
	border-bottom:#996600 2px solid;
}

.person {
padding:2px 70px;
float:right;
background:#fff;
clear:both;
margin:0 1em 0 1em ;
}


/*
----------------------------------------------
           kichijo letters
*/

p.big {
margin:10px;
padding:20px 0 0 16px;
font-size:1.4em;
font-weight:bold;
color:#fff;
clear:both;
position:relative;
bottom:10px;
}

.ki, .jo, .chi {
	color:#996600;
}

#sitemap .article ul li {
list-style-type:none;
border-bottom:#fff 1px dotted;
}

#sitemap .article ul li a {
display:block;
padding:.4em;
margin:2px;
line-height:1.5em;
}

/*
----------------------------------------------
           footer
*/
#foot {
display:block;
margin:0px 25px 0 25px;
padding-bottom:20px;
color:#fff;
}

#foot p {
padding:4px 10px;
font-size:80%;
}

#foot a {
padding:4px;
color:#fff;
}

#foot a:hover {
background:#F8FF3E;
text-decoration:none;
color:#333;
}


#foot abbr {
border-bottom:#fff 1px dotted;
}

#sitemap a.logo {
background: transparent url(logonav1.png) 0 0 no-repeat;
}
#sitemap a.logo:hover {
background: transparent url(logonav1.png) 0 -68px no-repeat;
}


ul.biglink{
padding:10px 0;
}

.biglink li{
list-style-type:none;
height:6em;
text-align:left;
display:block;
width:400px;
}


.biglink a{
background: #7EA2E3 url(bg_v.png) 0 -290px repeat-x;
border-bottom:#F8FF3E 2px solid;
font-size:1.3em;
text-decoration:none;
padding:10px;
display:block;
width:100%;
}

.biglink a:hover{
	background:#fff;
	color:#C89911;
	border-bottom:#F8FF3E 2px solid;
}

.biglink a span{
color:#333;
display:block;
margin-top:1.2em;
font-size:.7em;
}


table {
	padding:20px 8px;
	background:#C89810;
	color:#333;
	text-align:center;
}
td {
width:8em;
height:2em;
border-top:#ccc 1px solid;
padding:4px;
}
tr, th {
padding:4px;
}
th {
background:#C89810;
padding:8px;
}