/************************************************************************/
/* SITE STRUCTURE                                                       */
/************************************************************************/
HTML {   
	/* following line forces firefox to always display a scrollbar so that the 
	page does not jump around when switching betwwen pages that require a scrollbar
	and those that don't. Sadly can't find a way to disable the scrollbar you just can't use it */
	overflow: -moz-scrollbars-vertical;
}

body {								/* main body and site default settings */
	font-family: "Trebuchet MS",Verdana,Helvetica,Sans-Serif;	/* default list of font type */
	font-size: 76%;						/* default font size */
	margin: 0em;						/* remove any margin or padding by default */
	padding: 0em;
	color: #000;						/* default color for site text */
	background-color: #cccccc;			/* background color for site */
	background-repeat: no-repeat;		/* If a background image is used do not repeat it */
	background-position: top left;		/* position the background imafge in the top left */	
}
/************************************************************************/
/* SITE STRUCTURE                                                       */
/************************************************************************/
#container {						/* div to be the main block element around the site */
}

#main {
	width: 775px;
	borders:0;
	background-color:#ffffe5;			/* background color of the actual site */
	background-image: url(/swu/rect.ikml?w=126&h=1&col=d3bf8c); /* function to get a block of color (navigation pane color) for the left bar (*/
	background-repeat: repeat-y;		/* repeat the block of color down the left bar */
	background-position:left;			/* position the bar on the left */
	margin:0 auto;						/* center the site in the middle of the browser window */
	vertical-align:top;					/* vertical content alignment */
	text-align:left;					/* horizontal text alignment */
	position:relative;					/* position relative so that absolutly positioned elements within this are positioned relative to this */
	overflow:hidden;
}

#siteheader {						/* Top bar of site */
	height:116px;						/* height of top bar */
	background-image: url(img/header.gif);			/* background image on the top bar */
	background-repeat: no-repeat;		/* repeat the baner image? */
	background-position:left;			/* position of the background image */
}

#maincontent {						/* Main content of the site */
	width:649px;						/* width of the main content, should be nav+content=topheader if no borders are displayed */
	background-color:#ffffe5;			/* background color of main panel */
	padding:10px 0 0 0;						/* padding of the main panel around the content */
	vertical-align:top;					/* vertical content alignment */
	text-align:left;					/* horizontal text alignment */
	float:right;
}

#navigation {						/* navigation panel of the website */
	width:124px;	
	 					/* width of the navigation panel */
	background-image: url(img/navigation.gif);
	background-color:transparent;			/* background color of the navigation panel */
	vertical-align:top;					/* vertical alignment of buttons within navigation panel */
	float:left;
	background-repeat: no-repeat;
	
	padding-bottom:10000px;
	margin-bottom:-10000px;
}

#sitefooter { 						/* footer below the main content of the website */
	background-color:transparent;			/* background color of the main footer */
					/* horizontal text alignment */
	clear:both;
	width:645px;
	float:right;
	
	text-align:center;

	margin-top: 20px;
}

#content {
	background-image: url(img/backgroundgarage.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

img.rightimg {
	float: right;
	margin: 0 10px 0 15px;
}
img.leftimg {
	float: left;
	margin: 0 20px 10px 10px;
}

table.glossary {
	border: 2px solid #666666;
	width: 600px;
	margin: 0 0 0 15px;
}

table.process {
	border: 2px solid #666666;
	width: 600px;
	margin: 0 0 0 15px;
}
	
table.glossary td.name {
	width: 150px;
	background-color: #f0e8b5;
	border:1px solid #000000;
	padding: 4px;
	color: #000;
	font-weight: Bold;
}

table.glossary td.desc {
	width: 450px;
	border:1px solid #000000;
	background-color: #ffffcc;
	padding: 4px;
	color: #000;
}

table.process td.name {
	width: 150px;
	background-color: #ffffcc;
	border:1px solid #000000;
	padding: 4px;
	color: #000;
	font-weight: Bold;
}

table.process td.desc {
	width: 450px;
	border:1px solid #000000;
	background-color: #f0e8b5;
	padding: 4px;
	color: #000;
}

.matrixtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:center;
	font-weight:bold;
}

table.matrix {
	margin: 0 0 0 10px; 
}
table.matrix td {
	vertical-align:top;
}
table.matrix td p {
	margin:0;
}
table.matrix td ul {
	padding-left:20px;
	margin:0 0 0 20px;
	text-align:left;
}
table.matrix td ul li {
	margin:0;
	color:#666666;
	font-weight:normal;
	padding:0;
}

div.product{
	width: 580px;
	background-color: #f0e8b5;
	margin: 0 0 20px 10px;
	padding: 10px 0 1px 0;
	border: solid 1px #996633;
	float: left;
}
 div.product h3 { 
 margin: 0 0 0 8px;
 font-size: 1.3em;
 color: #996633;
}

