/* Edited with EditCSS */
/**** LINK-tag style sheet style.css ****/

/*  
Website: http://qtsi.com
Name: Quantum Technology Services, Inc. Website
Description: Custom CSS-based website, designed by Longbow/Giant 3
Version: Casey 1.5
Author: Eric Needle, Jefte Puente
Author URI: http://longbow.net
Comments: This stylesheet is best viewed without word wrapping
*/


/* Body Styles */

body { background: #616982; font-size: 62.5%; font-family: Verdana, Helvetica, Arial, Sans-serif; background: url('images/pagebg.gif') center; margin: 0; }

#page { margin: auto; padding: 0; width: 740px; }

#header { width: 740px; height: 115px; background: url('images/topbg.jpg'); border-bottom: 2px solid black; }

#header a { margin: 0 5px 0 5px; color: #000; text-decoration: none; }
#header a:hover { color: #268C65; text-decoration: none; }

#contentBg { float: left; padding: 0; margin: 0px; margin-bottom: 0px; color: #000; overflow: hidden; background: #fff;  background: url('images/contentbg.gif');}

#sidebar { width: 220px; float: right; overflow: hidden; padding: 0; border-top: 2px solid black; }
#sidebar p { color: #EEEEEE; font: 1.3em; line-height: 110%; margin: 15px; }
#sidebar h3 { text-align: center; color: #A8ABB9; } 
#sidebar a { color: #A8ABB9; }
#sidebar a:visited { color: #A8ABB9; }
#sidebar a:hover { color: #145AA1; }


.sidebar p { font: 1.3em; line-height: 110%; margin: 15px; }

#sidetop{ width: 190px; float: right; overflow: hidden; padding: 15px 15px 8px 15px; 
	background-color: #A8ABB9; border-bottom: 1px solid black; }
#sidetop h3 { text-align: left; color: #003973; }
.sidetop p { font: 1.1em; line-height: 110%; margin: 15px;}

#contentText { float: left; padding: 30px; margin: 0px; margin-bottom: 0px; width: 460px; color: #000; overflow: hidden; border-top: 2px solid black; }

#contentText ul { font-size: 1.2em; font-family: Verdana, Helvetica, Arial, Sans-serif; margin-bottom: 20px; margin-top: 15px;}

.footer { background: #003973; display: block; float: left; height: 100px; margin: auto; 
     padding: 20px; width: 700px; color: #A8ABB9; text-align: left; 
	border-top: 2px solid #000; }
	
.footer p { font-size: 1.0em; margin-bottom: 0; }

#footerdiv { width: 360px; text-align: center; float: left; display: block; }

.foot_copy { float: left; display: block; width: 280px; }


/* Content Styles */

p { font: 1.2em Verdana, Helvetica, Arial, Sans-serif; line-height: 130%; margin: 0 0 0 0;}

a:link { color: #126FCC; }
a:visited { color: #126FCC; }
a:hover { color: #145AA1; }


.altbox { background-color: #A8ABB9; padding: 20px; margin-bottom: 15px;}

.smallbold { font-size: 11px; font-weight: bolder; }

.hr { border-top: 1px solid darkblue; width: 270px; height: 1px; margin: 0 0 0 7px; padding: 0; } /* Inconsistant HR styling across browsers forces the use of a div with this class in lieu of the hr xhtml markup */

#newslist { font-size: 1.2em; }


/* Heading Styles */

h1 { display:none; }

h2 { margin: 0; font-size: 1.9em; margin-bottom: 10px; line-height: 125%; letter-spacing: -1px; font-family: Verdana, Helvetica, Arial, Sans-serif; font-weight: bolder; color: #003973; }

h3 { margin: 8px 0 0 0; font-size: 1.7em; margin-bottom: 0px; line-height: 1.1em; letter-spacing: -1px; font-family: Verdana, Helvetica, Arial, Sans-serif; font-weight: bold; text-decoration: none; color: #003973; }

h4 { margin: 8px 0 0 0; font-size: 1.5em; margin-bottom: 0px; line-height: 1.1em; letter-spacing: -1px; font-family: Verdana, Helvetica, Arial, Sans-serif; font-weight: bold; text-decoration: none; color: #515874; }

h5 { margin: 0; font-size: 1.3em; margin-top: 0; margin-bottom: 10px; font-family: Verdana, Helvetica, Arial, Sans-serif; font-weight: bolder; color: #003973; }

h6 { font-size: 1.8em; line-height: 1em; letter-spacing: -1px; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-decoration: none; color: #003973; }

hr { display:none } /* Horizontal Rules are hidden from standard browsers and screen readers, yet are visible in text-only browsers to help seperate content from nav.  */



/* Form Styles */

#inForm { padding: 15px; margin: 0; border: 1px solid red; }

form h3 { margin-bottom: 10px; }

input { display: block; width: 140px; float: left; margin-bottom: 10px; border: 1px solid #3F6F57; } 

textarea { display: block; width: 260px; float: left; margin-bottom: 10px; border: 1px solid #3F6F57; }

label { display: block; float: left; font-size: 1.2em; font-weight: bolder; text-align: right; width: 140px; padding-right: 20px; } /* We can finally stop using tables for forms! Check contact.html for proper xhtml markup syntax. */

select {border: 1px solid #3F6F57; }

#Telephone, #FAX, { width: 100px; }

#State { width: 20px; float: left; }

#Zip { width: 35px; }

#cityLabel { margin: 0; width: 100px; border: 1px solid red; }

#Comments { height: 55px; width: 250px; margin-bottom: 10px; }

form, br { clear: left; }

#submit {width: 70px; margin-top: 10px; margin-left: 80px; background: #d9e6de; border: 1px solid #3F6F57; }

#reset {width: 70px; margin-top: 10px; margin-left: 10px; background: #d9e6de; border: 1px solid #3F6F57; }

#form { margin-bottom: 20px; }


/* Table Styles - Tables are for tabular data */

table { clear: both; width: 100%; margin: 0; background-color: #fff; border-collapse: collapse;}
td { font-size: 1.1em; padding: 6px;}
.altrow { background-color: #000; }

/* Misc Styles */
.contactinfo { width: 300px; background: #000; padding: 10px; height: 155px; font-size: 1.1em;}

/*** Navigation - Uses an unordered list and styles them as buttons ***/
	/* Main Nav */
	/* Main Nav Container */
		#navcontainer1 {
			width: 740px; background: #003973; height: 26px; padding: 0; margin: 0; }

		/* Tabs (Top level menu items) http://www.alistapart.com/articles/slidingdoors2/ */
		#nav1 { float: left; font-size:12px; line-height: normal; 
			font-style: normal; letter-spacing: -1; }
		#nav1 ul { height: 25px; margin:0; padding:0; list-style:none; float: left; }
		#nav1 li { float: left; position: relative;	margin:0px; padding:0; }
		
		#nav1 a {
			float: left; background: #003973; margin: 0;	
			padding:0 0 0 7px; /* The space between the left of the tab and the text. */
			margin-right: 3px; /* Spacing between navigation tabs */
			text-decoration:none; }
			
		#nav1 a span {
			float: left; display: block; background: #003973 ; font-weight: normal; color: #fff; 
			padding: 6px 7px 8px 0; } /* The padding around the text */

		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#nav1 a span {float:none;}
		/* End IE5-Mac hack */
		
		#nav1 a:hover { background-position:0% 71%; background: #145AA1; }
		#nav1 a:hover span { color: #fff; background: #145AA1; background-position: 100% 71%; }
		#nav1 #current a { background-position: left bottom; border-width:0; }
		#nav1 #current a span { background-position:100% 100%; padding: 8px; color: #fff; }

	/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */

		/* Applies to all sub-levels */
		#nav_dropdown1, #nav_dropdown1 ul { float: left; height: 29px; padding: 0; 
			margin: 0; list-style: none; line-height: 1; }
			
		#nav_dropdown1 ul a { display: block; background: none; font-weight: normal; 
			font-size: 11px; }
		
		/* 1st Level List Items */
		#nav_dropdown1 li { float: left; }
		
		/* Using left instead of display to hide menus 
		because display: none isn't read by screen readers */
		#nav_dropdown1 li ul { position: absolute; left: -999em; }
		
		
	/* Side Nav */
	/* Side Nav Container */
	
		#sidecontainer1 {
			width: 200px; background: #003973; height: 60px; padding: 0; margin: 0; }
		#side1 { float: left; font-size:12px; line-height: normal;	font-style: normal; 
			letter-spacing: -1; margin-left:0px; }
		#side1 ul { margin:0; padding:0 ; list-style:none;}
		#side1 li { float: left; position: relative;	margin:0px; padding:0px ; display:block; }
		#side1 a { float: left; background: #003973; margin:0; display:block;
			width: 198px; border-bottom: 1px solid black; text-decoration:none; 
			padding:4px 4px 4px 18px; /* The space between tab and text */ }
		#side1 a span { float: left; display: block; background: #003973; 
			font-weight: normal; color: #fff; padding:0; } /* The padding around the text */
		#side1 a span { float:none;}

		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#side1 a span {float:none;}
		/* End IE5-Mac hack */
		
		#side1 a:hover { background-position:0% 100%; background: #6783A4; }
		#side1 a:hover span { color: #fff; background: #6783A4; background-position: 100% 100%; }
		#side1 #current a { background-position: left bottom; border-width:0; }
		#side1 #current a span { background-position:100% 100%; padding: 8px; color: #fff; }

	/* Dropdowns - http://www.htmldog.com/articles/suckerfish/dropdowns/ */

		/* Applies to all sub-levels */
		#side_dropdown1, #nav_dropdown1 ul { float: left; padding: 0; 
			margin: 0; list-style: none; line-height: 1; }
			
		#side_dropdown1 ul a { display: block; background: none; font-weight: normal; 
			font-size: 11px; }
		
		/* 1st Level List Items */
		#side_dropdown1 li { float: left; }
		
		/* Using left instead of display to hide menus 
		because display: none isn't read by screen readers */
		#side_dropdown1 li ul { position: absolute; left: -999em; }
		
		
			

/* Images & Alignments
	Using 'class="alignright"' on an image will align the image to the right. 
	And using 'class="centered', will of course center the image. This is much
	better than using align="center", being much more futureproof (and valid)  */
	
img.centered { display: block; margin-left: auto; margin-right: auto; border: none;}
img.right { padding: 5px 0 5px 5px; margin: 0 0 0 0; display: inline; border: none; }
img.left { padding: 5px 5px 5px 0; margin: 0 0 0 0; display: inline; border: none; }
.right { float: right; }
.left { float: left; }

img.sidebar { margin: 0 0 5px 0; border: none; }


/* Hacks - May become outdated when/if IE ships with proper CSS support */

div.spacer { clear: both; } 
/* The infamous "clear div" or "spacer div" hack. An empty div placed below floated divs that clears the floats, so that content can continue to flow below the clear. http://www.complexspiral.com/publications/containing-floats/ */