/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */
body {
	background-color: #ececf0;
}

#page { margin: 0 auto; width: 850px;
	}



/* Header
-------------------------------------------------------------- */

#header { margin-top: 20px;
	border-bottom: 1px none #fff;
}

#header .tabs { border-bottom: 1px solid #ddd; }
#header .tabs li { margin-right: 1px; }
#header .tabs a { padding: 5px 15px; background: #ddd; color: #666; text-decoration: none; }

p.tighter {
	margin: 0 0 1em;
}

.padded {
	padding: 10px;
	float: right;
}

.rightfloat {
	float: right;
}

.bottompad {
	padding-bottom: 12px;
}

.bottomrightpad {
	padding-bottom: 12px;
	float: right;
}

.rightpad {
	padding-right: 10px;
	float: left;
}

.mainleft {
	padding-right: 15px;
	float: left;
	padding-bottom: 50px;
	padding-top: 20px;
}

.leftpush {
	padding-left: 120px;
}

.leftTBpad {
	padding-left: 12px;
	padding-bottom: 7px;
	padding-top: 7px;
	float: right;
}

.rightTBpad {
	padding-right: 12px;
	padding-top: 9px;
	padding-bottom: 7px;
	float: left;
}

.MargotrightTBpad {
	padding-right: 17px;
	padding-top: 9px;
	padding-bottom: 7px;
	float: left;
}
/* Body
-------------------------------------------------------------- */

h1 {
	margin-top: 12px;
	margin-bottom: 1.2em;
}

#body { 
	margin-top: 9px;
	background-color: #fff;
 }

#introduction { 
float: left; 
width: 550px; 
margin-right: 110px;
	padding-left: 25px;
	border-left: 8px solid #ececf0;
	padding-top: 10px;
}

#wideintroduction { 
float: left; 
width: 595px; 
margin-right: 70px;
	padding-left: 25px;
	border-left: 8px solid #ececf0;
	padding-top: 10px;
}


#resources { float: left; width: 150px;
	padding-top: 10px;
}
#resources h3 { color: #888; }
#resources ul, #resources ol { color: #888;
}
#resources li {
	margin-bottom: 8px;
}
#resources ul a { 
color: #888;
text-decoration: none;
	font-family: "Cochin", "Times New Roman", Times, serif;
}
#resources ul a:hover { 
   color: #222;
	font-family: "Cochin", "Times New Roman", Times, serif;
}


/* Footer
-------------------------------------------------------------- */
#footer { border-top: 1px solid #eee; margin-top: 20px; }

#footer .tabs { width: 670px; border-top: 3px solid #eee; }
#footer .tabs a { 
padding: 10px 30px 10px 0; 
color: #888; 
text-decoration: none;
	font-size: 13px;
}

.specialfloat {
	display: block;
	position: absolute;
	z-index: 3;
	top: 0;
	left: 200px;
}

#footer p.quiet { color: #ccc; }