div.lefttext{
	width: 240px;
	margin: 0 0;
	padding: 0 10px 10px 10px;
	float: left;
}
div.lefttext p{
	margin: 0 10px 0 0 ;
}
div.leftimg {
	background-color: #fef9d6;
	margin: 0 10px 20px 0;
	float: left;
}
div.leftimg p{
	font-weight: bold;
	margin: 5px 10px 10px 10px ;
}

#pdf {
	width: 590px;
	background-color: #f0e8b5;
	margin: 10px 0 100px 10px;
	padding: 10px;
	float: left;
}
div.icon {
	margin: 6px 0 0 0;
	float: left;
}

#maptext {
	width: 455px;
	margin: 0 0 0 15px;
	float: left;
}
/************************************************************************/
/* Form Page                                                       */
/************************************************************************/

#formintro {
	background-image: url(img/backgroundgarage.gif);
	background-repeat: no-repeat;
	height: 170px;
}
#formintro ul  {
	font-size: 1.1em;
	margin-right: 80px;
}

div.form {
	width: 640px;
	background-color: #ffffe5;
	padding: 10px 0px 10px 10px;
}	


/************************************************************************/
/* Forms                                                       */
/************************************************************************/

table.sample {
	margin: 0px auto 5px auto;
	-moz-border-radius: 6px;
	float: left;
}
table.sample td {
	border:1px solid white;
	padding: 1px 1px 1px 5px;
	color: black;
}
table.sample th{
 	width: auto;
	background-color: #f2f2f2;
	word-wrap: normal;
	font-weight: bold;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	padding-left: 5px;	
	text-align: left;
}
table.sample th.highlight{
  background-color: #ccc;
}

table.sample th.darkerlight{
  background-color: #000;
  color: white;
}

table.sample th.none{
  background-color: transparent;
}
table.sample tr.d0 td {
 	width: auto;
	background-color: #dccb98;
	word-wrap: normal;
	font-weight: normal;
}
table.sample tr.d0 td.tdone{
 	font-weight: normal;
	width: 70px;
}
table.sample tr.d0 td.tdlong{
	background-color: #f0e8b5;
 	font-weight: normal;
}

table.sample tr.d0 td.tdlonger{
	background-color: transparent;
 	font-weight: normal;
	
}

table.sample tr.d0 td.tdprice{
	background-color: #996633;
	color: #ffffff;
 	font-weight: bold;
	width: 60px;
}
table.sample tr.d0 td.tdtwo{
 	font-weight: normal;
	width: 80px;
}
table.sample tr.d0 td.tdthree{
 	font-weight: normal;
	width: 80px;
}

table.sample tr.d0 td.noassessments{
 	font-weight: normal;
	width: 640px;
	border: solid 1px green;
}
table.sample tr.d1 td {
	width: auto;
	background-color: #ffffcc;
	word-wrap: normal;
	font-weight:normal;
}
table.sample tr.d1 td.tdone{
 	font-weight: normal;
	width: 70px;
}
table.sample tr.d1 td.tdlong{
	background-color: #ffffcc;
 	font-weight: normal;
	width: 430px;
}

table.sample tr.d0 td.tdtwo{
 	font-weight: normal;
	width: 80px;
}
table.sample tr.d0 td.tdthree{
 	font-weight: normal;
	width: 80px;
}
table.sample tr.d1 td.tdprice{
	background-color: #996633;
	color: #ffffff;
 	font-weight: bold;
	width: 60px;
}
table.sample tr.d1 td.tdselect{
	background-color: #f0e8b5;
	
 	font-weight: bold;
	width: 60px;
}

table.sample tr.d0 td.tdselect{
	background-color: #f0e8b5;
 	font-weight: bold;
	width:60px;
}
table.sample tr.d0 td.tddescription{
	background-color: #f0e8b5;
 	font-weight: normal;
	width: 140px;
}
table.sample tr.d0 td.tdgtotal{
	background-color: #f0e8b5;
 	font-weight: bold;
	width: 142px;
}
.buttonReset{
	float: right;
	margin-right: 10px;
	margin-top: 20px
}
.buttonSubmit{
	float: right;
	margin-right: 8px;
	margin-top: 20px
}

p.basic {
	margin: 0;
	padding: 0 0 0 4px;
 	width: 640px;
}
.align{
	margin-left: 65px;
}


/************************************************************************/
/* SITE DEFAULTS	                                                    */
/************************************************************************/
h1 {								/* Page Title settings */
	color:#663300;						/* Text Color */
	font-size: 1.7em;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom:0;
}

 h2 { 
 width: 450px;
 margin: 0;
 padding: 0 0 5px 2px; 
 font-size: 1.3em;
 color: #996633;
 }
 
 h3 { 
 margin: 0 0 0 15px;
 padding: 0 0 5px 2px; 
 font-size: 1.3em;
 color: #996633;
}

 h4{
 	margin: 0 0 0 15px;
 	color: #663300;
 }
 
