/* Layout Stylesheet */ 

body{
margin:0;
padding:0;
line-height: 1.5em;
background-image: url('t1.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
}

a img{border-width:0px;}

p.main{
 font family: Georgia, "Times New Roman", Times, serif;
 font-size: 1.2em;
 text-align: justify;
 }

p:first-letter
{
color: #000000;
font-size: 250%;
font-family: algerian,courier;
line-height:100%;
}

#p2{
 font family: arial;
 font-size: 12px;
 font-variant: small-caps;
 padding-left: 5px;
 padding-right: 10px;
 text-align: center;
 }

#p7{
 font family: Georgia, Times, serif;
 font-size: 16pt;
 letter-spacing: -1px;
 font-weight: bold;
 line-height: 90%;
 text-indent: 0.5cm;
 }

#p8{
 font family: Georgia, Times, serif;
 font-size: 16pt;
 letter-spacing: -1px;
 font-weight:bold;
 line-height: 90%;
 text-indent: 2cm;
 }

#p9{
 font family: Georgia, Times, serif;
 font-size: 16pt;
 letter-spacing: -1px;
 font-weight:bold;
 line-height: 90%;
 text-indent: 3cm;
 }

b{
font-size: 110%;
}

em{
color: red;
}

#topsection{
background: transparent;
height: 140px; /*Height of top section*/
padding-bottom: 5px;
}

#topsection h1{
margin: 0;
padding-top: 5px;
}

#contentwrapper{
float: right;
width: 100%;
margin-left: -650px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
}

#contentcolumn{
margin-left: 650px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
}

#leftcolumn{
position: fixed;
left: 0px;
width: 220px; /*Width of left column in pixels*/
background: transparent;
}

#rightcolumn{
position: absolute;
left: 220px;
width: 430px; /*Width of right column in pixels*/
height: 400px;
background: transparent;
}

#rh-col{
 position: absolute;
 top: 308px;
 right: 0px;
 width: 280px;
 border-left: 2px solid #000000;
 border-bottom: 2px solid #000000;
 background: #cccccc;
 color: #333333;
 margin: 0px;
 padding-left: 40px;
 height: 540px;
 }

#footer{
position: relative; 
top: 940px;
clear: both;
width: 100%;
background: transparent;
color: #FFF;
text-align: center;
padding: 0 0;
font-weight: bold;
font-size:x-small;
margin:5px 5px 5px 5px;
}

#footer a{
color: #2F4F4F;
text-decoration: none;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

span{
white-space: nowrap;
}

div.gray{
font-style: italic;
font-size: small;
}

#button {
	width: 190px;
	border-right: 1px solid #000;
	padding: 0 0 0 0;
	margin-bottom: 1em;
	font-family: 'Georgia', 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, Georgia, sans-serif;
	font-size: 12pt;
	background-color: none;
	}


#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#button li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	}

#button li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px transparent;
	border-right: 10px transparent;
	background-color: none;
	text-decoration: none;
	width: 157px;
	color: #000080;
	}

html>body #button li a {
	width: auto;
	}

#button li a:hover {
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #C6E2FF;
	border-right: 10px solid #63B8FF;
	background-color: #36648B;
	color: #555555;
	}

#button li a:visited {
	color: #000080;
	}

.thumbnail{
position: relative;
z-index: 2;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
font-size: 130%;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #6E7B8B;
padding: 5px;
left: -1000px;
border: 2px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 10px;
left: 80px; /*position where enlarged image should offset horizontally */


#p{
 font family: Georgia, "Times New Roman", Times, serif;
 font-size: 12pt;
 padding-left: 180px;
 }

div.close{
letter-spacing: -1px;
}

table{
 background: #c0c0c0;
 width: 260px;
 align: center;
 }

table.clear{
 background: transparent;
 width: 320px;
 align: center;
 }

th.clear{
 background: transparent;
 }

td{
 background: #c0c0c0;
 padding-left: 5px;
 padding-right: 5px;
 }

td.clear{
 background: transparent;
 padding-left: 5px;
 padding-right: 5px;
 color: #e5e5e5;
 }

td.clear1{
 background: transparent;
 width: 280px;
 padding-left: 5px;
 padding-right: 5px;
 }

td.left{
 background: #c0c0c0;
 padding-left: 5px;
 text-align: left;
 }

td.right{
 background: #c0c0c0;
 padding-right: 5px;
 text-align: right;
 }

td.center{
 background: #c0c0c0;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
 }

tr{
 background: #c0c0c0;
 }

tr.clear{
 background: transparent;
 }

a:link {
  color: none;
  }     /* unvisited link */

a:visited {
  color: none;
  }  /* visited link */

a:hover {
  color: none;
  }   /* mouse over link */

a:active {
  color: none;
  }   /* selected link */
div.background {
	width: 700px;
	height: auto;
	margin: 20px;
	background: transparent;
	border: 2px solid black;
}




div.transbox {
	width: auto;
	height: auto;
	margin: 10px 10px; /* margins times 2 for transbox */
	background: transparent url(50filter.png);
	border: 1px solid black;
	font-family:arial, san serif;
	padding:5px;
}
div.transbox p {
	margin: 30px 40px;
	font-weight: bold;
	color: solid black;
}