/*=============================================== 
>>> INITIAL
=============================================== */

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

/*=============================================== 
>>> CENTER CONTENT
=============================================== */
body 
{
	color: #000;
	background: #FFF url(/static_img/bg.gif) top center no-repeat;
	text-align:left;
}

/*=============================================== 
>>> GENERAL ELEMENTS
=============================================== */
a { 
	text-decoration:none;
	color:#950505; 
}

a:hover { 
	text-decoration:underline;
}

img {
	border: 1px solid #CCC;
	margin: 10px 0 10px 0;
	padding: 5px;
}

p {
/*
	line-height:19px;
	margin-top: 0;
	padding-top: 0;
	*/
}

	p.call {
		margin-top: 10px;
		margin-bottom: 20px;
		font-size: 1.4em;
		font-weight: normal;
		color: #333;
	}

hr {
	color: #999;
	background-color: #999;
	height: 2px;
	width: 80%;
	text-align: center;
}

input, textarea, select	
{
	font: 11px verdana, arial, sans-serif;
	color:#666;
	border: 1px #999 solid;
	background: #FFF;
}

h3 {
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	font-weight:normal;
	font-size:1.8em;
	color:#00712C;
}

h4 {
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.4em;
	color: #00712C;
	margin: 30px 0 0 0;
	padding-bottom: 0;
}

h3 span, h4 span {
	font-size: 0.8em;
	padding-left: 10px;
	color: #999;
}
	
/*=============================================== 
>>> CLASSES
=============================================== */
.clear {
  clear: both;
  height: 0;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

/*=============================================== 
>>> CONTAINERS
=============================================== */
div#content_wide div {
	line-height:19px;
	margin:15px 0;
}
	
#wrapper {
	width:750px;
	margin:0 auto;
	text-align: left;	
	background: #FFF;
}

.header {
	width:750px;
	height:167px;
	background:#FFF  url(/static_img/drawing.jpg) right no-repeat;
}

#nav {
	float:left;
	width:170px;
	margin-right:46px;
	margin-top:10px;
}

#main {
	float:left;
	width:534px;
}

#content_wide {
	float:left;
	width:534px;
	color:#3D3D3D;
}

#footer {
	margin:25px auto;
	width:780px;
	text-align:right;
	color:#666;
	height:87px;
	padding:45px 10px 0 0;
	background:url(/static_img/footer_back.gif) bottom no-repeat;
	voice-family: "\"}\""; 
  	voice-family:inherit;
 	height:42px;	
	width:770px;
}

html>body #footer {
  height:42px;
  width:770px;
} 

/*=============================================== 
>>> NAVIGATION
=============================================== */
#nav ul {
	list-style:none;
	margin-bottom:15px;
	background:url(../images/template/nav_back2.jpg) top left; 
} 

#nav li {
	border-bottom: 1px solid #CCC;
	list-style:none;
	text-align:right;
} 

#nav li a { 
	font-family:"Trebuchet MS", arial, helvetica, sans-serif;
	font-weight:normal;
	font-size: 1.5em;
	text-decoration:none;
	color:#3D3D3D; 
	background:#FFF;
	padding: 6px 5px;
	border-left:5px solid #FFF;
	display:block;
} 

#nav li a:hover, #nav li a.on { 
	text-decoration:none;
	font-weight:normal;
	background: #E1E1E1;
	color:#132B07;
	border-left:5px solid #00712C;
	display:block;
} 


/*=============================================== 
>>> FOOTER
=============================================== */
#footer  ul {
	margin: 0;
}

#footer ul li {
	display:inline;
	margin:0 15px;
}

#footer a {
	font-weight:normal;
}

#footer a:hover {
	font-weight:normal;
	text-decoration:none;
	color:#950505;
}

/*=============================================== 
>>> IMAGE REPLACEMENT
=============================================== */
.header h1 {
	float:left;
	width: 165px; 
	height: 167px;
	margin: 0;
}

.header h1 a, .header h1 a:hover {
	display:block;
	width: 165px; 
	height: 167px;
	background: url(/static_img/logo.gif);
}

h2 {
	float:right;
	display:block;
	width: 585px; 
	height: 167px;
}

.header span {
	display:none;
}