/* 

STYLE SHEET FOR SPRUCE INDUSTRIES WEB SITE
Created by Daniel Josephs

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */


		
/*  --------- 2. structure  --------- */	
#content {	
		margin: 0 10px 0 200px;
		}
	
#navigation {
		}
			
h1.careerTitle{
		text-transform:uppercase;
		margin-bottom: 10px;
		}				
		
h2.careerTag {
		text-decoration:underline;
		}	
		
h2.careerTag2{
		text-decoration:underline;
		margin: 10px 0 10px 0;
		}			
		
div.description {
		margin: 15px 30px 15px 10px;
		}	
		
div.description p {
		margin-right: 210px;
		}	
		
div.description ul{
		list-style: disc;
		margin: 0 0 0 20px;
		}
		
				
		
div.quoteBlock {
		float: right;
		margin: 10px 10px 0 0;
		width: 200px;		
		}	
		
div.boxout p{
		font-weight: normal;
		}
		
div.boxout p a.smaller{
		font-size: .9em;
		}
		
div.boxout h3 {
		text-decoration:underline;
		font-weight: normal;
		font-size: 1.1em;
		margin-bottom: 3px;
		}		
		
		
		
#applyOnline fieldset {
		  clear: both;
		  border-color: #999999;
		  border-width: 1px 0 0 0;
		  border-style: solid none none none;
		  padding: 10px;
		  margin: 0 0 0 0;
		  width: 100%;
		}	
		
#applyOnline fieldset legend {
			margin: 0 0 0 0;
			padding: 0 5px;
			font-weight: bold;
			color: #048141;
			font-size: 150%;	  
		}		
		
#applyOnline div {
		clear: left;
		display: block;
		width: 280px;
		height: expression('1%');
		margin: 5px 0 0 0;
		padding: 1px 3px;		
		}	
		
#applyOnline fieldset div.required {
		width: 450px;
		}		
		
#applyOnline div label {
		display: block;
		float: left;
		width: 105px;
		padding: 3px 5px;
		margin: 0 0 5px 0;
		text-align: right;
		font: normal 1.2em Verdana, Arial, sans-serif;
		}			

#applyOnline fieldset div.required input.inputText {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		width: 150px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 120%;
		}	
		
#applyOnline fieldset div.required input.email {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		width: 233px;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 120%;
		}	
		
#applyOnline fieldset div.required input.dialog {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 120%;
		}
		
#applyOnline fieldset select {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 120%;
		}
		
#applyOnline fieldset div.optional {
		float: left;
		width: 450px;
		}		
		
#applyOnline fieldset textarea {
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		font-family: Tahoma, Arial, sans-serif;
		font-size: 120%;
		width: 250px;
		}
		
#attachment {
		width: 200px;
		text-align:center;
		margin: 100px 0 5px 0;
		}	
		
#errorMessage {
		margin: 15px 0 0 0;
		padding: 0;
		display: none;
		}
		
#errorMessage h1{
		margin: 5px 0 10px 35px;
		padding: 5px 0 0 0;
		}					
		
#errorMessage img {
		float: left;
		}
		
.liSpacing {
		margin-top: 5px;
		}
		
.paddingBottom {
		padding-bottom: 35px;
		}		
				
			
/* ---------- 3. links and navigation ---------- */
div.rollover140 a {
		display:block;
		margin: 2px 15px 2px 12px;
		width: 140px;
		padding: 6px 0px 7px 0px;
		font: bold 1.1em Verdana, Arial, sans-serif;
		color:#346E9F;
		background: url(../images/details_button_140.jpg) 50% 50% no-repeat;
		text-decoration: none;
		text-align: center;
		float: left;
		}
		
div.rollover140 a:hover { 
		color: #981C1C;
		}
		
div.rollover120 a {
		display:block;
		margin: 2px 15px 15px 135px;
		width: 120px;
		padding: 6px 0px 7px 0px;
		font: bold 1.1em Verdana, Arial, sans-serif;
		color:#346E9F;
		background: url(../images/details_button_120.jpg) 50% 50% no-repeat;
		text-decoration: none;
		text-align: center;
		float: left;
		}
		
div.rollover120 a:hover { 
		color: #981C1C;
		}			
		
div.bottomMargin {
		clear: both;
		margin-bottom: 10px;
		}

/* ---------- 4. fonts ---------- */
#attachment {
		color: #048141;
		}

p.quoteTxt {
		font: normal 1.7em Verdana, Arial, sans-serif;
		color: #048141;
		margin-bottom: 10px;
		}			
		
p.quoteBy {
		font: bold 1.0em Verdana, Arial, sans-serif;
		}
		
div.description ul {
		font: 1.1em/1.3em Verdana, Arial, sans-serif;
		margin-bottom: 1em;
		}					
		
#applyOnline div.optional label, label.optional {
  font-weight: normal;
}

#applyOnline div.required label, label.required {
  font-weight: bold;
}	

h2.note {
		font: 1.1em Verdana, Arial, sans-serif;
		font-style:italic;
		margin-bottom: 10px;
		}	
		
h1.workHard {
		margin: 0 0 10px 0;
		}
		
p.warning {
		color: #f00;
		line-height: 1.4em;
		}				
		
p.warning em {
		font-style:normal;
		text-decoration:underline;
		margin-right: 3px;
		}						
				
/* ---------- 5. images ---------- */
#executiveMop {
		float: right;
		margin: 0 10px 10px 0;
		}	
		
#submitResume {
		float: right;
		margin: 0 10px 20px 0;
		}	
		
#careerImg {
		margin-top: 10px;
		}	
		
#cloud {
		margin: 15px 0 0 5px;
		}					
		
/* ---------- 6. hacks ---------- */