/*	$Id: gsc.css,v 1.15 2009/10/05 18:51:39 spud Exp $	*/

	body {
		margin: 0;
		padding: 0;
		background-image: url(../../graphics/elements/background.png);
		background-repeat: repeat-y;
		background-position: top center;
		font-family: Arial, helvetica, Sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #743920;
	}
	
	#header {
		height: 176px;
		background-image: url(../../graphics/elements/header.png);
		background-repeat: no-repeat;
		background-position: top center;
		z-index: 10;
	}
	
	#tagline {
		z-index: 20;
		font-style: italic;
		color: #d09220;
		position: absolute;
		top: 140px;
		left: auto;
		right: 25%;
	}
	
	#content {
		width: 840px;
		min-height: 446px;
		margin: 0 auto 30px auto;
	}
	
	#sidebar {
		float: left;
		width: 214px;
	}
	
	#navbox {
		width: 210px;
		height: 392px;
		margin-left: 4px;
		background-image: url(../../graphics/elements/navbox.png);
		background-repeat: no-repeat;
		background-position: top center;
	}
	
	#navbox ul {
		margin: 0;
		padding: 80px 10px 30px 30px;
		list-style-type: none;
	}
	
	#navbox ul li {
		padding: 3px 0;
	}
	
	#navbox ul li ul {
		margin: 0;
		padding: 5px 0 5px 5px;
	}
	
	#navbox ul li ul li {
		margin: 0;
		padding: 1px 0;
	}
	
	ul li a {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
		font-weight: bold;
		color: #743920;
		text-decoration: none;
	}
	
	ul li a.active, ul li ul li a.active {
		text-decoration: none;
		color: #d09220;
	}
	
	ul li ul li a {
		font-size: 12px;
		font-weight: normal;
	}
	
	#contactbox {
		margin: 10px 20px 0 20px;
	}
	
	#contentbox {
		width: 610px;
		margin-left: 220px;
	}
	
	#text {
		margin-top: 0;
		padding-top: 0;
	}
	
	
	#logobar {
		width: 840px;
		height: 50px;
		margin: 0 auto 50px auto;
	}
	
	#resourcebox {
		float: left;
		width: 214px;
		height: 50px;
		margin-left: 20px;
	}
	
	#stainmasterbox {
		float: left;
		margin-left: 130px;
		width: 138px;
		text-align: right;
		height: 50px;
	}
	
	#bowebox {
		float: right;
		margin-right: 20px;
		width: 214px;
		text-align: right;
		height: 50px;
	}
	
	#footer {
		position: fixed;
		bottom: 0;
		left: 0;
		height: 30px;
		width: 100%;
		background-image: url(../../graphics/elements/footer.png);
		background-repeat: no-repeat;
		background-position: top center;
		z-index: 10;
	}
	
	
	a {
		text-decoration: none;
		color: #743920;
	}
	
	a:hover {
		color: #d09220;
		text-decoration: underline;
	}
	
	dt {
		font-weight: bold;
		font-size: 14px;
		margin-bottom: 2px;
	}
	
	dd {
		margin-bottom: 5px;
		margin-left: 20px;
	}
	
	
	
	
	
/*	SLIDESHOW ROTOR IMAGES	*/
	
	#imageSlideshowHolder{
	
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

	In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
	border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
	should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

	*/
	/* CSS HACK */
	width: 610px;	/* IE 5.x */
	width/* */:/**/604px;	/* Other browsers */
	width: /**/604px;
	
	/* CSS HACK */
	height: 381px;	/* IE 5.x */
	height/* */:/**/375px;	/* Other browsers */
	height: /**/375px;
	
	position:relative;	/* Never change this value */
	
	padding-top: 6px;
	margin-bottom: 18px;
}
.imageInGallery{		
	width: 610px;
	height: 381px;
	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}

