/* RESET PADDING, MARGINS AND BORDERS ON BLOCK ELEMENTS */

body, div, fieldset, form, h1, h2, img,  p {margin: 0; border: 0; padding: 0;}



/* LAYOUT */

body {
	
	background:#DACEA8;
	text-align: center;
}


#outer {
	
text-align:center;
margin-right:auto;
margin-left:auto;
width: 954px;

		
	}
	
#inner	{
    float:left;
	text-align:center;
     padding: 0;
	margin:0;
	width: 954px;

	}
	


		
fieldset#search {

	float:left;
	padding: 15px 0 0 14px;
	margin-bottom:5px;
	width: 195px;
	height:44px;
	background: url(graphics/searchbg.jpg) no-repeat;
	
}

	
#search-term {
			width:113px;
	height:22px;
	background:url(graphics/searchinput.gif) no-repeat left top;
	border:none;
	padding:5px 8px;
	color:#6A0E25

		}
		
#search-submit {
			width: 32px;
    \width: 32px;
    w\idth: 32px;
	height:29px;
    \height:29px;
     he\ight:29px;
	color:#fff;
	font-weight:bold;
	padding:8px 0px;
	font-size:11px;
		position: relative;
	top: -3px;
	left:0px;
	cursor:pointer;
	border:none;
	display:inline;
	background: url(graphics/button.jpg) no-repeat left top;
		}
	

html>body #search-submit  {

	

	top: 2px;
	left:0px;

}

	
#logo-banner {
			float:left;
			width:  880px;
			height: 95px;
			background: url("./graphics/background-logo.gif") no-repeat;
		}
#logo-navigation {
				position: relative;
				top: 58px;
				left: 150px;
			}


#toppanel
		{
	width:954px;
	float:left;
    padding: 0;
	height:22px;
	margin: 0;
	text-align: left;
	background: url("graphics/toppanel.jpg") repeat-y;
			
		}


#pagebody 
		{
			width:954px;
	float:left;
    padding: 0px 0 0 0;
	margin: 0;
	text-align: left;
	color: #444;
			background: url("graphics/pagebodybg.jpg") repeat-y;
			
		}
		



		


/* MAINCOLS
----------------------------------------------------------------------------- */


	  
/* LEFTCOL
----------------------------------------------------------------------------- */

#leftcol {
	MARGIN:0;
	WIDTH:188px;
	text-align:left;
	float:left;
	padding:5px 0 0 19px;
 min-height:399px;
     height:auto !important;
     height:399px;

	
	
}



/* CSS for the box starts here
================================================*/


/* Two of the boxes are floated just for this demo. Adjust to your needs. */

#maincolcontainer {

width:495px;
float:left;
padding-left:8px


}


#topborder {

width:508px;
height:18px;
float:left;
background: url("graphics/topborderbg.jpg") no-repeat;


}
#bottomborder {

width:508px;
height:18px;
float:left;
background: url("graphics/bottomborderbg.jpg") no-repeat;
}

#maincol {
	margin:0 0 0 0px;
	padding: 0 10px 0 15px;
	width:483px;
	float:left;
	background:url(graphics/mainbg.jpg) repeat;
	list-style: none;
	 min-height:399px;
     height:auto !important;
     height:399px;

	}
html>body #rightcol {
	MARGIN:0 0 0 16px;
	padding: 3px 0 0 6px;
	float:left;
	WIDTH:188px;
	
	

}

			
/* RIGHT COL */
#rightcol {
	MARGIN:0 0 0 6px;
	padding: 3px 0 0 6px;
	float:left;
	WIDTH:188px;
	
	

}


#rightcolhome {
	MARGIN:0;
	padding: 16px 0 0 8px;
	float:left;
	WIDTH:390px;
	
	
	

}


		

		

		
/* BANNER */


		
#banner {
			float: left;
			width: 927px;
			text-align:left;
			padding:0 27px 0 0;
			height: 210px;
			
			
			
			
		}
		
.home_ {background-image: url(graphics/homebanner.jpg);}
.projects_ {background-image: url(graphics/projectsbanner.jpg);}
.grants_ {background-image: url(graphics/grantsbanner.jpg);}
.publications_ {background-image: url(graphics/publicationsbanner.jpg);}
.news_ {background-image: url(graphics/newsbanner.jpg);}
.aboutus_ {background-image: url(graphics/aboutusbanner.jpg);}
.links_ {background-image: url(graphics/linksbanner.jpg);}
.contact_ {background-image: url(graphics/contactbanner.jpg);}
.caterantrail_ {background-image: url(graphics/publicationsbanner.jpg);}
.carseorchards_ {background-image: url(graphics/publicationsbanner.jpg);}



