/* 
  -----------------------------------
  Jlit Main Style Sheet
	Container size is 770px wide.
	The menu is 135px, and after subtracting borders, 
	margins, padding, and float, the main content area is 619px.
	If borders are removed from the sidebar, remember to increase
	maincontent width by the same pixel amount.
  -----------------------------------
*/


/* The following selectors have been adjusted to use ems. The current setting, with the main content font sized at 76 percent and thus a base of 12.16px, will be roughly equivalent to h1=24px, h2=20.5px, h3=17px, h4=14.5px, h5=12px, h6=10px.*/

h1 {font-size: 2.0em;}
h2 {font-size: 1.7em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.8em;}

body {
	background-color: #F0F4C2;
	background-image: url('rakusuisi.jpg');
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: 333333;
	margin: 0px;
	padding: 0px;
}

#smallheader {
	height: 40px;
	width: 770px;
	margin: 0px 0px 10px 0px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #A0A0A0;
	padding: 0px;
}

#header {
	height: 80px;
	width: 770px;
	margin: 0px 0px 10px 0px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #A0A0A0;
	padding: 0px;
}

#mediumheader {
	height: 100px;
	width: 770px;
	margin: 0px 0px 10px 0px;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #A0A0A0;
	padding: 0px;
}

#bigheader {
	height: 120px;
	width: 770px;
	margin: 0px 0px 10px 0px;
	font-size: 1em;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-color: #A0A0A0;
	padding: 0px;
}

#giantheader {
	width: 770px;
	margin: 30px 0px 10px 0px;
	border-bottom-style: solid; 
	border-bottom-width: 2px; 
	border-color: #A0A0A0; 
	text-align: center;
	/*border-bottom-style: none;*/
	padding-bottom: 20px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}

#header_image {
	height: 80px;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

#header_text {
/*	font-size: 1em;
*/	width: 510px;
	margin: 0px;
	padding-top: 30px;
	border: 0;
	float: right;
}

/*The following rules are used to eliminate the padding around the actual headers in the header_text DIV. This is necessary to keep things properly aligned vertically.*/

#header_text h2 {margin: 0;
padding: 0;}
#header_text h3 {margin: 0;
padding: 0;}
#header_text h4 {margin: 0;
padding: 0;}



#wrapper { 
	margin: 0;
	width: 770px;
} 

#sidebar {
/* 	border: 1px solid #333; */
	width: 120px;
	float: left;
	background-color: #B46F4E;
	padding-top: 25px;
	padding-right: 2px;
	padding-bottom: 16px;
	padding-left: 2px;
	background-image: url(../images/backgrounds/navmenu.gif);
} 
#maincontent {
	line-height: 1.5em;
	font-size: 0.76em;
	margin-top: 60px;
	padding: 10px 8px 10px 8px;
	width: 636px;
	float: right;
	background-image: url(navmenu.gif);
} 
#footer {
	font-size: 0.625em;
	margin-left: 110px;
	padding-top: 8px;
	clear: both;
}
#footer p {
	margin: 0;
}


.clearit {
clear: both;
height: 0;
line-height: 0;
font-size: 1px;
}


/* Apply the following classes to the text link home in the sidebar. */
.jlithome {
text-align: center;
font-size: 0.625em;
}
a.homelink {	
font-weight: bold;
}
a.homelink:link {
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
} 
a.homelink:visited { 
	text-decoration:none;
	color:#000000;
} 
a.homelink:active { 
	text-decoration:none;
    color:#FF8040; 
} 
a.homelink:hover { 
	text-decoration:none;
    color:#FF8040; 
 } 

/* Centering classes: To center a table, first create a DIV with the "centerit" class, then within the DIV use the "centered-table" class on the table itself. This is done to enable table centering in Internet Explorer and Firefox alike, while keeping the text in the table left-aligned.
*/
.centerit { 
text-align: center;
}
.centered-table { 
margin-left: auto;
margin-right: auto;
text-align: left;
}

/* Text and font classes and spans*/

.authorname {
font-size: 1.2em; 
font-weight: bold; 
}
.authorindex {
font-weight: bold; 
}
.authorindex_j {
font-size: 1.2em; 
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
}
.left-align {
text-align:left;
}
.right-align {
text-align: right;
}
.news_title {
text-decoration: underline;
font-weight: bold;
margin-bottom: 0px;
}
.news_text {
margin-top: 0px;
}

/*I am using the following rule for dates after the author's name on individual pages. It should be replaced by a 1.2em rule, but the cascade is not yet functioning as I expect it to.*/
span.size14 {  
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

/* Vertical alignment classes for images */
.va-tt {
  vertical-align:text-top;
}
.va-tb {
  vertical-align:text-bottom;
}
.va-middle {
  vertical-align:middle;
}

/* Basic table-data format */
td {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: left;
}

td h3 {margin: 0;
	padding: 0;}
td h4 {margin: 0;
	padding: 0;}


.v_align {
  vertical-align: top;
}