/* CSS for Shokushu High School 
Copyright Stormbringer Enterprises */

/* General Settings */

body {
   margin: 0;
	padding: 0;
	background-color: #000000;
	color: #00FF00;
	background-image: url(siteimgs/backing.gif);
	font: small Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2, h3, h4, h5, h6 {
	color: #A9A9A9;
	padding-top: .5em;
}

p {
	text-align: justify;
}

li {
	font-size: small;
}

a {
	color: #A9A9A9;
	text-decoration: none;
}

a:visited {
	color: #808080;
}

a:hover {
	color: #C0C0C0;
	text-decoration: underline;
}

hr {
	width: 50%;
	margin-top: 20px;
}

.center {
	text-align: center;
}

.clearance {
	clear: both;
}

.block {
  margin: 10px 5%;
}

.cimage {
  display: block;
  margin: 10px auto;
}

.advertimg {
   width: 468px;
	margin: 2em auto 3em auto;
}

#adarea {
	width: 96%;
	margin: 20px auto;
}

.adlink {
	height: 90px;
	display: block;
	float: left;
	margin-right: 15px;
	padding: 10px;
	text-align: center;
}

.adlink img {
	border: 0;
}

.adlink strong {
	font-size: 110%;
}

.adlinktop {
	height: 50px;
	display: block;
	float: left;
	margin-right: 10px;
	padding: 7px;
	text-align: center;
}


.adlinktop img {
	border: 0;
}

#introh {
	margin-top: 100px;
}

/* ----------------------------------------------------------------------- */

/* Page Header */

#heading p {
   font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: bold;
	background-color: #808080;
	padding: .2em .2em .2em 2em;
	border-bottom: 1px solid Silver;
	border-top: 1px solid Silver;
	color: #00008B;
	margin: 0;
}

#heading h1 {
	color: #00FF00;
	font-size: 3em;
	padding: 1.1em 1em .6em .75em;
	margin: 0;
	background: #000000 url(siteimgs/sitelogo.jpg) no-repeat right bottom;
}

/* ----------------------------------------------------------------- */

/* Index Page Only */

#mainidx {
   margin: 25px 7% 50px 0;
	padding-bottom: 50px;
}

#mainidx img {
   float: left;
}

#idxcontent {
   margin-left: 280px;
}

a.heavytxt {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
}

/* ----------------------------------------------------------------- */

/* Navigation Pages */

#mainbody { 
   width: 100%;
   margin: 0; 
	padding: 0;
	background: Black url(siteimgs/navback.jpg) repeat-y left;
}

#mainbodytext {
	margin-left: 200px;
	padding-right: 5%;
	padding-bottom: 50px;
	padding-top: 20px;
}

#nav {
	 float: left;
	 width: 150px;
	 padding-top: 10px;
}

.navtext {
   color: #00FF00;
	background-color: transparent;
	margin: 0;
	padding: 0.8em;
	font-size: 1.2em;
}

#nav ul {
	margin: 0;
	padding-left: .8em;
}

#nav li {
	list-style: none;
}

#nav a {
	font-weight: bold;
	line-height: 2em;
	padding: 0.75em;
}

#backimgmain1 {
	background: url(siteimgs/main.jpg) no-repeat bottom right;
}

#backimgmain2 {
	background: url(siteimgs/main2.jpg) no-repeat bottom right;
}

#backimgschl {
	background: url(siteimgs/schoolback.jpg) no-repeat bottom right;
}

#backimgfac {
	background: url(siteimgs/facback.jpg) no-repeat bottom right;
}

#backimgadmin {
	background: url(siteimgs/admnback.jpg) no-repeat bottom right;
}

#backimgoutdr {
	background: url(siteimgs/outdback.jpg) no-repeat bottom right;
}

#backimgfact {
	background: url(siteimgs/factback.jpg) no-repeat bottom right;
}

#backimgcamp {
	background: url(siteimgs/campusback.jpg) no-repeat bottom right;
}

#backimgsg {
	background: url(siteimgs/sgback.jpg) no-repeat bottom right;
}