#logo{			
	float: right;
	width: 142px;
	height: 137px;
	    }
			
#outer #inner #banner-navigation .imageright { float: right; margin: 0; width:110px}
#banner-navigation .imageleft{ float: left; margin: 0;width:110px }
		


/* TOP NAVIGATION */



#topnav {
	width: 880px;
	\width: 900px;
    w\idth: 880px;
	float:left;
	padding:0px 10px 4px 10px;
	margin:0;
	background: #fff url("./graphics/topbarbg.gif") repeat-y;
	text-align:right
}
#topnav ul {
	
	
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none;

}
#topnav li {
	BORDER-RIGHT: #666 1px solid; 
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;
	display:inline; 


	

	
	
}
#topnav li.last {
	BORDER-right: #666 0px solid;
	padding:0;
	margin:0;
}
#topnav a {
	PADDING: 0px 14px 0px 14px;
	margin:0;
	DISPLAY: block;
	COLOR: #666;
	TEXT-DECORATION: none;
	font-size:13px;
	line-height:15px;
	


}



#topnav a:hover {
	 COLOR: #751E00
}
#topnav a.selected {
	COLOR: #000
}			



/* MAIN NAVIGATION */




#main-navigation {
	width: 607px;
	\width: 900px;
    w\idth: 607px;
	float:left;
	padding:10px 0 0px 0px;
	margin:0 0 0 145px;
	
	
	
}
html>body #main-navigation {

	margin-left: 292px;

}

#main-navigation ul {
	
	
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none;

}
#main-navigation li {
	BORDER-RIGHT: #666 1px solid; 
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;
	display:inline; 


	

	
	
}
#main-navigation li.last {
	BORDER-right: #666 0px solid;
	padding:0;
	margin:0;
}
#main-navigation a {
	PADDING: 0px 10px 0px 10px;
	margin:0;
	DISPLAY: block;
	COLOR: #3C1F11;
	TEXT-DECORATION: none;
	font-size:12px;
	font-weight:normal;
	line-height:15px;
	


}



#main-navigation a:hover {
	 COLOR: #6E0F27
}
#main-navigation a.selected {
	COLOR: #000;
	font-weight:bold;

}			





/* RIGHT MENU STYLES
----------------------------------------------------------------------------- */

#navcontainer {
	margin: 0 0 0 0px;
	padding:10px 0 10px 0px;
	width: 185px;
	\width: 185px;
	w\idth: 185px;
	background: #D9BF5E url(graphics/navcontainerbg.gif) no-repeat;
	text-align:left;
	
	

}

#navcontainer ul
{
margin: 0;
padding: 0 0 0 0px;
list-style-type: square;

}

#navcontainer li {
margin: 0;
padding: 0 0 0 0px;	
display:inline;

 }



#navcontainer li a
{
	display: block;
	 line-height:normal;
	padding: 7px 8px 5px 18px;
	width: 159px;
	\width: 175px;
    w\idth: 159px;
	COLOR:#452B22; 
	text-decoration: none;
	background:#D9B430 url(graphics/leftnavbg.jpg) no-repeat;
	
	background-position: 0px 0;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size: 92%;
    margin: 0px;
	
	 border-bottom: 1px solid #CAA41F;


}



#navcontainer li a:hover
{
	text-decoration:underline;
	COLOR: #452B22; 
	
}

#navcontainer ul ul li { margin: 0 0 0 0; 
}

#navcontainer ul ul li a
{
display: block;
padding: 4px 8px 4px 20px;
width: 156px;
\width: 177px;
 w\idth: 156px;
text-decoration: none;
font-size: 85%;
margin: 0px;
COLOR:#721029; 
font-weight:normal;
 border-bottom: 0px solid white;
 background-color:#D3C198;
 background-image:none




}

#navcontainer ul ul a:hover
{
	COLOR:#721029; 
	text-decoration: underline;
	background-image:none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline



}
#navcontainer a#current
{
   
    COLOR:#452B22; 
    font-weight:bold;

    }


#navcontainer ul ul li  a.current2
{
font-weight:bold;
color:#33CC66




}


/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	
	font-weight: normal;

	letter-spacing: 1px;
	color:#006599;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	}


	
	

	
 #maincol p, .cb p{

    margin: 5px 0 10px 0;
	padding:0;
	 font-size:85%;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	line-height:1.62em;

}

#maincol p.alt {

font-size:117%;
font-style:italic;
color:#fff;
line-height:normal;
margin-right:10px



}


#maincol p.caption {

font-size:85%;
text-align:center;

background-color:#5C4E27;
padding: 4px 0px 4px 0px;
color:#fff;
line-height:normal;




}

