/* Main CSS for sandiegojapanesesbc.org */

/* Body */
* {margin:0; padding:0;}
body {background: #c5c3be url(../images/bg.png) repeat-x; font: 62.5% Helvetica, Arial, sans-serif; color: #333333;}
#wrap {background: url(../images/bg-wrap.png) repeat-y; margin: 0 auto; width: 1000px;}

/* Text */
a {background-color:inherit; color:#db0404; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#db0404; font-weight:bold; text-decoration:underline;}
a img {border:0;}

h1 {font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 1.8em; color: #cc6666; font-weight: normal; margin: 0 0 5px 0; }
h2 {font-family: "Century Gothic", Helvetica, Arial, sans-serif; font-size: 1.6em; color: #cc6666; font-weight: normal; margin: 0 0 5px 0; }

p { font-size: 1.4em; line-height: 1.3em; margin: 0 0 10px 0; }


/* Classes */
.align-right { float: right; }
.clear-right { height: 1px; clear:right;}
.clear-left  { height: 1px; clear:left;}
.border-bottom { border-bottom: solid #999999 1px; }
.fontsize12 { font-size: 1.2em; }
.fontsize14 { font-size: 1.4em; }
.bold { font-weight: bold; }

/* Content */
#content {
background: #ffffff url(../images/bg-content.jpg) no-repeat;
width: 850px;
margin: 0 75px;
}

/* Nav Bar */
#navbar {
	background: url(../images/bg-topnav.png) no-repeat top left; 
	width: 850px; 
	height: 43px;
}
#navbar ul{
	height: 25px;
	list-style: none;
	margin: 0 0 0 265px;
	padding: 10px 0 0 0;
}
#navbar ul li {
	display: block;
	width: auto;
	padding: 0 20px;
	float: left;
	border-left: solid #ffffff 1px;
	text-align: center;
}
#navbar ul li a {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #ffffff;
}
#navbar ul li #language { background: url(../images/japanese.gif) no-repeat; padding-left: 25px; }

#navbar ul li #language-e { background: url(../images/english.gif) no-repeat; padding-left: 25px; }

/* Side Bar */
#sidebar { float: left; margin: -25px 0 0 30px; }

/* Main */
#main { margin: 0 15px 0 200px; }

/* Breadcrumbs */
#bread { border-top: solid #999999 1px; margin: 10px 0 0 0; padding: 5px 0; font-size: 1.2em; }
#bread a { color: #cc6666; }

/* Non-index page main content */
#other-content { margin: 0 0 20px 0; padding: 10px 0 0 0; border-top: solid #999999 1px; }


/* Footer */
#footer { 
	background: url(../images/bg-footer.png) no-repeat; 
	height: 43px; 
	clear: both; 
}
#footer p {
	font-size: 1.0em;
	text-align: center;
	padding: 25px 0 0 0;
	height: 7px;
}
#footer a { color:#333333; }
#footer a:hover { color:#333333; }


/******************************* index **********************************/

/* Scripture */
#scripture {
	margin: 8px 0 10px 0;
	padding: 5px 0 15px 0;
	border-top: solid #999999 1px;
	border-bottom: solid #999999 1px;
}
#scripture p {
	font-size: 1.8em; 
	color: #333333; 
	font-style: italic; 
	line-height: 1.3em;
}

/* News Wrap for faux two-column background */
#news-wrap { background: url(../images/bg-news.png) repeat-y; margin: 0 0 10px 0; }

/* News */
#news {
	width: 360px;
	padding: 5px 10px;
	float: left;
}
#news h1 { color: #db0404; padding: 0 0 5px 0; border-bottom: solid #999999 1px; }
#news p { font-size: 1.3em; }
#news ul { list-style: inside disc; margin: 10px 0 10px 15px; }
#news ul li { font-size: 1.3em; line-height: 1.3em;}
#news ul ul li { font-size: 1.0em; line-height: 1.0em;}

/* Schedule */
#schedule { margin: 10px 0 0 400px; padding: 0 0 0 0; }
#schedule tr td { font-size: 1.2em; line-height: 1.1em; }

/* Statements */
#statements { margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: solid #999999 1px; }

/* Staff */
#staff { margin: 10px 0 0 0; }

/* Info */
#info { margin: 10px 0 0 0; padding: 0 0 10px 0; border-bottom: solid #999999 1px; }

/* Photos */
#photos { margin: 20px 0 0 0; padding: 0 0 10px 0; border-bottom: solid #999999 1px; }

/* Map */
#map { margin: 20px 0 0 0; padding: 0 0 10px 0; float: left; }

/* Contact */
#contact { margin: 20px 0 0 320px; }


/**************************** history-japanese *******************************/
#white-space { width: 100px; height: 100px; }



