body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, "Lucida Grande", Lucida, sans-serif;
	font-size: small;
  background-image: none;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
	background-color: #FFF;
}

/* Layout */
#wrap {
	min-width: 700px;
	max-width: 1400px;
	margin: 0 40px;
}

#header {
	margin: 1em 5% 1em 0;
	padding: 1em ;
	float: left;
	background-color: #C4C4C4;
}

div > #header {
	margin: 1em 0 ;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
	background-image: none;
}

#header h1, #header h2, #header h3, #header img { margin: 0;}

/* #header img { background-color: red; } */

#header h2 {  font-size: 200%;}

.right {	float: right;
	margin: 0;
	padding: 0.4em 0;
	vertical-align: top;
	font-size: 120%;
	/* background-color: blue; */
	}

.left {
	float: left;
	margin: 0;
	padding: 0.4em 0;
	vertical-align: top;
	font-size: 120%;
	/* background-color: green; */
  }

div.right h2, div.right h3 {	margin: 0;
	line-height: 1em;
	text-align: right;}

#content {
  display: inline;
  float: left;
  width: 65%;
  font-size: 95%;
  line-height: 1.5em;
  color: #333;
  }

div > #content {
  line-height: 1.5em;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-attachment: fixed;
  }

#content .gutter {
  display: inline;
  margin: 0 ;
  padding: 1em 2em;}

#content .gutter h2 {
  margin: 2em 0 0 0;
  clear: both;}

#content .gutter img {
  padding: 0.5em;
	border-width: 1px;
	background-color: #fff;
	border-color: #333;
	border-style: solid;}

#content .gutter img.logo {
  padding: 0.5em;
	border-width: 0px;
	}

#pagecontent {  
  display: inline;
  clear: both;
}

#news {
	margin: 1em 0 1em 0;
	padding: 0 1em 1em 1em;
	background-color: #C4C4C4;
}

div > #news {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: fixed;
	background-image: url(img/bg_key_grey.jpg);
}

#news h2, #news h3, #news h4 , #news p {
  padding: 0;
  margin: 0;
}

#news h2 {
  padding: 1em 0 0 0;
}

#news h3 {
	margin: 1em 0 0 0;
	padding: 0.25em 0 0 0;
	border-color: #626262;
	border-width: 2px 0 0 0;
	border-style: solid;
}

#news h4 {
	color: #646464;
}

#sidebar .gutter {
  display: inline;
  padding: 0; }

#sidebar {
  float: right;
  display: inline;
  width: 30%;
  }

#sidebar ul {
  margin: 0.5em 0.8em;
  padding: 0;
  list-style: none;
  }

#sidebar ul li { background-image:none; padding-left: 0; margin: 0.5em 0em}

#sidebar ul li.indent {padding-left: 2em;}

#sidebar ul > li { margin: 0.2em 0em}

#sidebar dl { margin: 0.5em 0; padding: 0;}

#sidebar dt { margin: 0 1em 0 1em;
	font-weight: bold;}

#sidebar dd {  margin: 0 1em 0 2em;}

.box {
  margin: 0 0 1.8em 0;
  padding: 0 0 1em 0;
  line-height: 1.2em;
  font-size: 90%;
  color: #fff;
  background-color: #9A9A9A;
}

/* hide from IE 6 */
.gutter > .box {
 margin: 0 0 1.8em 0;
 padding: 0 0 1em 0;
 line-height: 1.2em;
 font-size: 90%;
 color: #fff;
 background: url(img/box_bg.gif) no-repeat bottom left;
}

.box h3 {  margin: 0;
  padding: 0.8em;
  font-size: 110%;
  color: #fff;
  background: #666 ;}

.box p {  margin: 0;
  padding:  0.8em 0 0 0.8em ;
  color: #fff;}

.box a {	color: #FFF; font-weight: bold;}

ul.tick {
  list-style-type: none;
  padding: 0 0 0 1em;
  margin: 0;
  }

ul.tick li {
  background-image: url(img/tick.gif);
  background-repeat: no-repeat;
  background-position: 0 0.25em;
  padding-left: 1.5em;}


li > a {	color: #FFF;
  text-decoration: none;
  border-bottom: #fff;
  border-width: 0 0 1px 0;
  border-style: none none dotted none;
  font-weight: bold;}

.box a:hover, .box a:active { color: #000; }

#copyright a { color: #000; }
#footer {
	clear: both;
}

HTML > #footer {  clear: both;
  }

#footer p {  margin: 0;
  color: #333;}

div > #footer p {  margin: 0;
  padding: 1.2em;
  color: #333;}

#footerlinks, #footerinfo {	float: left;
	margin: 0 5% 0 0;
	padding: 0;
	font-size: 85%;
  list-style: none;
  }

div > #footerlinks, div > #footerinfo {	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 85%;
  list-style: none;}

