html	{ background: #000; }

body	{ margin: 0; }

#outer
	{ position: absolute;
	top: 40%;
	left: 0px;
	width: 100%;
	height: 1px;
	}

#inner
	{ margin-left: -250px;
	position: absolute;
	top: -150px;
	left: 50%;
	width: 700px;
	height: 400px; }


.bgtext
		{ font-size: 100px;
		position: absolute;
		top: 50px;
		left: -110px;
		right: -80px; }

.bgtext, .footertext
		{ color: #222;
		font-family: verdana, helvetica, sans serif; }

.footertext	{ font-size: 12px;
			position: absolute;
			top: 320px;
			text-align: center;
			width: 500px; }


div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#img1
			{ color: #222222;
			font-family: verdana, helvetica, sans serif;
			position: absolute; }

div#text1	{ font-size: 29px;
		top: 0px;
		left: -10px;
		z-index: 10; }

div#text2	{ font-size: 70px;
		top: 46px;
		left: -200px;
		z-index: 10; }

div#text3	{ font-size: 35px;
		top: 100px;
		left: 400px;
		z-index: 10; }

div#text4	{ font-size: 50px;
		top: 290px;
		left: -70px;
		z-index: 10; }

div#text5	{ font-size: 39px;
		top: 250px;
		left: 350px;
		z-index: 10; }

div#text6	{ font-size: 45px;
		top: -25px;
		left: 300px;
		z-index: 10; }

div#text7	{ font-size: 28px;
		top: 370px;
		left: 130px;
		z-index: 10; }

div#img1	{ font-size: 28px;
		top: 20px;
		left: -10px;
		z-index: 1;
		text-align: center;
		width: 400px;
		height: 400px;
		overflow: hidden;
		background-image: URL("images/bgfill.png"); }


div#text1 a:hover span	{ top: -3px;
						left: 0px;
						width: }

div#text2 a:hover span	{ top: -10px;
						left: 0px;
						width: }

div#text3 a:hover span	{ top: -4px;
						left: 0px;
						width: }

div#text4 a:hover span	{ top: 0px;
						left: 0px;
						width: }

div#text5 a:hover span	{ top: 0px;
						left: 0px;
						width: }

div#text6 a:hover span	{ top: -4px;
						left: 0px;
						width: }

div#text7 a:hover span	{ top: -4px;
						left: 0px;
						width: }

div#inner a:hover, div#inner2 a:hover
					{ background: none; }

div#inner a span	{ display: none; }

div#inner a:visited span	{ display: none; }

div#inner a	{ text-decoration: none;
			color: white; }

div#inner a:hover span	{ display: block;
						position: relative;
						background: none;
						font-size: 14px }

div#inner a:link, div#inner a:visited	{ text-decoration: none; }

div#inner a:hover	{ text-decoration: none }


div#content	{ position: absolute;
			top: -50px;
			left: -70px;
			width: 635px;
			height: 500px;
			overflow: auto;
			font-family: verdana, helvetica, sans serif;
			font-size: 13px;
			color: white;
			text-align: justify;
			margin: 3px;
			}

div#inner div#content a:hover	{ text-decoration: underline; }


div#close, div#top
			{ width: 17px;
			height: 17px;
			background: none;
			text-align: center;
			font-family: verdana, helvetica, sans serif;
			font-weight: bold;
			font-size: 12px;
			border: 1px solid #222; }

div#top	{ position: relative;
			left: 573px;
			top: 419px; }

div#close	{ position: relative;
			left: 573px;
			top: -47px; }

div#inner div#close a:link, div#inner div#top a:link	{ color: #fff; cursor: default; }
div#inner div#close a:visited, div#inner div#top a:visited	{ color: #fff; cursor: default; }
div#inner div#close a:hover, div#inner div#top a:hover	{ color: #fff; cursor: default; }


div#urltext	{ font-family: verdana, helvetica, sans serif;
			font-size: 30px;
			position: absolute;
			top: -87px;
			left: -69px; }


div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span
					{ color: #3BB9FF }

div#content div#titlebar	{ border: 1px solid #222222;
				background: #000;
				font-weight: normal;
				color:	#3BB9FF; }

div#content	{ margin-left: 0;
		padding-right: 8px; }


.titleblock	{ font-family: verdana, helvetica, sans serif;
				font-size: 12px;
				color: #3BB9FF;
				font-weight: bold;
				margin-right: 6px;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-left: 2px;
				border: 1px solid #222;
				padding: 4px;
				clear: left; }

.titleblock span	{ color: #3BB9FF; }

#urltext a:link, #urltext a:visited, #urltext a:hover, #urltext a:active	{ color: #444; }

/* ---- chris edits: -----*/

.thumb	{
	border: 2px solid #3BB9FF;
	width: 160px;
	overflow: hidden;
	text-align: center;
	float: left;
	margin: 5px 20px 5px 20px;
 }
img.thumbpic	{
	width: 150px;
	margin: 5px;
	display: inline;
 }
a img	{
	border: 0px;
	text-decoration: none;
 }
div#content p.fix	{
	width: 100%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 0px;
	overflow: visible;
	display: block;
	clear: left;
		}
.form	{
	width: 50%;
	height: 20px;
	background-color: #3BB9FF;
	border: 0px;
	font-size: 15px;
	margin: 5px;
 }
.button	{
	width: 25%;
	height: 20px;
	background-color: #FFFFFF;
	border: 0px;
	font-size: 15px;
	margin: 5px;
 }

/* ---- Peter edits: ---- */
/* the main page image link to the SR homepage */
a#index_SR_link, a#index_SR_link:visited	{
	display: block;
	margin: 5px;
	width: 600px;
	height: 130px;
	border: 0;
	background-image: url('images/srtitle.png'); }
a#index_SR_link:active, a#index_SR_link:hover, a#index_SR_link:visited:hover	{
	background-image: url('images/srtitle_hover.png'); }

/* the contact table */
#contact_tbl	{
	width: 600px;
	border: none;
	}
#contact_tbl th	{
	line-height: 1.6em;
	vertical-align: top;
	text-align: right;
	padding-right: 8px;
	}
#contact_tbl .form	{
	width: 401px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 1px;
	}
#reset, #submit	{
	width: 160px;
	margin: 2px 0 0 3px;
	line-height: 1.6em;
	padding: 1px;
	height: auto;
	font-family: Tahoma, sans-serif;
	}
#message	{
	height: 130px;
	}