table {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff

}

#maincol h1	{
	margin: 2px 0 4px 0;
	color:#E1BC36;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	 font-size:189%;
	
	
    }

#maincol h2	{
	margin: 8px 0 8px 0;
	color:#BDBD9D;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	font-weight:normal;
	 font-size:152%;
	 letter-spacing:normal

    }	


#maincol ul{

  
	line-height:1.6em;
	color:#fff;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	margin-left: 10px;
    

}

#maincol ol{

  
	line-height:1.6em;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	margin-left: 25px;
	background-image:none

	
	
	    

}

#newsheader {

font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	color:#fff;
	margin:0;
	font-weight:bold

}
 #maincol ul li {
 
 background-image: url(graphics/star.jpg);
    background-repeat: no-repeat;
    background-position: -8px -5px;
	padding-left: 19px;

 
 }


#maincol a{
    
	color:#E1BC36;
   text-decoration:none
	    
     
    }
	


#maincol a:hover	{
   
	color:#E1BC36;
	text-decoration:underline
   
	    
     
    }
	
	



#leftcol h1 {
	COLOR: #447CBB;
	font-weight:bold;
    font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 5px 5px;
	padding:21px 0 5px 19px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:    .8em; 

	

}
#leftcol h2 {

font: 12px Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	text-align:center;
	font-weight:bold;
	line-height:normal;
	margin: 11px 0 10px 0;
	padding: 0px 0 0px 0;
	background-image:url(graphics/h1bg.jpg);


}



#leftcol a {

	font: 11px Arial, Helvetica, sans-serif;
	color:#C8DB00;
	font-weight:normal
	

	

}


	
#leftcol a	{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	color:#99714D;
	font-weight:normal
	}



/* needs changed */
#leftcol p	{
	margin-top:4px;
	margin-bottom:0;
	font-family:Arial, Helvetica, sans-serif, "Lucida Sans";
	margin-left:2px;
	font-size:    0.7em; 
	line-height:1.6em; 
	/*color:#666666 */
	
	}
/*end of needs changed*/
#rightcol p {

	font: 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	font-weight:normal

}


#rightcol h1 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#E4DEC6;
	font-weight:bold;
	margin: 0px 0 2px 0;

	

}


#rightcol h2 {

font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:left;
	font-weight:bold;
	line-height:normal;
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	background-image:url(graphics/h1bg.jpg);


}



#rightcol a {
	font: 11px Arial, Helvetica, sans-serif;
	color:#9E1437;
	font-weight:normal;
	text-decoration:none;
	float:left;
}


#rightcol a:hover {

	font: 11px Arial, Helvetica, sans-serif;
	color:#9E1437;
	font-weight:normal;
	text-decoration:underline
	

	

}







.clearboth {clear:both; }



#content-body li, #content-bodyext li{
	color:#444;
	font-size: 95%;
	line-height: 1.8;
}

/* BREADCRUMBS
----------------------------------------------------------------------------- */

 #breadcrumbs
{
padding: 14px 0 0 234px;
margin: 3px 0 5px 0px;

color:#003366;
float:left;
width:460px;
font-size:92%

}
  #breadcrumbs p

{

padding:0px;
margin: 0px;
color:#FFFFFF

}

 #breadcrumbs a

{
	padding:0px;
	color:#E1BC36;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;

}

 #breadcrumbs a:hover

{
	padding:0px;
	color:#E1BC36;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
}



/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; padding: 7px 0px 10px 10px; border: 0px solid #fff;}	
.imageleft {float: left; padding: 3px 7px 10px 0px; border: 0px solid #000000;}
.imagecenter {float: left; width:100%; text-align:center; margin:0px 0px 0px 0px;padding:0

	}
#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#leftcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}


#rightcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#rightcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}


/*  FOOTER
----------------------------------------------------------------------------- */
#footerholder {
	
	margin-left:auto;
	margin-right:auto;
	width: 954px;
	\width: 954px;
	w\idth: 954px;
	height:99px;
    \height:99px;
     he\ight:99px;
	float:left;
	 padding: 0px 0px 0px 0px;

	clear: both;
	background:#DACEA8  url("graphics/footerbg.jpg") no-repeat;
		
	}




#footer a {
	color: #462B22;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	font-weight:normal
	
	}
	
#footer a:hover {
	color: #462B22;
	font-size:11px;
	font-weight:normal;
	text-decoration:underline;

	
	}

#footer p{
	

	color:#666666;
	font-size:85%;
	line-height:normal;
	margin:0;
	padding:0
	
		
	}




#footer {
	


	width: 530px;
	\width: 530px;
	w\idth: 530px;
	height:10px;
    \height:10px;
     he\ight:10px;