#imageSlideshowHolder img{
	position:absolute;
}


			
/*	PROJECT LOADER CSS	*/

			#bml {
				float: right;
				margin-left: 20px;
				margin-top: 0;
				font-size: 10px;
				font-weight: normal;
			}
			
			.bmltag {
				color: #fff;
				font-size: 10px;
				font-weight: bold;
			}

			.lefty {
				float: left;
				text-align: left;
				font-weight: bold;
				color: #fff;
				width: 49%;
			}

			.righty {
				float: right;
				text-align: right;
				font-weight: bold;
				color: #fff;
				width: 49%;
			}
			
			div.spacer {
				clear: both;
			}

			label {
				font-weight: bold;
				color: #fff;
				font-size: 16px;
				padding: 4px 4px 4px 0;
			}
			
			input, select, textarea {
				display: block;
				margin-bottom: 1.0em;
			}
			
			input[type="radio"] {
				display: inline;
			}
			
			select {
				width: 200px;
			}
			
			textarea {
			}
			
			.button {
				width: 75px;
				margin-left: 75px;
				color: #2a2a2a;
			}
			
			.levelbutton {
				display: inline;
				width: 75px;
				color: #2a2a2a;
				margin-top: 10px;
			}
			
			.bigbutton {
				width: 150px;
				margin-left: 75px;
				color: #2a2a2a;
			}
			
			.error {
				color: #f00;
			}
			
			table.image_loader {
				border-collapse: collapse;
				border-spacing: 0;
			}
			
			table.image_loader td {
			}
			
			table.image_loader td.radio {
				width: 20px;
			}
			
			fieldset {
				border: 1px solid #fff;
				padding: 10px;
			}
			
			legend {
				margin: 0 5px;
				font-family: Arial, Helvetica, Sans-Serif;
				font-size: 14px;
				color: #fff;
				font-weight: bold;
			}
			
			
			/*	Starlog CSS Defines	*/

		
	#syndata1 { border: none; border-collapse: collapse; margin-top: 0; padding-top: 0; }
	#syndata1 tr { padding: 20px; }
	#syndata1 td { border: none; }
	#syndata1 td.synthumb {
		border-bottom: 1px solid #808284;
		padding: 10px 10px 10px 10px;
		text-align: left;
		width: 198px;
	}
			
	#syndata1 td.synthumb a img {
		border: 1px solid #808284;
	}
			
	#syndata1 td.syntitle {
		padding-left: 22px;
		padding-top: 20px;
		font-weight: bold;
		font-size: 13px;
		font-family: Arial, Helvetica, Sans-serif;
		color: #545454; 
	}
			
	#syndata1 td.syntitle a {
		color: #2d569c;
		text-decoration: none;
		font-size: 14px;
	}
			
	#syndata1 td.syntitle a:hover {
		text-decoration: underline;
	}
			
	#syndata1 td.synstats {
		padding: 0 10px 0 22px;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		font-style: italic;
		border: none;
		color: #545454; 
	}
			
	#syndata1 td.synsummary {
		padding: 10px 10px 10px 22px;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 12px;
		color: #545454;
		border: none;
		border-bottom: 1px solid #808284;
	}
			
	#syndata1 td.syninstruct {
		padding: 10px 10px 10px 22px;
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 14px;
		font-style: italic;
		color: #545454;
		border: none;
		border-top: 1px solid #808284;
		border-bottom: 1px solid #808284;
	}
			
	#syndata1 td.synadobe {
		border-top: 1px solid #808284;
		border-bottom: 1px solid #808284;
		padding: 10px 10px 10px 45px;
	}
			
	#syndata1 td.synthumb img { border: 1px solid #ddd; }
			
	td.starthumb { padding: 10px 0 10px 10px;}
	td.starthumb img { border: 1px solid #ddd; }
	td.startitle { font-size: 11px; font-weight: bold; margin: 10px; text-align: left; background: #f60; }
	td.starstats { font-style: italic; font-size: 12px; }
	td.starsummary { font-size: 10px; line-height: 100%; }

			
/*	STARLOG TABLE CSS	*/
			
	table#starlog { border-collapse: collapse; border-spacing: 0; width: 100%; }
	#syndata2thumb { border: none; border-collapse: collapse; border-spacing: 0; margin-top: 1px; }
	#syndata2thumb td img { margin: 20px 0 0 0; border: 1px solid #808284; }

	#syndata2 {  border: none; border-collapse: collapse; }
	#syndata2 tr { padding: 10px; }
	#syndata2 th { text-align: left; padding: 4px; border-right: none; font-size: 12px; }
	#syndata2 th.logissue { color: #808284; }
	#syndata2 th.logtitle { color: #808284; }
	#syndata2 th.logsize { color: #808284; }
	#syndata2 th.lognew { }
			
	#syndata2 td { vertical-align: middle; border: 1px solid #808284; padding: 4px; }
	#syndata2 td.synissue { border-right: 1px solid #808284; }
	#syndata2 td.syntitle { border-left: 1px solid #808284; border-right: 1px solid #808284;  }
	#syndata2 td.syntitle a { color: #808284; text-decoration: none; }
	#syndata2 td.syntitle a:hover { color: #dc2c51; }
	#syndata2 td.synsize { border-left: 1px solid #808284; text-align: right; }
	#syndata2 td.synnew { width: 23px; border: none; vertical-align: middle; text-align: center; }
	#syndata2 td.synnew img { border: 1px solid #808284; }
			
	#syndata2 td.synthumb { padding: 2px 10px 0 10px; }
	#syndata2 td.synstats { padding: 0 10px 10px 10px; font-size: 10px; font-style: italic; border: none; }
	#syndata2 td.synsummary { padding: 0 10px 5px 10px; border: none; text-align: justify; }
	#syndata2 td.syninstruct { padding: 10px; font-size: 10px;  border: none; border-top: 1px solid #808284; }
	#syndata2 td.synadobe { padding: 10px; text-align: center; }

/*	START BML (BOWE MARKUP LANGUAGE) TEXT REPLACEMENT STYLE DEFINITIONS	*/

			.boldtext { 
			   font-weight: bold; 
			} 

			.italictext { 
   				font-style: italic;
			} 

			.underlinetext { 
   				text-decoration: underline;
			} 

			.strikethroughtext { 
   				text-decoration: line-through;
			} 

			.overlinetext { 
   				text-decoration: overline;
			} 

			.quotecodeheader { 
   				font-family: Verdana, arial, helvetica, sans-serif; 
   				font-size: 12px; 
   				font-weight: bold;
			} 

			.codebody { 
   				background-color: #FFFFFF; 
   				font-family: Courier new, courier, mono; 
   				font-size: 12px; 
   				color: #006600; 
   				border: 1px solid #BFBFBF;
			} 

			.quotebody { 
   				background-color: #FFFFFF; 
   				font-family: Courier new, courier, mono; 
   				font-size: 12px; 
   				color: #660002; 
   				border: 1px solid #BFBFBF;
			} 

			.listbullet { 
   				list-style-type: disc; 
   				list-style-position: inside;
			} 

			.listdecimal { 
   				list-style-type: decimal; 
   				list-style-position: inside;
			} 

			.listlowerroman { 
   				list-style-type: lower-roman; 
   				list-style-position: inside;
			} 

			.listupperroman { 
   				list-style-type: upper-roman; 
   				list-style-position: inside;
			} 

			.listloweralpha { 
   				list-style-type: lower-alpha; 
   				list-style-position: inside;
			} 

			.listupperalpha { 
   				list-style-type: upper-alpha; 
   				list-style-position: inside;
			} 
			
/*	END BML (BOWE MARKUP LANGUAGE) TEXT REPLACEMENT STYLE DEFINITIONS	*/