/* 
  -----------------------------------
  Jlit Primary Style Sheet 
  -----------------------------------
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #F5F3C3;
	background-image: url(../images/backgrounds/rakusuisi.jpg);
	margin: 10px 10px 0px 5px;
	padding: 0;
}
#mastheadwrapper {
	margin: 0px 0px 10px 0px;
}
#masthead {
	color: #333333;
	padding: 0;
	border-bottom: solid #999999 2px;
	margin: 0px 0px 10px 0px;
}
/*
The following four items have been added to allow two divs in the masthead. The first three are for when images are used (the div width is different), the third is for text (a common width), and the last item is for subtitles. Put two divs together, both floated left, then add a clearing div.
*/
#mastlogo {
	width: 180px;
	margin-left: 15px;
	padding-left: 5px;
	padding-bottom: 5px;
	float: left;
}
#mastlogo_long {
	width: 200px;
	margin-left: 5px;
	padding-bottom: 5px;
	float: left;
}
#mastlogo_max {
	width: 250px;
	margin-left: 0px;
	padding-bottom: 5px;
	float: left;
}
#masttext {
	width: 480px;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 10px;
	padding: 12px 5px 10px 15px;
	float: left;
}
#masttext .subtitle {
	font-size: 0.8em;
}
#portalheader {
	color: #333333;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
#wrapper {
	width: 780px;
	margin: 0 auto;
}
#columns_wrapper {
	background-image: url(../images/nav_150by150.gif);
	background-repeat: repeat-y;
	border-left-width: 1px;
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
#sidebar {
	width: 150px;
	float: left;
}
#sidebar .content {
	font-size: 0.9em;
	line-height: 1.4em;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 10px;
	padding-left: 6px;
}
#sidebar h4 {
	text-align: center;
	}
#maincontent {
	width: 620px;
	float: left;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #666666;
}
#maincontent .content {
	font-size: 0.8em;
	line-height: 1.1em;
	padding-top: 2px;
	padding-right: 6px;
	padding-left: 6px;
}
#footer {
	padding: 0px;
	margin: 0px;
	clear: both;
}
#footer .content {
	padding: 2px 5px 2px 150px;
	line-height: 1em;
	font-size: 0.7em;
}
#footer a:link {
	color: #0033FF;
}
#footer a:visited {
	color: #0099FF;
}
#footer a:hover {
	color: #0033FF;
}

#indextable {
	font-weight: bold;
	line-height: 1.2em;
}

/* Text and font classes.*/
.subtitle {
	font-size: 0.9em;
}
.indented_menulist {
	margin-left: 90px;
}
.authorname {
	line-height: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 0px;
}
.authorbio {
	margin-top: 0px;
	padding-bottom: 0px;
}
.jtext_bold {
	font-size: 1.2em; 
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
.news_title {
	text-decoration: underline;
	font-weight: bold;
	margin-bottom: 0px;
}
.news_text {
	margin-top: 0px;
}
.left-align {
	text-align:left;
}
.right-align {
	text-align: right;
}
.jtext {
	font-size: 1.2em; 
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif; 
}
.center_jtext {
	text-align:center;
	font-size: 1.2em; 
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1.1em;
}
.nomargintop {
	margin-top: 0;
}

/* The following classes styles the Jlit Home text link in the sidebar. */
.jlithome {
text-align: center;
font-size: 0.7em;
}
a.homelink {	
font-weight: bold;
}
a.homelink:link {
	text-decoration: none;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
} 
a.homelink:visited { 
	text-decoration:none;
	color:#333333;
} 
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 {
	text-align: left;
	margin: 0px;
}

/* 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 {
	padding-left: 6px;
	padding-right: 2px;
	padding-top: 4px;
	text-align: left;
}
td h3 {
	margin: 0;
	padding: 0;
}
td h4 {
	margin: 0;
	padding: 0;
}
td p {
	margin: 0;
}
.v_align {
	vertical-align: top;
}