html,
body {
	background: #CCC url(/images/safety_tile.jpg) repeat-x top left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#container {
	background: #FFF url(/images/container_bg.jpg) repeat-y top left;
	width: 772px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

/* Text ========================================================================*/

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	font: bold 16px/21px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    color: #333;
}

h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color: #333;
	text-transform: uppercase;
}

h4 {
	font: bold italic 13px/15px Arial, Helvetica, sans-serif;
	color: #000;
}

li, p {
	font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
}

.litegray {
	color: #666;
}

.darkgray {
	color: #333;
}

.graybold {
	font-weight: bold;
	color: #333;
}

.blk {
	color: #000;
}

.hide {
	display: none;
}

/* Links ========================================================================*/

a:link,
a:visited {
	font-weight: bold;
    color: #900;
    text-decoration: underline;
}

a:focus,
a:hover,
a:active {
	font-weight: bold;
    color: #333;
    text-decoration: underline;
}

/* Header ========================================================================*/

#hdr_banner {
	background: #FFF url(/images/hdr_banner.jpg) no-repeat bottom center;
	border-top: 20px solid #000;
	border-bottom: 1px solid #FFF;
	height: 148px;
	text-align: right;
}

#hdr_logo h1 {
	margin: 0;
	padding: 0;
}

#hdr_logo {
	margin: 52px 0 0 00;
	padding: 0 0 0 32px;
	float: left;
}

#whatare {
	width: 174px;
	margin: 18px 15px 0 0;
	padding: 0;
	text-align: center;
	float: right;
}

#whatare p,
#whatare a {
	margin: 0;
	font: bold 10px/15px Arial, Helvetica, sans-serif;
	color: #FFF;
}

#whatare a:hover,
#whatare a:active {
	margin: 0;
	font: bold 10px/15px Arial, Helvetica, sans-serif;
	color: #CCC;
}

#hdr_nav {
	background: transparent url(/images/hdr_nav_bg.jpg) repeat-x center left;
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}

#hdr_nav ul {
	margin: 0;
	padding: 0;
}

#hdr_nav ul li {
	display: inline;
	padding: 0 6px 0 0;	
}

#hdr_nav a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}

#hdr_nav a:hover,
#hdr_nav a:active {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #C00;
	text-transform: uppercase;
	text-decoration: none;
}

/* Side navigation ========================================================================*/

#navigation ul {
	margin: 30px 0;
	padding: 0;
}

#navigation {
	background: #000;
	margin: 0 1px 0 0;
	width: 196px;
	float: left;
}

#navigation ul li {
	display: inline;
	list-style-type: none;
}

#navigation li.off{
	display: block;
	background: #CCC url(/images/off_nav_bg.jpg) no-repeat center left;
	height: 28px;
}

#navigation li.on a {
	display: block;
	background: #CCC url(/images/on_nav_bg.jpg) no-repeat center left;
	height: 26px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation a {
	display: block;
	background: #CCC url(/images/off_nav_bg.jpg) no-repeat center left;
	height: 26px;
	padding: 9px 0 0 25px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation a:hover,
#navigation a:active {
	display: block;
	background: #CCC url(/images/on_nav_bg.jpg) no-repeat center left;
	height: 26px;
	padding: 9px 0 0 25px;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation a.navfix {
	border-top: 1px solid #CCC;
	height: 28px;
	padding-top: 2px;
}

#navigation a.navfix:hover,
#navigation a.navfix:active {
	border-top: 1px solid #CCC;
	height: 28px;
	padding-top: 2px;
}

/* Breadcrumb ========================================================================*/

#breadcrumb ul {
	margin: 0;
	padding: 0;
}

#breadcrumb ul li {
	font-size: 10px;
	display: inline;
	list-style-type: none;
}

/* Footer ========================================================================*/

#footer {
	background: #FFF url(/images/footer_bg.jpg) repeat-x top left;
	height: 52px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #FFF;
	border-bottom: 20px solid #000;
	text-align: left;
}

#footer_nav ul,
#copyright p {
	margin: 0;
	padding: 0;
}

#footer_nav ul li {
	display: inline;
	list-style-type: none;
}

#copyright p,
#footer_nav li,
#footer_nav a {
	margin: 0;
	font: bold 10px/15px Arial, Helvetica, sans-serif;
	color: #FFF;
}
	
#footer_nav a:hover,
#footer_nav a:active {
	font: bold 10px/15px Arial, Helvetica, sans-serif;
	color: #CCC;
}

#footer_nav {
	padding: 5px 0 0 12px;
	text-align: left;
	float: left;
}

#copyright {
	padding: 5px 12px 0 0;
	text-align: right;
	float: right;
}

/* Extra ========================================================================*/

.clear {
	clear: both;
}