/*------------------------------*/
/*	  V.S. conventions	*/
/*------------------------------*/
/*

#row1col1 {
float		(positioning)
margin(s)	(positioning)
padding		(spacing)
width
height
background
color
text-align
}

#row1col2 { ... }

#row1col1 (html tag) { ... }

#row1col2 (html tag) { ... }

*/
/*------------------------------*/
/*	      GLOBAL		*/
/*------------------------------*/
body {
margin: 0; padding: 0; 
background-color: black;
}

/*
a:link { color: white; text-decoration: none; }
a:visited { color: white; text-decoration: none; }
a:hover { background: red; color: white; text-decoration: none; }
a:active { color: gray; }
*/


p {
line-height: 180%;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 94%;
font-family: Georgia, 'Times New Roman', Times, serif;
}

blockquote {
font-weight: bold;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 100%;
}

span.head { color: purple; }
span.highlight { background:yellow; }
span.red { color:red; }
span.bluescreen { background: blue; color: white; }

span.palegold { color: palegoldenrod; }
span.orange { color: orange; }
span.yellow { color: yellow; }




.sub {
position: relative;
top: 0.3em;
color: blue;
font-size: 0.8em;
}

.super {
position: relative;
bottom: 0.5em;
color: red;
font-size: 0.8em;
}




/*------------------------------*/
/*	   Clear floats		*/
/*------------------------------*/		
.clearfix:after {
display:block;
content: ".";
height:0;
visibility:hidden;
clear:both;
font-size:0;
margin-bottom: 10px;
}
.clearfix {display:inline-block;}/* for IEMac & IE6/7 hasLayout trigger*/

/*hide from IE5 Mac\*/
* html .clearfix {height:1%;}
.clearfix {display:block;} /* resets to block for all browsers */
/*end hide from Mac*/

/*------------------------------*/
/*	       BANNER		*/
/*------------------------------*/
#banner {
margin-left: auto;
margin-right: auto;
width: 780px;
background: black;
color: olive;
text-align: right;
}

span.ban1 {
font-weight: normal;
font-style: normal;
font-size: 150%;
color: purple;
letter-spacing: .1em;
}

span.ban2 {
font-family: Georgia, 'Times New Roman', Times, serif;
font-weight: bold;
font-style: italic;
font-size: 110%;
color: olive;
letter-spacing: .2em;
}

/*------------------------------*/
/*	       ROW 1		*/
/*------------------------------*/
#row1col1 {
float: left;
margin-left: 3%;
width: 30%;
height: 68%;
background: black;
color: white;
}
		
#row1col2 {
float: left;
margin-left: 8%;
width: 52%;
height: 300px;
background: black;
text-align: center;
}

#row1col1 table {
border-style: solid;
border-width: 1px 2px 1px 24px;
}

#row1col1 li {
line-height: 180%;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 94%;
font-family: Georgia, 'Times New Roman', arial;
padding: .1cm;
}

#row1col2 img { margin-top: 50px; }

li.even { color: olive; }

.odd a:link { color: white; text-decoration: none; }
.odd a:visited { color: white; text-decoration: none; }
.odd a:hover { background: red; color: white; text-decoration: none; }
.odd a:active { color: yellow; text-decoration: none; }

.even a:link { color: olive; text-decoration: none; }
.even a:visited { color: olive; text-decoration: none; }
.even a:hover { background: red; color: white; text-decoration: none; }
.even a:active { color: yellow; text-decoration: none; }

/*------------------------------*/
/*	       ROW 2		*/
/*------------------------------*/
#row2 {
float: left;
margin-left: 3%;
margin-top: 54px;
width: 30%;
height: 200px;
background-color: black;
color: white;
}

#row2 table {
border-style: solid;
border-width: 1px 2px 1px 24px;
}

#row2 th {
text-align: right;
line-height: 180%;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 96%;
font-family: 'Times New Roman', arial, Georgia;
padding: .1cm;
color: fuchsia;
}

#row2 td {
text-align: right;
line-height: 180%;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 96%;
font-family: Georgia, 'Times New Roman', arial;
padding: .1cm;
}

#row2 span { color: fuchsia; }

/*------------------------------*/
/*	       ROW 3		*/
/*------------------------------*/
#row3col1 {
float: left;
margin-left: 3%;
margin-top: 54px;
width: 30%;
height: 200px;
background: black;
color: white;
}

#row3col2 {
float: left;
margin-left: 8%;
margin-top: -100px;
width: 52%;
height: 68%;
padding: .6cm;
background: black;
color: black;
}

#row3col1 table {
border-style: solid;
border-width: 1px 2px 1px 24px;
}

#row3col1 th {
text-align: right;
line-height: 180%;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 96%;
font-family: 'Times New Roman', arial, Georgia;
padding: .1cm;
color: royalblue;
}

#row3col1 td {
text-align: center;
line-height: 180%;
word-spacing: .15em;
letter-spacing: .1em;
font-size: 94%;
font-family: Georgia, 'Times New Roman', arial;
padding: .1cm;
}

#row3col2 a:link { color: none; text-decoration: none; }
#row3col2 a:visited { color: none; text-decoration: none; }
#row3col2 a:hover { background: none; color: none; text-decoration: none; }
#row3col2 a:active { color: none; }

/*------------------------------*/
/*	       ROW 4		*/
/*------------------------------*/
#row4 {
margin-left: auto;
margin-right: auto;
width: 740px;
padding: .6cm;
background: #bbb;
color: black;
}

#row4 table {
border-style: dashed;
border-width: 3px 3px 3px 3px;
}

#row4 th {
text-align: center;
padding: .2cm;
background: black;
color: palegoldenrod;
}

#row4 td {
text-align: center;
padding: .3cm;
background: black;
color: white;
}

/*------------------------------*/
/*	    NAVIGATION		*/
/*------------------------------*/
#navigation {
float: left;
margin-left: 3%;
width: 94%;
background-color: black;
color: white;
}

h4.counter {
text-align: center;
}

span.COUNT {
font-size: 150%;
color: olive;
font-style: italic;
}

h4.prev_next {
text-align: center;
}

table.contentsbox {
margin-left: 50px;
color: olive;
}

td.dashed {
border-style: dashed;
border-width: 3px;
text-align: center;
padding: 0.2cm;
}

h4.arrows {
font-size: 180%;
color: olive;
text-align: left;
margin-left: 54px;
margin-bottom: 5px;
}

.odd a:link { color: white; text-decoration: none; }
.odd a:visited { color: white; text-decoration: none; }
.odd a:hover { background: red; color: white; text-decoration: none; }
.odd a:active { color: yellow; text-decoration: none; }

/*------------------------------*/
/*	      FOOTER		*/
/*------------------------------*/
#footer {
margin-left: auto;
margin-right: auto;
width: 780px;
background: #bbb;
color: white;
}

#footer h6 {
text-align: center;
}