#footerlinks li a { color: black; font-weight: normal;}
 
#email,#copyright, #phone, #validation { margin: 0; padding: 0 0 0.4em 1.6em ; }
#email,#copyright { float: left; }
#phone, #validation { float: right; }

input#email { margin: 0; padding: 0; float: none; }

form {
  padding: 1em;
}
input#formsubmit {
  margin: 1em 0 0 0;
}
label {
  padding: 0.5em 0 0 0;
  margin: 0.5em 0 0 0;
}
.error {
  background-color: #FF8484;
}
strong {	font-family: charcoal, arial, sans-serif;
	font-weight: 700;}

blockquote {	font-family: georgia, palatino, times, serif;
	background-color: #C5C5C5;
	margin: 1em 3em 1em 3em;
	padding: 1em;
	font-size: 110%;}

cite {  display: block;
	text-align: right;
	font-size: 110%;
	margin: 0 3em;}

dt {	font-weight: bold;
	padding-top: 1em;
  font-size: 110%;}

p.logos {margin: 12em 0 0 0 ;}

body.folder {  background-image: url(img/bg_folder_fade.jpg);}
body.hats {  background-image: url(img/bg_hats_fade.jpg);}
body.safety {  background-image: url(img/bg_safety_fade.jpg);}
body.management {  background-image: url(img/bg_management_fade.jpg);}
body.direction {  background-image: url(img/bg_direction_fade.jpg);}
body.chess {  background-image: url(img/bg_chess_fade.jpg);}
body.tick {  background-image: url(img/bg_tick_fade.jpg);}
body.team {  background-image: url(img/bg_team_fade.jpg);}
body.hourglass {  background-image: url(img/bg_hourglass_fade.jpg);}
body.train {  background-image: url(img/bg_train_fade.jpg);}
body.paper {  background-image: url(img/bg_paper_fade.jpg);}
body.plan {  background-image: url(img/bg_plan_fade.jpg);}
body.training {  background-image: url(img/bg_training_fade.jpg);}
body.compass {  background-image: url(img/bg_compass_fade.jpg);}
body.key {  background-image: url(img/bg_key_fade.jpg);}
body.phone {  background-image: url(img/bg_phone_fade.jpg);}
body.diploma {  background-image: url(img/bg_diploma_fade.jpg);}
body.plug {  background-image: url(img/bg_plug_fade.jpg);}
body.chalk {  background-image: url(img/bg_chalk_fade.jpg);}
body.light {  background-image: url(img/bg_light_fade.jpg);}
body.books {  background-image: url(img/bg_books_fade.jpg);}
body.passport {  background-image: url(img/bg_passport_fade.jpg);}
body.links {  background-image: url(img/bg_links_fade.jpg);}

/* hide the rest from IE 6 and less */
html > body.folder #content {  background-image: url(img/bg_folder_fade.jpg);}
html > body.hats #content {  background-image: url(img/bg_hats_fade.jpg);}
html > body.safety #content {  background-image: url(img/bg_safety_fade.jpg);}
html > body.management #content {  background-image: url(img/bg_management_fade.jpg);}
html > body.direction #content {  background-image: url(img/bg_direction_fade.jpg);}
html > body.chess #content {  background-image: url(img/bg_chess_fade.jpg);}
html > body.tick #content {  background-image: url(img/bg_tick_fade.jpg);}
html > body.team #content {  background-image: url(img/bg_team_fade.jpg);}
html > body.hourglass #content {  background-image: url(img/bg_hourglass_fade.jpg);}
html > body.train #content {  background-image: url(img/bg_train_fade.jpg);}
html > body.paper #content {  background-image: url(img/bg_paper_fade.jpg);}
html > body.plan #content {  background-image: url(img/bg_plan_fade.jpg);}
html > body.training #content {  background-image: url(img/bg_training_fade.jpg);}
html > body.compass #content {  background-image: url(img/bg_compass_fade.jpg);}
html > body.key #content {  background-image: url(img/bg_key_fade.jpg);}
html > body.phone #content {  background-image: url(img/bg_phone_fade.jpg);}
html > body.diploma #content {  background-image: url(img/bg_diploma_fade.jpg);}
html > body.plug #content {  background-image: url(img/bg_plug_fade.jpg);}
html > body.chalk #content {  background-image: url(img/bg_chalk_fade.jpg);}
html > body.light #content {  background-image: url(img/bg_light_fade.jpg);}
html > body.books #content {  background-image: url(img/bg_books_fade.jpg);}
html > body.passport #content {  background-image: url(img/bg_passport_fade.jpg);}
html > body.links #content {  background-image: url(img/bg_links_fade.jpg);}

