/* i love css :) */
body, html {
		margin:0;
		padding:0;
		background:#fff;
		}
	body {
		min-width:725px;
		margin-bottom:30px;
		}
	#frame {
	  width:725px;
	  margin-right:auto;
	  margin-left:auto;
	  margin-top:15px;
	  padding:0px;
	  text-align:left;
	  background:#b2b2b2;
	  background-position:left bottom;background-image:url('btm.gif');background-repeat: no-repeat;
	  }
	#lframe {
	  width:25px;
	  padding:0px;
	  margin:0px;
	  text-align:left;
	  float:left;
	  min-height:100%;
	  }
		
	#lt,#lc,#lb {clear:both;background-color:#ffffff;width:25px;padding:0px;margin:0px;}
	#lt {height:81px;}	
	#lc {height:auto;}
/*	#lb {height:25px;position: absolute;
				bottom: 0;}
*/

	#rframe {
	  width:700px;
	  padding:0px;
	  text-align:left;
	  float:right;
	  background:#666666;
	  }
	#header {
	  width:700px;
	  height:200px;
	  padding:0px;
	  }
	#menu {
	  width:660px; /* 770px - padding = 764px */
	  padding:10px;
	  margin:10px;
	  background-color:#ffffff;
	  text-align:center;
	  color:#666666;
	  }
	#content {
	  width:660px; /* 770px - padding = 764px */
	  padding:10px;
	  margin:10px;
	  background-color:#ffffff;
	  min-height:200px;
	  }
	#footer {
	  width:660px; /* 770px - padding = 764px */
	  padding:10px;
	  margin:10px;
	  padding-top:0px;
	  background-color:#666666;
	  color:#222222;
	  text-align:center;
	  }
	#clear {clear:both;}
	  
	/*  Also adding some basic text formatting: */
	body,p,a {
	  font-family:Verdana, Arial;
	  font-size:12px;
	  }
	  body {background-color:white;}
	a {color:#666666;}
	a#namelink {color:white;}
	p {text-align:justify;}


	a.afooter {color:white;}
	
	ul {margin-bottom:15px;margin-top:5px;}

/*

body {
	background: url('img/ghostsgrey.gif') black;
	text-align: center;
	vertical-align: top;
	align: center;
	margin: 15px;
	overflow-x: auto;
	overflow-y: visible;
	scrollbar-arrow-color: black;
	scrollbar-base-color:red;
	scrollbar-dark-shadow-color:black;
	scrollbar-face-color:red;
	scrollbar-highlight-color:gray;
	scrollbar-shadow-color:black;
	scrollbar-3d-light-color:gray;
	scrollbar-track-color:darkgrey;
	
	font-family: arial narrow, verdana, arial;}

iframe {margin: 0px; padding: 0px; border: 0px;}
img {padding: 0px; border: 0px; vertical-align: center;}

span {text-align: center;font-size:90%;}

table {padding: 0px;}

td {padding: 0px; vertical-align: top; height: 100%; color: white; font-size:13px; font-family: verdana, arial narrow, arial;}

p {font-family: verdana, arial narrow, arial;font-size:13px; text-align:justify;margin:0px 15px 0px 15px;}


ul,li {text-align:left;width:100%;}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif; color:white; font-weight:900; width:100%;text-align:center;}

h1 {font-size:250%;}

h2 {font-size:150%;}

h3 {font-size:125%;}

h4 {font-size:100%;}

h5 {font-size:100%;font-weight:none;}

h6 {font-size:75%;}


h3,h4,h5,h6 {text-align:left;padding-left:15px;}

div.par {text-align:left; width:100%;}

td.header 		{border: 1px white solid; padding: 0px; text-align: center;  background: black;}
td.menuleft 	{background-color: #333333;	border: 1px white solid; padding: 5px; text-align: right; font-size: 11px; font-family: Georgia, Trebuchet MS, times; font-style: italic;}
td.main 		{background-color: black;	border: 1px white solid; padding: 5px; text-align: center;}
td.menuright	{background-color: black;	border: 1px white solid; padding: 5px; text-align: left;}
td.footer 		{background-color: black;	border: 1px white solid; padding: 5px; text-align: center;}


td.headerpanel {width: 100%;	text-align: center;		padding: 0px 0px 0px 0px; height: 50px;}
td.middlepanel {width: 100%;	text-align: center;		padding: 10px 0px 10px 0px;}

td.leftpanel   {width: 100%;	text-align: left;		padding: 0px 10px 0px 0px; height: 100%;}
td.centerpanel {width: 100%;	text-align: center; 	padding: 0px 0px 0px 0px;}
td.rightpanel  {width: 100%;	text-align: right;		padding: 0px 0px 0px 10px;}

td.footerpanel {width: 100%;	text-align: center; 	padding: 0px 0px 0px 0px;}


a:hover 		{color: #ff9999; text-decoration: none; font-weight: none; }
a				{color: red; text-decoration: none;}

a.menu:hover 	{color: white;  text-decoration: none; font-weight: bold;}
a.menu 			{color: white; text-decoration: none; font-style: italic;}


div.menutitle {color: #ff3333;}


input,textarea, select   { color: #000000; font: 11px Verdana, Arial, Helvetica, sans-serif; border: #000000; vertical-align:center; }
select   { background: #c0c0c0; border: solid 1px #000000 }
input   { text-indent: 2px font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

.gbutton 				{background: #666666; border: 2px #000000 solid; color: white; height:24px; width: 100px;padding:3px;}
.gtextfield, textarea 	{background: #666666; border: 2px #000000 solid; color: white; height:14px; width: 144px;padding:3px;}


.paget {font-size: 16px; font-weight: 400; font-family: Impact; color: white; text-decoration: none;}
a.paget:link {text-decoration: none;}
a.paget:hover {color: white; text-decoration: overline underline;}
a.paget:active {background: black; text-decoration: overline;}
a.paget:visited {}
 
a.page {font-size: 12px; font-family: arial; color: white; text-decoration: none; font-weight: bold;}
a.page:link {color: white; text-decoration: none;}
a.page:hover {color: white; text-decoration: underline;}
a.page:active {color: white; background: black; text-decoration: none;}
a.page:visited {}


table.pagetbl {width: 100%; background-color: #555555; border: 0.01em #ddddd solid;}
td.pagetd {padding: 5px; vertical-align: top; color: white; text-align: left; border: 1px black solid;}

table.all {background: url('img/greenphase1.jpg') maroon; width: 675px; height: 100%; border-width: 1px; border-color: #aaaaaa; border-style: solid;}
td.all {width: 100%; height: 100%; text-align: center; vertical-align: top;}

table.fullcont {height: 100%; width: 100%; padding: 0px; margin: 0px;}

td.navbar {width: 100%; height: 27px; padding: 0px; background: black;}

td.titletd {height: 61px; width: 100%; padding: 5px; text-align: left; vertical-align: center; background: url('img/greenphase2.jpg'); background-position: bottom left;}

td.maincont {width: 100%; padding: 0px; text-align: left; vertical-align: top; background: url('img/greenphase1.jpg'); background-position: top left;}
div.maincont {height: 100%; padding: 10px;}

td.iframetd {height: 40px; width: 100%; padding: 0px 0px 0px 3px; background-color: black;}

div.icondiv {height: 52px; width: 52px; float: left; padding-right: 3px;}
img.icon {width: 50px; height: 50px; border: 1px black solid;}




a.ellinko {font-size: 10px; font-family: arial; color: white; text-decoration: none; font-weight: bold; background: black;}
a.ellinko:link {color: #bb0000; text-decoration: none; background: black;}
a.ellinko:hover {color: #ffff00; text-decoration: underline; background: black;}
a.ellinko:active {color: #bb0000;; text-decoration: none; background: black;}
a.ellinko:visited {color: #bb0000; text-decoration: none; background: black;}

td.iframetd {height: 40px; width: 100%; padding: 0px 0px 0px 3px; background-color: black; vertical-align: bottom;}
span.copyr {font-family: Verdana, arial; font-size: 10px; color: #ffff00;}


div.text {text-align: center; color: white; font-family; verdana; font-size: 12px; width: 500px;}

.rosterboxl {width: 200px; border: 1px white solid; color: red; font-size: 14px; font-weight: 900; vertical-align: center;}
.rosterboxr {width: 300px; border: 1px white solid; color: white; font-size: 11px; border-left-width: 0px; text-align: left; vertical-align: top; padding: 5px;}
.rbrl {width: 75px; text-align: right; padding-right: 2px; color: white; font-weight: bold; vertical-align: top;}
.rbrr {width: 215px; text-align: left; padding-left: 2px; color: white; vertical-align: top;}

.biot {border:1px black solid;width:525px;}

.bior1 {background: #ddcccc;width:75px;}
.bioe1 {background: #ccddcc;width:150px;}
.bioa1 {background: #ccccdd;width:200px;}

.bior2 {background: #bbaaaa;}
.bioe2 {background: #aabbaa;}
.bioa2 {background: #aaaabb;}

.bior1, .bioe1, .bioa1, .bior2, .bioe2, .bioa2 {color:#000000;vertical-align:top;text-align:left;}

*/