/* 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: white;

		
		
		background-repeat: repeat-x;
	}
	
	body {
		font: 14px Verdana, sans-serif;

		
		
		background-position: 30% 50%;
		background-repeat: repeat-y;
		
		
	}
	
	/*
	** Layout Table
	*/
	table.layout {
		width: 100%;
		height: 100%;
	}
	td.layout {
		vertical-align: middle;
		text-align: center;

		background-image: url(/images/stripebg.png);
		
				
	}
	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;
	}

	/*
	** Layout Area
	*/
	#content {
		background-color: #363;
		background-color: #777;
		position: relative;
		width: 720px;
		height: 400px;
		margin-left: auto;
		margin-right: auto;
		
		
		
		border: 1px solid;
		
		background-image: url(/images/backgrounds/bg04.jpg);
		background-position: center center;
		text-align: left;
	}
	#content {
		
	}
	

	/*
	** Alternating Backgrounds
	*/
	#bg1, #bg2, #fg {
		width: 100%;
		height: 100%;
		position: absolute;
	}
	#fg {
		z-index: 2;
	}
	#bg1, #bg2 {
		background-position: center center;
		
		
		
		
		
	}
	#bg2 {
		
		
	}
	
	/*
	** Footer
	*/
	#footer {
		position: relative;
		width: 720px;
		margin-left: auto;
		margin-right: auto;
		font-size: 10px;
		text-align: left;
		
	}
	#footer {	
		color: #663;
		color: white;
		color: black;
	}
	#footer a {
		text-decoration: none;
		
		color: black;
	}
	#footer a:hover {
		text-decoration: underline;
	}


	.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
	*/
	#logo {
		position: absolute;
		right: 20px;
		top: 15px;
		border: none;
	}
	
	/*
	** Main Banner
	*/
	#banner {
		position: absolute;
		left: 0px;
		top: 35px;
		width: 100%;
	}
	#banner .text {
		display: none;
	}
	#banner .image {
		display: block;
		
		 
		width: 100%;
		height: 40px;
		background-color: #e9d9ad;
		background-color: rgb(239,227,195);
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background-repeat: no-repeat;
		background-position: 20px center;
	}
	
	#tagline {
		position: absolute;
		left: 140px;
		top: 55px;
		color: black;
		font-size: 11px;
		font-style: italic;
		text-align: right;
		width: 340px;
	}
	
	/*
	** Main Title
	*/
	#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
	*/
	#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);
	}

	/*
	** HTML Headings
	*/
	h3, h4 {
		margin-bottom: 1em;
	}
	
	h3 {
		font-size: 110%;
	}
	
	/*
	** Main Content Area
	*/
	#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.2);
		
		behavior: url(png4ie.htc);
		padding: 1px;
	}
	#main a {
		color: white;
		color: #ddd;
		
		
		
		
		
		
	}
	#main a:hover {
		
		color: white;
	}

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

		width: 420px;
		overflow: auto;
	}
	#scrollable {
		width: 395px;
		
	}
	
	/*
	#textmenu {
		display: none;
	}
	*/
	
	/*
	** Main Menu
	*/	
	#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
	*/
	#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
	*/
	#features {
		position: absolute;
		width: 240px;
		height: 160px;
		border: 1px solid #354;
		left: 15px;
		bottom: 15px;
	}

	/*
	** Side Area
	*/
	#side {
		
		position: absolute;
		width: 240px;
		
		left: 15px;
		bottom: 15px;
		background-image: url(images/bg.php?color=003322&opacity=0.5);
		background-image: url(images/bg.php?color=black&opacity=0.3);
		font-size: 90%;
		color: white;
	}
	#side p {
		padding: 4px;
	}

	
	
	#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;
		display: none;
	}

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

	
	#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;
	}
	
	.testvi {
		position: absolute;
		background-color: yellow;
		padding: 5px;
	}
	.testvi textarea {
		width: 400px;
		height: 300px;
	}


	#reveal {
		width: 16px;
		height: 10px;
		position: absolute;
		top: 2px;
		left: 32px;
		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;
	}
	
	
/*
** Layout Corners
*/
.Corners div {
	width: 30px;
	height: 30px;
	
	position: absolute;
	z-index: 1000;
}
.Corners .TopRight {
	background-image: url(images/corners/tr.png);
	top: -1px;
	right: -1px;
	
}
.Corners .TopLeft {
	background-image: url(images/corners/tl.png);
	top: -1px;
	left: -1px;
}
.Corners .BottomLeft {
	
	background-image: url(images/corners/bl.png);
	left: -1px;
	bottom: -1px;
}
.Corners .BottomRight {
	background-image: url(images/corners/br.png);
	right: -1px;
	bottom: -1px;
}
	


/* Runtime: 0.00438618659973 */