body {
 background-color:#DCCBAF;
 }
 
 body * {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height:18px;
 }
 
 #outer {
 width:820px;
 margin:auto;
 }
 
 h1 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:13px;
 font-weight:bold;
 color:#FFFFFF;
 }
 
a {color:#FFFFFF; text-decoration: underline;}
a:visited {color:#FFFFFF; text-decoration: underline;}
a:hover {color:#B9B298; text-decoration: none;}
 
 /* First Level */
	ul.nav { margin:0; padding:0; width:140px;}
	ul.nav li { width:140px; display:block; list-style-type:none; float:left; margin:0; padding:0; margin-bottom:15px; padding-bottom:10px; background-image: 	url('../images/nav-line.jpg'); background-repeat:no-repeat; background-position:bottom right;}

	ul.nav li a, ul.nav li a:visited { padding:0; display:block; color:#FFFFFF; text-decoration:none;}
	ul.nav li a:hover { color:#B9B298;}
	ul.nav li a.selected { }
	
	 
.subnav { display:none;}


 a#splash {
 display:block;
 background-image: url('../images/splash.jpg');
 background-repeat:no-repeat;
 width:261px;
 height:302px;
 margin:60px auto;
 }
 
 a#splash:hover {
 background-image: url('../images/splash-2.jpg')
 }
 
 .logo {
 display:block;
 margin-left:30px;
 margin-top:40px;
 }
 
 #outer-container {
 border:solid 1px #B9B298;
 background-color:#FFFFFF;
 padding:10px;
 }
 
 .container {
 border:solid 2px #B9B298;
 padding:10px;
 background-color:#765843;
 height: 450px;
 }
 
 #col-left {
 float:left;
 width: 140px;
 height: 350px;
 padding: 75px 30px 20px 30px;
 margin-right:10px;
 background-image: url('../images/plant-1.jpg');
 background-repeat:no-repeat;
 }
 
 #col-right {
 background-image: url('../images/plant-2.jpg');
 background-repeat:no-repeat;
 background-position:bottom right;
 padding: 35px 0 0 35px;
 height: 410px;
 margin-left: 214px;
 }
 
 #col-right #header {
 margin:0 30px 20px 210px;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif, Verdana;
 font-size:14px;
 text-transform:uppercase;
 color:#FFFFFF;
 }
 
 #col-right #photo-bkg {
 float:left;
 background-image: url('../images/pic-bkg.jpg');
 background-repeat:no-repeat;
 width: 210px;
 height: 280px;
 padding: 5px 0 0 5px;
 }
 
 #col-right #pic {
/* margin: 5px 0 15px 5px;*/
 float:left;
 width: 200px;
 height: 270px;
 }
 
 #col-right #content {
 margin:0 0 20px 20px;
 font-family:Arial, Helvetica, sans-serif, Verdana;
 font-size:12px;
 line-height:18px;
 color:#B9B298;
 width:265px;
 height:265px;
 }
 
 #col-right #footer {
 margin:20px 30px 0 210px;
 text-align:center;
 font-family:Arial, Helvetica, sans-serif, Verdana;
 font-size:14px;
 color:#FFFFFF;
 }
 
 #col-right #footer a, #col-right #footer a:visited{color:#FFFFFF; text-decoration: none; font-family:Arial, Helvetica, sans-serif, Verdana; font-size:14px;}
 #col-right #footer a:hover {color:#B9B298;}
 
 
 .base {
 display:block;
 margin-left:650px;
 margin-top:5px;
 }
 
 .links {
 font-family:Arial, Helvetica, sans-serif, Verdana;
 font-size:14px;
 colour:#FFFFFF;
 line-height:18px;
 text-decoration:none;
 }
 
 .links a {color:#FFFFFF; text-decoration: none;}
 .links a:visited {color:#FFFFFF; text-decoration: none;}
 .links a:hover {color:#B9B298; text-decoration: none;}
 

 #contentframe {

 			scrollbar-3dlight-color:#765843;

     		scrollbar-highlight-color:#765843;

            scrollbar-face-color:#765843;

            scrollbar-shadow-color:#765843;

            scrollbar-darkshadow-color:#765843;

            scrollbar-track-color:#765843;

            scrollbar-arrow-color:#FFFFFF;
			
			height: 275px;

            width: 310px;  

            z-index: 1; 

            overflow: auto;

 }