/* 
Landscape Design
Variables - only edit these
*/

 
 

html {
	font-size: 100%; /* Avoids IE 5-7 bug with EM fonts */
}

body{
    background-color:#675b40;
    background-image:url();
    background-repeat:;
    background-position:;
    background-attachment:;
    text-align:center; /* for IE6 */
    margin:0;
    padding:20px 0 0 0;
    color: #675b40;
    font: 13px Georgia, serif;
}

html, body{	height:100%; /* needed for container min-height */ }

a{
    color: #675b40;
    text-decoration:underline;
}

a:hover{
    text-decoration:none;
    color: #675b40;
}

div#ys_menu a{
    color: #675b40;
    text-decoration:underline;
}

div#ys_menu a:hover{
    text-decoration:none;
    color: ;
}

a img{border:none;}

div#ys_header h1{
	margin: 0;
}

h1 a{
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: none;
}

p{
    margin: ;
    padding: ;
}

h2{font-size: 180%;}
h3{font-size: 160%;}
h4{font-size: 140%;}
h5{font-size: 130%;}
h6{font-size: 100%;}

h2, h3, h4, h5, h6{
    color: ;
    margin: ;
    padding: ;
}

div#ys_layout,
div#ys_container{
	height:auto !important; /* compliant browsers */
	height:100%; /* IE6: treated as min-height*/    
	min-height:100%; /* compliant browsers */	
}

div#ys_layout{
    width:914px;
    margin:0 auto;
    background-color: transparent;
}

div#ys_container{
	width: 914px;
    text-align:left;
    background-color: transparent;
}

div#ys_header{
	width: 914px;
	height: 147px;
        margin-top:35px;
	margin-bottom: 0;
	background: transparent url(templates/Landscape_Design/resources/bg-header.png) no-repeat left top;
	behavior: url(templates/Landscape_Design/resources/iepngfix.htc);
        padding:45px 0 0 0;
        voice-family: "\"}\"";
        voice-family:inherit;
	height: 102px;
}

div#ys_header h1{
	font-size: 32px;
	margin: 0 0 0 110px;
	padding: 0;
}

div#sys_banner_cont{
	width: 914px;
	background: transparent url(templates/Landscape_Design/resources/bg-green.png) repeat-y left top;
	behavior: url(templates/Landscape_Design/resources/iepngfix.htc);
}

div#sys_banner{
	width: 848px;
	height: 210px;
	background:url(templates/Landscape_Design/resources/sys_banner.jpg) top left no-repeat;
	margin: 0 33px;
}

div#ys_banner_mask{
	width: 848px;
	height: 210px;
	background: transparent url(templates/Landscape_Design/resources/ys-banner-mask.png) no-repeat left top;
	behavior: url(templates/Landscape_Design/resources/iepngfix.htc);
}

div#ys_menu_cont{
	background: transparent url(templates/Landscape_Design/resources/bg-green.png) repeat-y left top;
	behavior: url(templates/Landscape_Design/resources/iepngfix.htc);
}

div#ys_menu{
	width:914px;
	min-height: 30px;
}

div#ys_menu ul#sys_navigation{
	right: 33px;
	text-align: right;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0 30px 0 0;
}

div#ys_menu ul#sys_navigation li{
	display: inline;
	height: 30px;
	border-left: 1px solid ;
	font: 16px/30px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 15px;
	list-style-type: none;
	list-style-image: none;
}

div#ys_menu ul#sys_navigation li.first,
div#ys_footer ul#sys_navigation li.first{
	border-left: none;
}

div#ys_menu ul#sys_navigation li a{
	font-size: 16px;
	text-decoration: none;
	color: #675b40;
}

div#ys_menu ul#sys_navigation li a:hover{
	text-decoration: underline;
}

div#ys_footer_menu ul#sys_navigation{
	float: left;
	width: 848px; 
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

div#ys_footer_menu ul#sys_navigation li{
	display: inline;
	height: 40px;
	line-height: 40px;	
	padding: 0 10px;
	list-style-type: none;
	list-style-image: none;
}

div#ys_bg_content{
	width: 848px; /* plus 66px margin */
	padding: 0 33px 20px 33px;
	background: transparent url(templates/Landscape_Design/resources/ys-bg-content.png) repeat-y left top ;
	_padding: 0 36px 20px 30px;
	_background: transparent url(templates/Landscape_Design/resources/bg-green.png) repeat-y left top;
	behavior: url(templates/Landscape_Design/resources/iepngfix.htc);
}

div#ys_mid,
div#ys_top,
div#ys_btm{
	float: left;
	width: 848px;
}

div#ys_mid{
	background: transparent url(templates/Landscape_Design/resources/ys_mid.png) repeat-y center;
}

div#ys_top{
	background: transparent url(templates/Landscape_Design/resources/ys_top.png) no-repeat center top;
}

div#ys_btm{
	background: transparent url(templates/Landscape_Design/resources/ys_btm.png) no-repeat center bottom;
}

div#ys_content{
	padding: 30px 33px 20px 33px;
}

div#ys_footer{
	float: left;
	min-height: 60px;
	background-color: #9bad8b;
}

/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
Quevin: rem IE Mac stuff...
*/
.ys_clear_block:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear_block {
  display: inline-block;
}

* html .ys_clear_block {
  height: 1%;
}
.ys_clear_block {
  display: block;
}