html > body.folder {  background-image: url(img/bg_folder.jpg);}
html > body.hats {  background-image: url(img/bg_hats.jpg);}
html > body.safety {  background-image: url(img/bg_safety.jpg);}
html > body.management {  background-image: url(img/bg_management.jpg);}
html > body.direction {  background-image: url(img/bg_direction.jpg);}
html > body.chess {  background-image: url(img/bg_chess.jpg);}
html > body.tick {  background-image: url(img/bg_tick.jpg);}
html > body.team {  background-image: url(img/bg_team.jpg);}
html > body.hourglass {  background-image: url(img/bg_hourglass.jpg);}
html > body.train {  background-image: url(img/bg_train.jpg);}
html > body.paper {  background-image: url(img/bg_paper.jpg);}
html > body.plan {  background-image: url(img/bg_plan.jpg);}
html > body.training {  background-image: url(img/bg_training.jpg);}
html > body.compass {  background-image: url(img/bg_compass.jpg);}
html > body.key {  background-image: url(img/bg_key.jpg);}
html > body.phone {  background-image: url(img/bg_phone.jpg);}
html > body.diploma {  background-image: url(img/bg_diploma.jpg);}
html > body.plug {  background-image: url(img/bg_plug.jpg);}
html > body.chalk {  background-image: url(img/bg_chalk.jpg);}
html > body.light {  background-image: url(img/bg_light.jpg);}
html > body.books {  background-image: url(img/bg_books.jpg);}
html > body.passport {  background-image: url(img/bg_passport.jpg);}
html > body.links {  background-image: url(img/bg_links.jpg);}

html > body.folder #header {  background-image: url(img/bg_folder_grey.jpg);}
html > body.hats #header {  background-image: url(img/bg_hats_grey.jpg);}
html > body.safety #header {  background-image: url(img/bg_safety_grey.jpg);}
html > body.management #header {  background-image: url(img/bg_management_grey.jpg);}
html > body.direction #header {  background-image: url(img/bg_direction_grey.jpg);}
html > body.chess #header {  background-image: url(img/bg_chess_grey.jpg);}
html > body.tick #header {  background-image: url(img/bg_tick_grey.jpg);}
html > body.team #header {  background-image: url(img/bg_team_grey.jpg);}
html > body.hourglass #header {  background-image: url(img/bg_hourglass_grey.jpg);}
html > body.train #header {  background-image: url(img/bg_train_grey.jpg);}
html > body.paper #header {  background-image: url(img/bg_paper_grey.jpg);}
html > body.plan #header {  background-image: url(img/bg_plan_grey.jpg);}
html > body.training #header {  background-image: url(img/bg_training_grey.jpg);}
html > body.compass #header {  background-image: url(img/bg_compass_grey.jpg);}
html > body.key #header {  background-image: url(img/bg_key_grey.jpg);}
html > body.phone #header {  background-image: url(img/bg_phone_grey.jpg);}
html > body.diploma #header {  background-image: url(img/bg_diploma_grey.jpg);}
html > body.plug #header {  background-image: url(img/bg_plug_grey.jpg);}
html > body.chalk #header {  background-image: url(img/bg_chalk_grey.jpg);}
html > body.light #header {  background-image: url(img/bg_light_grey.jpg);}
html > body.books #header {  background-image: url(img/bg_books_grey.jpg);}
html > body.passport #header {  background-image: url(img/bg_passport_grey.jpg);}
html > body.links #header {  background-image: url(img/bg_links_grey.jpg);}