#backimgmemb {
	background: url(siteimgs/membback.jpg) no-repeat bottom right;
}

/* ---------------------------------------------------------------------------- */

/* Story Pages */

#storybody {
   margin: .5em 10% 3em 10%;
	padding-bottom: 50px;
}

#storybody h2, h3, h4 {
	text-transform: capitalize;
}

#storyimg {
   margin: 2em auto 3em auto;
	background: Black url(siteimgs/Border.jpg) no-repeat;
	width: 600px;
	height: 350px;
}

#storytxt {
	background-color: Black;
	color: #00FF00;
	margin: 1em 3em 2em 3em;
	padding: 1.5em 2.5em 2.5em 2.5em;
	border: thin solid #D3D3D3;
}

#storytxt li {
	list-style: none;
	padding-left: 0;
	margin-left: 15px;
}

img.storyimg {
	position: relative;
	top: 25px;
	left: 66px;
}

.storynav {
	font-weight: bold;
	font-size: 105%;
	line-height: 2em;
	text-transform: capitalize;
}

/* ----------------------------------------------------------------------------- */

/* lecture pages */

.lecture {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

.lectureimglft {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;
}

.lectureimgrt {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
}

.excited {
	font-size: 120%;
	font-style: italic;
}

.berolecture {
    width: 540px;
	 margin: 30px auto 30px auto;
	 padding-top: 30px;
}

.salinalist {
	margin-bottom: 170px;
}

.salinalist2 {
	margin-bottom: 20px;
}

/* ------------------------------------------------------------------------------ */

/* Image Galleries */

#gallery {
	width: 100%;
}

#gallist {
	list-style: none;
}

#gallist li {
	float: left;
	margin: 20px 10px 30px 10px;
}

#gallist img {
	border: 2px outset #708090;
}

/* --------------------------------------------------------------------------- */

/* Story Pages */

#storyindex {
	line-height: 2.35em;
	font-weight: bold;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	font-size: 110%;
}

.storypic {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 2px outset #708090;
}

#legionroll {
	width: 98%;
	margin: 20px auto 30px auto;
	border-collapse: collapse;
	border: 4px ridge #708090;
}

#legionroll caption {
   color: Silver;
	background-color: transparent;
	text-align: left;
	font-weight: bold;
	font-size: 1.45em;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#legionroll caption span {
	font-weight: normal;
	font-size: 0.6em;
	font-style: italic;
}

#legionroll th {
	margin: 0;
	padding: 10px;	
	border: 2px ridge #708090;
}

#legionroll td.desc {
   width: 80%;
	margin: 0;
	padding: 12px;
	text-align: justify;
}

#legionroll td {
	border: 2px ridge #708090;
}

#legionroll td.name {
	width: 20%
	font-weight: bold;
	margin: 0;
	padding: 12px 5px 12px 5px;
	vertical-align: top;
}

/* ---------------------------------------------------------------------- 
          Miscellaneous */

/* School Rules */

#schoolrules li {
	list-style: square;
}

/* Wallpapers */

#walls {
   margin-left: 20px;
	margin-right: 20px;
	width: 100%;
}

#wallslist {
	list-style-type: none;
}

#wallslist li {
	float: left;
	margin: 20px 15px 30px 15px;
	text-align: center;
}

#wallslist img {
	display: block;
}

/* News page */

#news {
	margin-left: 25px;
	margin-right: 25px;
}

.newsitem {
	border: 1px solid #DCDCDC;
	width: 90%;
	margin: 0;
	padding: 0 20px 20px 20px;
}

.newsitem h3 {
	margin-bottom: -12px;
	font-size: 1.1em;
}

/* banners on Link Page */

#links {
	text-align: center;
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}

#links img {
	display: block;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}

#links p {
	text-align: justify;
}

/* ------------------------------------------------------------------ */

/* Spacegirl */

/* Index page */

#sgidx {
	width: 100%;
}

#sgidximg {
	float: right;
	padding: 0;
	margin-left: 25px;
	margin-bottom: 25px;
}