table {
	border-collapse: collapse;		/* make borders that appear next to each other into 1 */
}

img {
	display: block;					/* make images appear on their own */
	margin: 0;
	margin: 0;
}

a:link, a:visited {	/* default settings for normal state links */
	color: #663300;
	text-decoration: none;
}

a:hover, a:active {						/* default settings for hover/active links */
	color: #663300;
	text-decoration: underline;
}

p {
	font-size: 1.1em;
	margin:0 40px 10px 15px;;
	padding: 0;
}
p.italic{
	color: #663300;
	font-style: italic;
	font-weight: Bold;
	margin-bottom: 20px;
}
#content ul  {
	font-size: 1.1em;
}
/************************************************************************/
/* NAVIGATION SETTINGS                                                  */
/************************************************************************/
#navigation ul {					/* container of navigation */
	margin:5px 0 5px 0;						/* space around button set */
	padding:0;						
	text-align:right;					/* horizontal text alignment */
	list-style-type:none;				/* bullet style */
}

#navigation ul li {					/* navigation button items */
	margin:10px 0 10px 0;						/* space between buttons */
	padding:0;
}

#navigation a {						/* navigation button links */
	display:block;
	width:100px;						/* width of button */
	padding:3px;						/* padding around text on the button */
	border-bottom-color:solid 1px #ffffcc;				/* border of button */
	border-top-color: #ffffcc;
	border-left-color: #ffffcc;
	text-decoration: none; 		
}

#navigation a:link, #navigation a:visited { /* Normal state button */
	color: #fff;						/* color of text on button */
	font-weight: bold;
	background-color:#663300;			/* background color of button */
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	border-bottom:solid 1px #ffffcc;
	padding-right: 10px;
	
}
#navigation a:hover, #navigation a:active { /* hover/active state button */
	color: #fff;						/* color of button text on rollover */
	font-weight: bold;
	background-color:#996633;			/* background color of buttons on rollover */
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	border-bottom:solid 1px #ffffcc;
	padding-right: 10px;
}

#navigation .selected {				/* selected button */
	color: #000;						/* text color of the selected navigation item */
	font-weight: bold;
	background-color: #ffffcc;			/* background color of the selected navigation item */
	border-left:solid 1px #000;
	border-top:solid 1px #000;
	border-bottom:solid 1px #000000;
	padding-right: 10px;
}

#navigation .selected:hover {
	color: #fff;
	background-color: #CCCC99;
	border:solid 1px #000;
}

/************************************************************************/
/* CONTACT US FORM	                                                    */
/************************************************************************/

form#contact {						/* contact form */
	margin: 0 0 0 20px;
	float:left;
}

form#contact label {				/* contact form labels */
	display:block;						/* causes labels to appear on a seperate line */
	color:#000000;						/* label color */
}

form#contact fieldset {				/* contact form fieldsets */
	margin:0;
	padding:15px 0 15px 15px;						/* space between fieldset line and contents */
	float:left;		
	width:auto;							/* width of fieldset. default auto size to contents */
	margin-right:20px;					/* space between 2 side by side fieldsets */
	border-color:#996633;				/* color of border around fieldset */
}

form#contact fieldset.errors {		/* contact foirm fieldset error */
	width:500px;						/* larger width fieldset for error reporting so no other fieldset sitsnext to it */
}

form#contact fieldset.errors p {	
	margin:0;
}

form#contact fieldset legend{		/* contact form fieldset legends */
	font-weight:bold;					/* legend boldness */
	color:#996633;						/* color of standard legend */
	font-size:1.2em;
	padding-left:3px;					/* left padding between legend and fieldset border */
	padding-right:2px;					/* right padding between legend and fieldset border */
	margin-bottom: 10px;
}

form#contact fieldset.errors legend{ /* error fieldset legend */
	color:#cc0000;						/* color of legend on error fieldset */
}

form#contact input.textfield {		/* contact form input fields */
	display:block;						/* forces input boxes to appear on new lines */
}

form#contact textarea {				/* contact form textarea */
	border:1px solid #000000;			/* color of border around textarea */
	width:17em;							/* width of the textarea */
	height:12em;						/* height of the textarea */
	overflow:auto;						/* make the scrollbar only appear if it is required */
	font-family: "Trebuchet MS",Verdana,Helvetica,Sans-Serif;	
}

form#contact input#submit {				/* contact form submit button settings */
	display:block;
	margin:0;
	padding:0;
	margin-top:10px;
}

/************************************************************************/
/* SINGLE STYLE CLASSES                                                 */
/************************************************************************/
.w1 {width:1px;}
.w50 { width:50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }

.h100 { height:100px; }

.left {float:left;}
.right {float:right;}

.paddinglb10 {
	padding-left:10px;
	padding-bottom:10px;
}
.paddingrb10 {
	padding-right:10px;
	padding-bottom:10px;
}
.clear {
	clear:both;
}