/* <!-- */
    /* General styles */
    body {
        margin:0;
        padding:0;
        border:0;	/* This removes the border around the viewport in old versions of IE */
		border-right: url(RightGradient.gif);
		border-left: url(LeftGradient.gif);
	    width:880px;
		height:;
		margin-left:auto;
		margin-right:auto;
        background:#282828; /*bac391,bac199,c4c3ab,d3d2bf,1e2513,afaf8d,c6c69f,486d78,2b3f46*/
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:80%;
		font-family:arial;
		color:#333;
				
	}
	
	a {
    	color:#5C7323;
		text-decoration:none;
	}
	
	/*
	a:hover {
		color:;
		background:;
		text-decoration:none;
	}
	
	*/
	
    h1, h2, h3 {
        margin:.8em 0 1em 0;
        padding:0;
		color:#555;
		font-size:16px;
    }
	
	h4 {
        margin:.8em 0 1em 0;
        padding:0;
		color:#555;
		font-size:13px;
    }
	
    p {
        margin:0 0 2em;
        padding:0;
		font-size:11px;
		color:#818181;
		z-index: 1;
		position: relative;
		top:0;
		left:0;
		top:0;
		bottom:0;
    }
	img {
		margin:0;		
	}
	
	img.floatLeft { 
		float: left; 
		margin: 4px 10px 4px 20px; 	
	}
	
	img.floatRight { 
		float: right; 
		margin: 2em 0px 0px 0px; 
		z-index: 2;
		position: relative;
		top:0;
		left:0;
		top:0;
		bottom:0;	
	}
	
	img.floatCenter { 
		float:; 
		margin:0px 6px 0 6px; 
	}
	
	img.headerimage{
		margin:0 0 -3px;
		padding:0;
	}
	
	img.footerimage{
		margin:0;
		padding:0;
	}
	
	.thumbnail {
		float: left;
		margin: 5px;
		padding: 8px;
		text-align: center;
		color: #CCCCCC;
		width: 145px;
		height: 145px;
	}

	.thumbnailhover{
		background:  none;	
		display:block;
		width: 145px;
		height: 145px;
	}	

	
	a.thumbnailhover:hover{
		background: ;	
		display:block;
		width: 145px;
		height: 145px;
		color: #ccc;
		font-weight: bold	
	}
	

	.thumbnail img{
		background: #fff;
		padding: 7px;
		margin: auto;
		display:block;
	}

	.thumbnail a {
		color:#999999;
		text-decoration: none;	
	}	
	
	.contenttitle{
		float: left;
		margin: 5px;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 180px;
		border-style:solid;
		border-top: #333;
	}
	
	.contentcontainer{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 185px;
		height: 140px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer1{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 180px;
		height: 180px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer2{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 500px;
		height: 180px;
	}
	
	.contentcontainer3{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 210px;
		height: 150px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer4{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 360px;
		height: 60px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer5{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 360px;
		height: 200px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer6{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 370px;
		height: 120px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer7{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 185px;
		height: 60px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer8{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 185px;
		height: 180px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer9{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 450px;
		height: 2140px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainer10{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 500px;
		height: 500px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	
	.contentcontainerMap{
		float: left;
		margin: 5px 0 10px 0;
		padding: 8px;
		text-align: left;
		color: #CCCCCC;
		width: 500px;
		height: 800px;
		border-top-style:solid;
		border-color: #ccc;
		border-width:thin;
	}
	

	#text {
		background-color:#D7CFB5;
		font:14px Sans-serif;
		color:#333;
		border:1px solid #B4A36F;
		bottom:0;
		float:right;
		height:50px;
		left:0;
		margin:12em 0em 2em 0em;
		padding:10px 0 10px 10px;
		position:absolute;
		top:0;
		width:110px;
		z-index:1;
	}	
	
	#textheader {
		bottom:0;
		float:left;		
		left:0;
		margin:2em -.7em 0;
		padding:;
		position:;
		
		
		
}	#imgA{
		float: left;
		position:relative;
		z-index: 2;
		top:0;
		left:0;
		top:0;
		bottom:0;
	}
	
	#container{
		position:relative;
		min-height:100%;
	}
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		background:#CCC3A2;
		font-size: 10px;
		font-family:Trebuchet;
		font-weight:;
		margin:0;
		padding:1em 0 0 0;
		letter-spacing:.5px;
    }
	#header {
		border-bottom:0px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
	    padding:.4em 15px 0 0px;
        margin:0;
	}
	#header ul {
	    clear:left;
	    float:left;
	    width:100%;
	    list-style:none;
	    margin:5px 0 0 0px;
	    padding:0 0 8px 12px;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    margin:0 0 0 0px;
	    padding:;
	    text-align:center;
	    background:;
	    color:#FFF;
	    text-decoration:none;
	    position:relative;
	    left:0px;
		line-height:1.3em;
	}
	#header ul li a:hover {
	    background:;
		color:#fff;
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	    color:#fff;
	    background:#000;
	    font-weight:;
	}
	
	/* #pageHeader h1 { 
	background: transparent url(Dev.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 219px; 
	height: 87px; 
	float: left;
	}	*/
	
	#header ul li a span {
		display:none
	}
	
		
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:0px solid #000;
		margin:0;
		padding:0 !important;
		text-align:;
		padding-bottom:60px;
	}
	/* column container */
	 
	.colmask{
		width:100%;
		left:0%;
		clear:both;
		float:left;
		overflow:hidden;
		position:relative;
		background-color:#fff;
		margin:0;
		padding:10px 0 0 0;
		border:0;
				
	}	
	
	.colmask li {
	    display:;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	
	.colmask li a span {
		display:none
	}
	
	.colmid{
		right:25%;
		float:left;
		width:100%;
		position:relative;
		background-color:#fff;
	}
	.colin{
		right:22%;
		float:left;
		width:100%;
		position:relative;
		background-color:#fff;
	}
	.colleft{
		right:28%;
		float:left;
		width:100%;
		position:relative;
		background-color:#fff;
	}
	.col1{
		width:23%;
		left:102.5%;
		padding:30px 0px 1em 0px;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
	}
	.col2{
		width:23%;
		left:57%;
		padding:30px 0px 1em 0px;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
	}
	.col3{
		width:23%;
		left:79%;
		padding:30px 0px 1em 0px;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
	}
	.col4{
		width:25%;
		left:78%;
		padding:26px 0px 1em 0px;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
	}
	
	.col6{
		width:60%;
		left:70%;
		padding:10px 0px 2em 5em;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
	}
	.colmap{
		width:;
		left:70%;
		padding:10px 0px 2em 0em;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
	}
	.collist{
		width:26%;
		height:250px;
		left:82%;
		padding:0px 0px 1em 0px;
		overflow:hidden;
		float:left;
		position:relative;
		background-color:#fff;
		font-size: 11px;	
		color: #818181;
		font-weight:;		
		font-family:arial;
		font-weight:;
		padding:2em 0 5px 2px;
		letter-spacing:.5px;
	}
	.collist ul {
	    clear:left;
	    float:left;
	    width:100%;		
	    list-style:none;
	    margin:10px 0 0 50px;
	    padding:0 0 8px 0;
	}
	.collist ul li {
	    display:;
	    list-style:none;
	    margin:0;
	    padding:0 0 5px 0;
	}
	.collist ul li a {
	    display:block;
	    float:;
	    margin:0 0 0 0px;
	    padding:;
	    text-align:left;	    
		color:#555;
	    text-decoration:none;
	    position:relative;
	    left:0px;
		line-height:1.3em;
	}
	
	.listmenu ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 8px;
	}	
	
	.listmenu li{
		padding-bottom: 2px; /*bottom spacing between menu items*/
		padding-left: 20px;
	}	
	
	.listmenu ul li a{
		font: 11px Arial;
		color: #818181;
	}
	
	.listmenu ul li a span {
		display:none
	}
	
	
	
	/* Side Menu*/
	.arrowlistmenu{	
		width: 150px; /*width of accordion menu*/
		padding-left: 36px;
		float:;        
		right:;
		position:relative;
	}

	.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
		font: 11px Arial;
		color: #818181;
		background:;
		margin: 0px; /*bottom spacing between header and rest of content*/
		text-transform:;
		padding: 4px 0 4px 10px; /*header text is indented 10px*/
		cursor: hand;
		cursor: pointer;
	}

	.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
		background-image:;
	}

	.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

	.arrowlistmenu ul li{
		padding-bottom: 2px; /*bottom spacing between menu items*/
		padding-left: 20px;
	}

	.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
		background:  !important;
	}

	.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
		background:  !important;
	}

	.arrowlistmenu ul li a{
		color: #818181;
		background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
		display: block;
		padding: 2px 0;
		padding-left: 19px; /*link text is indented 19px*/
		text-decoration:;
		font-weight:;
		border-bottom:;
		font-size: 11px arial;
	}

	.arrowlistmenu ul li a:visited{
		color: #7D6237;
	}

	.arrowlistmenu ul li a:hover{ /*hover state CSS*/
		background-color: #F3F3F3;
	}

	.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
		background-color: #F3F3F3;
	}	
	
	.eventbar {
        float:left;
        right:13.4em;
        position:relative;
		background:#493A20;
		padding:3px;		
    }		
	
	.thumbnail {
		float: left;
		margin: 5px;
		padding: 8px;
		text-align: center;
		color: #CCCCCC;
		width: 140px;
		height: 140px;
	}

	.thumbnail img{
		background: #666;
		padding: 1px;
		margin: auto;
		display:block;
	}

	.thumbnail a {
		color:#999999;
		text-decoration: none;
	}		
	
	
	/* Footer styles */
	#footer {
        clear:both;
		position:realtive;
		bottom:0;
        float:left;
        width:100%;
		height:40px;
		margin:0;
		padding:0;
		background:#CCC3A2;
		border:0;
	}	
	
	
    #footer p {
        float:right;
		padding:20px 5px 10px 0;
        margin:0;
		font-size:10px;
    }
 

 /*.footer{
 width:100%;left:0%;clear:both;float:left;position:relative;border-bottom:#000 1px solid;background-color:#b4d2f7
 }
 .bottom{
 clear:both;width:100%;float:left;position:relative;background-color:#cdeb8b
 }
 body{
 border-width:0px;padding:0px;margin:0px;font-size:90%;width:100%;min-width:600px
 } */