/* Global styles */
* { margin: 0; padding: 0; }

body {
  font: 80%/120% sans-serif;
  background: #FFF;
  color: #333;
}

/* Layout styles */
#header-section {
  position: relative;
  background: #fff url(/images/shade_head.gif) repeat-x bottom left;
  height: 120px;
}

#header {
  position: relative;
  width: 700px;
  margin: 0 auto;
  height: 95px;
}

#title {
	position: absolute;
	top: 17px;
	left: 0;
}

#content-section {
  position: relative;
  background: #666 url(/images/shade_container.gif) repeat center top;
}

#content-container {
  position: relative;
  width: 745px;
  padding: 0;
  margin: 0 auto;
  background: transparent url(/images/shade_wrapper_trans.png) repeat-y top center !important;
  background: #FFFFFF url(/images/shade_wrapper.gif) repeat-y top center;
}

#content {
  padding: 20px 10px 20px 10px;
  margin: 0 auto;
  width: 680px;
  min-height: 400px;
  background: #FFFFFF;
  color: #333333;
  font: 1.0em/1.6em sans-serif;
}

#primary {
}

#sidebar {
  float: right;
  width: 190px;
}

#footer-section {
  background: #CC5500 url(/images/shade_footer.gif) repeat-x top left;
  font: 90%/100% sans-serif;
  padding: 15px 0 10px 0;
}

#footer {
	width: 700px;
	margin: 10px auto 0 auto;
	color: #FFFFFF;
	text-align: center;
}

/* Navigation buttons */

#header-nav{
	font-weight: bold;
	width: 700px;
	margin: 0 auto;
}

#header-nav ul { 
	height: 23px;
	margin: 1px 0 0 0;
}

#header-nav ul li {
	display: inline;
	text-align: center;
}

#header-nav li a {
  display: block;
  float: left;
  width: 89px;
  line-height: 23px;
  text-decoration: none;
  padding: 0 3px;
  color: #666666;
  background: #F2F2F2 url(/images/tab.gif) repeat-x top left;
}

#header-nav li a:hover,
#header-nav li a:focus {
	background-position: 0 -69px;
	background-color: #CC5500;
	color: #FFFFFF;
}
#header-nav li a:active {
	background-position: 0 -46px;
	background-color: #FF6600;
	color: #FFFFFF;
}
#header-nav li.active a {
	background-position: 0 -23px;
	background-color: #50760D;
	color: #FFFFFF;
}
#header-nav li.active a:hover {
	background-position: 0 -46px;
	background-color: #f60;
	color: #fff;
}

/* Headings */

h1 {
	margin-bottom:	20px;
}
h2 {
	margin-bottom:	10px;
}
h3 {
	margin-bottom:	10px;
}

/* Tags */
p {
	margin:		5px 5px 10px 5px;
}
a {
	color: #CC5500;
}
a:hover {
	color: #662A00;
}
.center {
	text-align: center;
}

a img {
	border: none;
}

div.hr hr {
	display: none;
}
div.hr {
	height: 25px;
	background: url(/images/shade_hr.gif) no-repeat center;
}

div.icon-container {
	width: 660px;
	margin:	0 auto 10px auto;
}
div.icon-image {
	width: 100px;
	padding: 5px;
	float: left;
}
.clearall {
	clear: both;
}