float:right;
text-align:right;
	padding: 28px 30px 2px 0px;
	
	
	
	
		
	}
	


/* FEATURES BULLETS IN RIGHT COL
----------------------------------------------------------------------------- */




#features {

background:#DABF5E url(graphics/latestnewsbg.jpg) no-repeat;
float:left;
width:170px;
margin-top:2px;
padding: 0 4px 0 7px;

}



#featureslist
		{
	margin: 0 2px 7px 0px;
	padding: 0 0 0 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	LIST-STYLE-TYPE: none;


		}
		
#featureslist ul{

  
	line-height:1.6em;
	color:#fff;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	margin-left: 10px;
	padding-top:10px

	
	
	    

}
 #featureslist li {

	 background-image: url(graphics/star2.gif);
    background-repeat: no-repeat;
    background-position: -1px -1px;
	padding:2px 0px 2px  19px;

}

	
html>body #featureslist li {

	 background-image: url(graphics/star2.gif);
    background-repeat: no-repeat;
    background-position: -1px -1px;
	padding:2px 0px 2px  19px;

}
		
#featureslist li a
		{
	color:#B3123B;
	text-decoration: none;
	

		}
#featureslist li a:hover
		{
	color:#B3123B;
	text-decoration: underline;

		}
		
/* NEWS PANEL IN RIGHT COL
----------------------------------------------------------------------------- */


.news2 {
	
	PADDING-BOTTOM: 2px; 
	margin-bottom:5px;
	WIDTH: 192px; 
	PADDING-TOP: 5px; 
	padding-left:4px;
	padding-right:2px;
	BORDER-BOTTOM: #ccc 0px dashed; 
	FLOAT: left;
	background-color:#D5B755
	
	



	

}

#outer #inner #pagebody #rightcol .news2 .newstext {
	FLOAT: left; WIDTH: 120px; padding-left:9px; 
}
#outer #inner #pagebody #rightcol .news2 .newstext P {
	MARGIN: 0px 0px 5px; FONT: 85% Arial, Helvetica, sans; COLOR: #462B22;line-height:13px;
}
#outer #inner #pagebody #rightcol .news2 .newstext h2 a {
	MARGIN: 0px 0px 0px 0; FONT: 1.0em Arial, Helvetica, sans;  COLOR: #0E61AF; font-weight:bold;text-align:left
}
#outer #inner #pagebody #rightcol .newstext P A {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR:#9E1437; TEXT-DECORATION: none;line-height:16px;font-weight:normal
}
#outer #inner #pagebody #rightcol .newstext P A:hover {
	COLOR:#6F1028;
	text-decoration:underline;
	font-weight:normal
}

#outer #inner #pagebody #rightcol .news2 .newstextnoimage {
	FLOAT: left; WIDTH: 173px; padding-left:9px; 
}
#outer #inner #pagebody #rightcol .news2 .newstextnoimage P {
	MARGIN: 0px 0px 5px; FONT: 85% Arial, Helvetica, sans; COLOR: #462B22;line-height:13px;
}
#outer #inner #pagebody #rightcol .news2 .newstextnoimage h2 a {
	MARGIN: 0px 0px 0px 0; FONT: 1.0em Arial, Helvetica, sans;  COLOR: #0E61AF; font-weight:bold;text-align:left
}
#outer #inner #pagebody #rightcol .newstextnoimage P A {
	FONT-WEIGHT: bold; TEXT-TRANSFORM: none; COLOR:#9E1437; TEXT-DECORATION: none;line-height:16px;font-weight:normal
}
#outer #inner #pagebody #rightcol .newstextnoimage P A:hover {
	COLOR:#6F1028;
	text-decoration:underline;
	font-weight:normal
}

.newsimage {
	FLOAT: left;  margin:0; padding:0;BORDER: #462B22 1px solid; width:54px;
}

.news IMG {

padding:0;
margin:0;

}

#CateranTrailMap
{
	width:275px;
	float:left;	
}

#CateranCopy
{
	width:190px;
	float:left;
	height:320px;
	padding-left:6px;
	padding-top: 0px;
}

#CateranMapOptions
{
	width:190px;
	float:left;	
	margin-top:0px;
}
		
#CateranTrailMap ul
{ 
	line-height:1.8em;
	color:#ede3bf;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	margin-left: 0px;
	padding-left:0px
}

#CateranTrailMap ul li 
{ 
	background-image: url(graphics/arrow.jpg);
    background-repeat: no-repeat;
    font-weight:bold;
    background-position: -8px -7px;
	padding-left: 19px;
	padding-bottom:10px
 }