#sgidxlnk {
	text-align: center;
}

#smallidxtxt {
	font-size: 90%;
	font-style: italic;
	clear: both;
}

/* External SG Galleriy pics */


.egallery {
	width: 100%;
}

.egallist {
	list-style: none;
}

.egallist li {
	float: left;
	margin: 20px 10px 30px 10px;
}

.egallist img {
	border: 2px outset #708090;
}

/* SG Tables */

.sgtable {
	width: 100%;
	border-collapse: collapse;
	border: 3px ridge #DCDCDC;
}

.sgtable caption {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 10px;
	padding-top: 40px;
}

.sgtable th, td {
	vertical-align: top;
	padding: 12px;
	border: 1px solid #DCDCDC;
}

.sgtable th {
	font-weight: bold;
	text-align: right;
}

td.tableimg {
	width: 270px;
	text-align: center;
}

.sgeqlist {
	border: 1px solid #DCDCDC;
	width: 90%;
	margin: 0;
	padding: 0 20px 20px 20px;
}

/* ----------------------------------------------------------------- */

/* Campus */

#som {
   margin-left: 5px;
	margin-right: 5px;
	width: 100%;
}

#somlist {
	list-style-type: none;
}

#somlist li {
	float: left;
	margin: 20px 15px 30px 15px;
	text-align: center;
}

#somlist img {
	display: block;
	border: 2px outset #708090;
}

#schuni {
	float: left;
	border: 0;
}

#mbcat {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}


/* ----------------------------------------------------------- */

/* Guest Art Gallery 


.navigation { 
    font-size: 12px; 
	 font-weight: bold; 
	 color: #00FF00; 
    font-family: verdana, arial, helvetica, serif
	  border: 0;
}

.navtable {
  background-color: #F7F7F7;
  border-top-width: 10; border-top-style: none; border-top-color: transparent;
  border-bottom-width: 0; border-bottom-style: solid; border-bottom-color: #979CB2;
  border-right-width: 0; border-right-style: solid; border-right-color: #979CB2;
  border-left-width: 0; border-left-style: solid; border-left-color: #979CB2
}

.footer { font-size: 9px; color: #00FF00; font-family: verdana, arial, helvetica, serif }

.album { font-size: 12px; color: #00FF00; font-family: verdana, arial, helvetica, serif;  font-weight: bold;  }

.menuleft { text-align: left; font-size: 10px; color: #00FF00; font-family: verdana, arial, helvetica, serif; height: 20px; }

.menucenter { text-align: center; font-size: 10px; color: #00FF00; font-family: verdana, arial, helvetica, serif; height: 20px; }

.menuright { text-align: right; font-size: 10px; color: #00FF00; font-family: verdana, arial, helvetica, serif; height: 20px; }

.info { font-size: 9px; color: #00FF00; font-family: verdana, arial, helvetica, serif }

.maintable  {
  border: 0;
  padding: 0px 10px 0px 10px;
  height: 350px;
}

.maintable td {
	 border: 0;
}

.artgaltbl td, th{
	 border: 0;
}

.topinfo { height: 20px;  padding-top:5px; border: 0;}

.bottominfo  { text-align: right;  padding-top:5px;}

.displayimage { 
  background-color: #000000; 
  border: 0;
}

.icon_title { text-align: right; font-family: verdana, arial, helvetica, serif; font-weight: bold; font-size: 9px; color: #00FF00 }

.icon { text-align: center; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #00FF00 }

.icon_album { text-align: center; font-size: 11px; color: #00FF00; font-family: verdana, arial, helvetica, serif }

.icon_info { text-align: center; font-size: 9px; color: #00FF00; font-family: verdana, arial, helvetica, serif }

.icon_border { border-color: #6699CC }

.drop { text-align: center; }

.imgborder { border-color: #CCCCCC }

.image { text-align: center; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #00FF00 }

.caption { text-align: center; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #00FF00 }

.cp { font-size: 9px; color: #00FF00; text-align: center; font-family: verdana, arial, helvetica, serif; }

.details { background-color: #000000 }

.title { text-align: center; font-weight: bold; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #00FF00 }

.admin {font-size: 11px; color: #00FF00; text-align: center; font-family: verdana, arial, helvetica, serif}

.exiftable  { border: 0; background-color: #000000; }

.exif_title { text-align: right; font-family: verdana, arial, helvetica, serif; font-weight: bold; font-size: 9px; color: #00FF00 }

.exif { text-align: left; font-family: verdana, arial, helvetica, serif; font-size: 9px; color: #00FF00 }

.header {
  background-color: #F4F4F4
}

.menuborder  {
  background-color: #000000;
  border: 0; 
}

.bhBar { background-image: url(<emAlbumImageURL>/bhBar.gif); height: 12px; border: 0; }

.mhBar { background-image: url(<emAlbumImageURL>/mhBar.gif); height: 24px; text-align: left; border: 0;}

.menu { font-family: verdana, arial, courier; font-size: 10px; 
    text-decoration: none; text-align: center; }
  
.menu_over { font-family: verdana, arial, courier; font-size: 10px; 
     background-color: #FFFFFF; text-align: center;}
	  
.menu:link { color: #00FF00; text-decoration: none; }

.menu:hover { color: #00FF00; text-decoration: none; }

.menu:visited { color: #00FF00; text-decoration: none; }

.menu:active { color: #00FF00; text-decoration: none; }

*/

