/* CSS Pre-processor */

	* {
		font-size: 100%;
		margin: 0px;
		padding: 0px;
	}

	html, body {
		width: 100%;
		height: 100%;
	}
	
	html {
		background-color: rgb(4, 37, 78);
		background-color: #fefef6;
		background-position: 50% 50%;

		background-color: #f0f099;

		background-color: rgb(4, 37, 78);
		background-image: url(/images/gradientbg.jpg);
		background-repeat: repeat-x;
	}
	
	body {
		font: 14px Verdana, sans-serif;

		
		
		background-position: 30% 50%;
		background-repeat: repeat-y;
		
		
	}

	xbody {
		background-image: url(/images/testgrad.jpg);
		background-repeat: repeat-x;
		background-position: 50% 50%;
	}
	
	table.layout {
		width: 100%;
		height: 100%;
	}
	td.layout {
		vertical-align: middle;
		text-align: center;

		background-image: url(/images/stripebg.jpg);
		
				
	}
	td.layout {
		background-position: 50% 50%;
		background-repeat: repeat-x;
		
	}
	
	a {
		color: white;
	}
	
	ul, ol 
	{
		font-size: 95%;
		margin: 1em;
	}
	li {
		margin: .25em;
		margin-left: 2em;
	}

	a img {
		border: none;
	}
	
	blockquote {
		margin: 1.5em;
	}
	blockquote.center {
		text-align: center;
	}
	
	hr {
		display: none;
	}
	
	#content {
		background-color: #363;
		background-color: #777;
		position: relative;
		width: 720px;
		height: 400px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #798;
		border: 1px solid #330;
		background-image: url(/images/backgrounds/bg04.jpg);
		background-position: center center;
		text-align: left;
	}
	
	#bg1, #bg2, #fg {
		width: 100%;
		height: 100%;
		position: absolute;
	}
	#fg {
		z-index: 2;
	}
	#bg1, #bg2 {
		background-position: center center;
		
		
		
		
		
	}
	#bg2 {
		
		
	}
	
	#footer {
		position: relative;
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10px;
		text-align: left;
		
	}

	.a {
		background-image: url(images/bg1.jpg);
	}
	.b {
		background-image: url(images/bg2.jpg);
	}
	.c {
		background-image: url(images/bg3.jpg);
	}
	.d {
		background-image: url(images/bg4.jpg);
	}
	
	#logo {
		position: absolute;
		right: 20px;
		top: 15px;
		border: none;
	}
	
	#banner {
		position: absolute;
		left: 0px;
		top: 20px;
	}
	#banner .text {
		display: none;
	}
	#banner .image {
		display: block;
		background-image: url(/images/banner2.png);
		behavior: url(iepngfix.htc); 
		width: 388px;
		height: 72px;
	}
	
	#tagline {
		position: absolute;
		left: 0px;
		top: 85px;
		color: white;
		font-size: 10px;
		font-style: italic;
		text-align: right;
		width: 340px;
	}
	
	#title {
		position: absolute;
		width: 240px;
		height: 30px;
		left: 15px;
		top: 150px;
		text-align: right;
	}
	#title .text {
		display: none;
	}
	#title .image {
		background-repeat: no-repeat;
		background-position: right top;
		display: block;
		width: 100%;
		height: 100%;
		behavior: url(png4ie.htc);
	}
	
	#subtitle {
		
		position: absolute;
		width: 240px;
		height: 30px;
		left: 15px;
		top: 175px;
		text-align: right;

		top: 30px;
		right: 0px;
		left: auto;
	}
	#subtitle .separator,
	#subtitle .text {
		display: none;
	}
	#subtitle .image {
		background-repeat: no-repeat;
		background-position: right top;
		display: block;
		width: 100%;
		height: 100%;
		behavior: url(png4ie.htc);
	}
	
	h3, h4 {
		margin-bottom: 1em;
	}
	
	h3 {
		font-size: 110%;
	}
	
	#main {
		position: absolute;
		right: 15px;
		bottom: 40px;
		width: 435px;
		height: 220px;
		color: white;
	}
	#main .background {
		width: 100%;
		height: 100%;
		background-image: url(images/bg.php?color=black&opacity=0.3);
		
		behavior: url(png4ie.htc);
	}
	#main p,
	#main ul,
	#main ol {
		margin-bottom: 1em;
	}
	#main table {
		margin-left: 1em;
		border: 1px solid white;
		width: 380px;
	}
	#main table thead td {
		border-bottom: 1px solid white;
		font-size: 90%;
		
	}
	#main td {
		background-image: url(images/bg.php?color=white&opacity=0.7);
		
		behavior: url(png4ie.htc);
		padding: 1px;
		color: black;
	}
	#main a {
		color: white;
		color: #ddd;
		
		
		
		
		
		
	}
	#main a:hover {
		
		color: white;
	}

	#scroller {
		position: absolute;
		
		
		margin: 15px;
		height: 190px;
		

		width: 420px;
		overflow: auto;
	}
	#scrollable {
		width: 395px;
		
	}
	
	/*
	#textmenu {
		display: none;
	}
	*/
	
	#menu {
		position: absolute;
		right: 0px;
		bottom: 0px;
		width: 430px;
		height: 25px;
		padding-left: 10px;
		padding-right: 10px;
		background-image: url(images/bg.php?color=white&opacity=0.5);
		behavior: url(iepngfix.htc);
	}
	#menu .item {
		float: left;
		height: 100%;
		color: rgb(103, 120, 82);
		padding-left: .5em;
		padding-right: .5em;
		line-height: 25px;
		font-size: 11.5px;
		position: relative;
		cursor: pointer;
	}	
	#menu .separator {
		display: none;
	}
	#menu .selected,
	#menu .context {
		background-color: white;
	}
	#menu a {
		text-decoration: none;
	}
	#menu a img {
		position: relative;
		top: 5px;
		behavior: url(png4ie.htc);
	}
	#menu a:hover {
		background-color: white;
	}
	
	#menu .text {
		display: none;
	}
	#menu .image {
		position: relative;
		top: 5px;
		display: block;
		height: 100%;
		width: 40px;
		background-position: left top;
		background-repeat: no-repeat;
		behavior: url(png4ie.htc);
		
	}
	#menu .root {
		display: none;
	}
	
	
	#submenu-container {
		position: absolute;
		right: 15px;
		top: 120px;
		height: 20px;
		width: 435px;
	}
	#submenu {
		position: absolute;
		right: 10px;
		bottom: 0px;
		font-size: 10px;
		height: 20px;
		

		
		
		behavior: url(png4ie.htc);

		
		
		
		overflow: hidden;
	}
	#submenu .item {
		float: left;
		height: 100%;
		line-height: 20px;
		background-image: url(images/bg.php?color=black&opacity=0.6);
		behavior: url(png4ie.htc);

		padding-left: 1em;
		padding-right: 1em;

		margin-right: 1px;
		
		position: relative;
		top: 3px;
	}
	#submenu .separator {
		float: left;
		width: 10px;
		line-height: 20px;
		text-align: center;
		color: white;	
		display: none;
	}
	#submenu a {
		text-decoration: none;
		border-bottom: 1px solid black;
		color: #ccc;
	}
	#submenu a:hover {
		color: white;
		background-image: url(images/bg.php?color=black&opacity=0.4);
		behavior: url(png4ie.htc);
	}
	#submenu .selected {
		background-image: url(images/bg.php?color=black&opacity=0.3);
		color: white;
		
		
		
		top: 0px;
	}
	#submenu .lead {
		border-bottom: 1px solid black;
		width: 10px;
		display: block;
		float: left;
		height: 100%;
	}
	
	
	#features {
		position: absolute;
		width: 240px;
		height: 160px;
		border: 1px solid #354;
		left: 15px;
		bottom: 15px;
	}

	#side {
		border: solid;
		position: absolute;
		width: 240px;
		border: 1px solid #354;
		left: 15px;
		bottom: 15px;

		
		border: none;
	}

	#side p {
		color: white;
		font-size: 90%;
		padding: 3px 7px;
		background-image: url(images/bg.php?color=003322&opacity=0.7);
		background-image: url(images/bg.php?color=687f36&opacity=0.7);
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
	}
	
	
	#images {	
		width: 240px;
		height: 160px;
		background-image: url(images/bg.php?color=003322&opacity=0.5);
		position: relative;
	}
	
	#feature1 {
		width: 240px;
		height: 160px;
		position: absolute;
	}

	#feature2 {
		width: 240px;
		height: 160px;
		position: absolute;
	}	
	
	
	img.art {
		border: 1px solid #354;
		margin: 10px;
		margin-top: 0px;
	}
	
	img.photo {
		border: 1px solid #354;
		margin: 10px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	#controls {
		position: absolute;
		left: 340px;
		font-style: italic;
	}

	#copyright {
		position: absolute;
		right: 0px;
		top: 0px;
	}
	
	#links {
		position: absolute;
		left: 25px;
		top: 0px;
	}

	#footer {	
		color: #663;
		color: white;
	}
	#footer a {
		text-decoration: none;
		
	}
	#footer a:hover {
		text-decoration: underline;
	}
	
	#features {
		
	}
	
	#slider {
		position: absolute;
		right: 15px;
		bottom: 30px;
		width: 100px;
		height: 10px;
		border: 1px solid black;
		background-color: blue;
	}
	#control {
		position: absolute;
		width: 10px;
		height: 10px;
		border: 1px solid black;
		background-color: red;
		left: 0px;
		top: 0px;
	}
	
	img.autotext {
		position: relative;
		top: 7px;
	}
	
	#content {
		overflow: hidden;
	}
	
	.testvi {
		position: absolute;
		background-color: yellow;
		padding: 5px;
	}
	.testvi textarea {
		width: 400px;
		height: 300px;
	}

	#reveal {
		width: 16px;
		height: 10px;
		position: absolute;
		top: 2px;
		left: 2px;
		cursor: pointer;
		background-color: blue;
		background-image: url(/images/showbgbutton.png);
		background-position: center center;
	}



	#debug {
		display: none;
		font-size: 10px;
		position:absolute;
		bottom:0px;
		right:0px;
		color:white;
	}


/* Runtime: 0.00154399871826 */