/*
This is the style sheet.  Any changes here will affect that class of tags for the entire website.  For example, the table properties segment will affect all of your tables. You can override this on any table you choose by adding your own tags.
*/


body{

	background-color: #FFFFFF;
	margin:0;
	font-family: verdana, arial;
	font-size: 70%;
	color: #36364c;
	text-align: center;
}


a {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}


a img {
	border: none;
	text-decoration: none;
}


a:visited {
	color: #36364c;
	font-weight:bold;
	text-decoration: none;
}


a:hover {
	color: #908dae;
	text-decoration: none;
	}

#main {
	border: none;
	width: 900px;
	height: 600px;
	margin: 0 auto; 
	position: relative;
}

#bgimage {
	width: 900px;
	height: 600px;
	z-index: 1;
}

#subtitle {
	position: absolute;
	left: 105px;
	top: 72px;
	width:233px;
	text-align: right;
	font-size: 13px;
	color: #FFFFFF;
	font-family: verdana;
	z-index:2;
	font-weight: none;
	margin:0;
	}

#content {
	position:absolute;
	left:46;
	top:90;
	width: 435;
	height: 459;
	z-index: 3;
	overflow:auto;
	text-align:left;
	}

#sidebar {
	position:absolute;
	left:725;
	top:90;
	width: 175;
	height: 459;
	z-index: 3;
	overflow:auto;
	text-align:left;
	}

p {
	padding-left:10;
	padding-right:10;
	}

h1 {
	color:#5b5f74;
	font-size:13px;
	padding-left:15;
	padding-right:15;
	}
h2 {
	color:#5b5f74;
	font-size:13px;
	}

ul {
	list-style-type: circle;
	}

td {    font-family: verdana, arial; 
	font-size: 70%;
	color: #36364c;
        }

#footer { 
     position:absolute; 
     top:600px; 
     left: 0px;
     width: 900px;
     z-index: 4;
     text-align: center;

     }