/*  xxx Spacegirl Posters */

#xxxsg {
   margin: 2em auto 3em auto;
	background: Black;
	width: 640px;
	height: 614px;
}

#xxxsg img {
	border: 0;
}

#xxxhs {
   margin: 2em auto 3em auto;
	background: Black;
	width: 800px;
	height: 600px;
}

#xxxhs img {
	border: 0;
}

/* MEMBERS TOUR
------------------------- */

#tourlinks {
	width: 660px;
	margin: 30px auto 50px auto;
}

#tourlinks li {
	float: left;
	margin: 20px;
	list-style-type: none;
}

#joinlinks {
   clear: both;
	padding-bottom: 50px;
}

#joinlinks2 {
	padding-bottom: 50px;
}

#joinlinks li, #joinlinks2 li {
	list-style-type: none;
	float: left;
	width:20%;
	text-align: center;
	margin: 20px 0;
}

#joinlinks li.last, #joinlinks2 li.last {
	width: 30%;
}

#joinlinks a, #joinlinks2 a {
	padding: 10px 20px;
	background-color: lime;
	color: #4b4b4b;
	font-weight: bold;
	border: 3px outset #006633;
}

#joinblurb {
	clear: both;
}

#joinblurb p {
	text-align: center;
	font-style: italic;
}

#joinblurb a {
	padding: 0;
	background-color: transparent;
	color: #A9A9A9;
	font-weight: normal;
	border: 0;
}

#tourthumbs {
	width: 700px;
	margin: 20px auto;
}

#tourthumbs li {
	list-style-type: none;
	float: left;
	margin: 25px;
}

#tourthumbs img {
	border: 0;
}

/* MEMBERS MOVIE PAGES
----------------------------------- */

/* Movie Thumbs display */

#movies {
   margin-left: 20px;
	margin-right: 20px;
}

#movielist {
	list-style-type: none;
}

#movielist li {
	float: left;
	margin: 30px 5px;
	text-align: center;
}

#movielist img {
	display: block;
}

/* Multipart movies */

#mpmovies {
   margin: 50px 10px 50px -30px;
}

#mpmovies li {
	list-style: none;
	height: 200px;
}

#mpmovies span {
	font-weight: bold;
}

#mpmovies img {
	float: left;
	margin-right: 8px;
}

/* MALL
----------------------------- */

.jlistlistl, .jlistlistr {
	width: 40%;
	margin: 25px 0;
	padding: 0 20px 20px 20px;
	border: 1px solid #00FF00;	
}

.jlistlistl {
	float: left;
}


.jlistlistr {
	float: right;
}