/* CSS Document */







a:link,



a:visited



{



color:#fff;



text-decoration:none;



}











a:hover



{



color: #fff;



text-decoration: underline;



}











a img



{



border:0;



}











.clear



{



clear:both;



}















#wrapper



{



width:850px;



margin:0 auto;



text-align:left;



border-left:1px solid #fff;



border-right:1px solid #fff;



}















#top



{



height:114px;



position:relative;



}















body



{



font-family:Trebuchet MS, Arial;



font-size:0.8em;



color:#fff;



margin:0;



background:#fff;



}











#directionscontainer



{



width:600px;



color:#000;



margin-left:10px;



}



#directionscontainer p



{



margin:0;



padding:0;



margin-bottom:8px;



}



#directionscontainer h4



{



font-size:1.3em;



color:#354F3E;



margin:0;



padding:0;



margin-bottom:10px;



}















#topnavig



{



position:absolute;



line-height:22px;



top:80px;



right:0;



text-align:right;



}



#topnavig ul



{



margin:0;



padding:0;



display:inline;



list-style-type:none;



}



#topnavig ul li



{



display:inline;



padding-right:0px;



margin-right:8px;



background:url('images/splitter.gif') no-repeat left center;



}



#topnavig ul li a:link,



#topnavig ul li a:visited



{



margin-left:9px;



padding-left:6px;



color:#000;



}



#topnavig ul li.first



{



background:none;



}























#base



{



height:40px;



position:relative;



background:#fff;



z-index:1;



}























#basenavig



{



position:absolute;



top:10px;



right:0;



text-align:right;



}



#basenavig ul



{



margin:0;



padding:0;



display:inline;



list-style-type:none;



}



#basenavig ul li



{



display:inline;



padding-right:0px;



margin-right:8px;



background:url('images/splitter.gif') no-repeat left center;



}



#basenavig ul li a:link,



#basenavig ul li a:visited



{



margin-left:9px;



padding-left:6px;



color:#000;



}



#basenavig ul li.first



{



background:none;



}































#telno



{



position:absolute;



line-height:22px;



top:40px;



right:7px;



text-align:right;



color:#000;



width:170px;



}



#telno h3



{



font-size:1.6em;



margin:0;



padding:0;



background:url(images/telephone.gif) no-repeat left center;



padding-left:30px;



}























#topbar



{



height:31px;



background:#c0e2ca;



border-bottom:1px solid #fff;



}











#image-index



{



height:214px;



background:url('images/image_index.jpg') no-repeat left top;



border-bottom:1px solid #fff;



}







#image-index img



{



display:block;



}











#content-index



{



background:#639778 url('images/index_bg.jpg') no-repeat left top;



padding-top:20px;



border-bottom:1px solid #639778;



}











#index-text



{



width:420px;



margin:30px;



margin-top:20px;



}



#index-text h1



{



font-size:1.5em;



color:#fff;



font-weight:bold;



margin:0;



padding:0;



}



#index-text p



{



margin:12px 0;



padding:0;



}



#index-text h5



{



font-size:1.2em;



margin:0;



padding:0;



font-style:italic;



color:#C0E2CA;



font-weight:normal;



}











#image-container



{



position:relative;



width:330px;



height:340px;

float:right;

margin:-40px 40px 0 20px;

_margin:-40px 20px 0 20px;

z-index:100;

}



#image-container img



{



position:absolute;



}



#image-container img#image1



{



top:0;



left:0;



}



#image-container img#image2



{



top:0;



left:114px;



}



#image-container img#image3



{



top:0;



left:228px;



}



#image-container img#image4



{



top:214px;



left:0;



}



#image-container img#image5



{



top:114px;



left:114px;



}



#image-container .panel



{



position:absolute;



top:328px;



width:330px;



background:#C0E2CA;



}











































#image-container2

{

position:relative;

width:330px;

/* height:340px; */

height:800px;

float:right;

margin:-40px 40px 0 20px;

_margin:-40px 20px 0 20px;

z-index:100;

}



#image-container2 img

{

position:absolute;

}



#image-container2 img#image1



{

top:0;

left:0;

}



#image-container2 img#image2



{

top:0;

left:114px;

}



#image-container2 img#image3



{

top:0;

left:228px;

}



#image-container2 img#image4



{

top:214px;

left:0;

}



#image-container2 img#image5

{

top:114px;

left:114px;

}



#image-container2 img#image6

{

top:328px;

left:0;

}



#image-container2 img#image7

{

top:328px;

left:114px;

}



#image-container2 img#image8

{

top:328px;

left:228px;

}



#image-container2 img#image9

{

top:542px;

left:0;

}



#image-container2 img#image10

{

top:442px;

left:114px;

}



#image-container2 .panel

{

position:absolute;

top:328px;

width:330px;

background:#C0E2CA;

}



#panelabout

{

position:absolute;

top:656px;

width:330px;

background:#C0E2CA;

color:#000;

}



#panelabout a:link,

#panelabout a:visited

{

display:block;

margin:0 20px 10px 20px;

color:#000;

text-decoration:none;

}



#panelabout a:hover

{

color:#000;

text-decoration:underline;

}



#panelabout p

{

margin:0 20px 10px 20px;;

}



































#panelright

{

position:absolute;

top:328px;

width:330px;

background:#C0E2CA;

color:#000;

}



#panelright a:link,

#panelright a:visited

{

display:block;

margin:0 20px 10px 20px;

color:#000;

text-decoration:none;

}



#panelright a:hover

{

color:#000;

text-decoration:underline;

}



#panelright p

{

margin:0 20px 10px 20px;;

}



















#feature



{



margin:10px;

margin-right:20px;

min-height:102px;

overflow:visible;

}



html.*#feature

{

height:102px;

margin-right:10px;

}



#feature img



{



float:left;



margin-right:10px;



border:1px solid #fff;



}







#feature-text



{



/*position:absolute;*/

margin-left:110px;



}



#feature-text h3



{



font-size:1.5em;



font-weight:bold;



color:#477257;



margin:0;



padding:0;



}



#feature-text a:link,

#feature-text a:visited,

#feature-text a:hover

{

color:#477257;

font-weight:bold;

}



#feature-text p



{



margin:6px 0;



padding:0;



font-size:1em;



color:#477257;



}











.roombox

{

width:750px;

_width:748px;

border:1px solid #D5E3DB;

background:#354F3E url(images/box_fade.jpg);

margin:30px 30px 10px 30px;

padding:20px;

}



.roombox img

{

float:right;

margin:0 0 0px 30px;

display:block;

background:#fff;

border:1px solid #fff;

}



.roombox h1

{

margin-bottom:0px;

font-size:1.5em;

color:#fff;

font-weight:bold;

margin:0;

padding:0;

}





.roombox p

{

margin:3px;

margin-left:0;

padding:0;

}





















.forms



{



height: 20px;



}











.formstall



{



height: 60px;



}











#contact_form label



{



display:block;



width:90px;



text-align:right;



margin-bottom:10px;



float:left;







padding-right:10px;



font-family: "Trebuchet MS", Verdana, Arial;



}







#contact_form input, 



#contact_form textarea,



#contact_form select



{



display:block;



float:left;



margin-bottom:10px;



width:300px;



color: #666666;



border: 1px solid #CCCCCC;



font-family: "Trebuchet MS", Verdana, Arial;



}











.contactcodeexplain



{



width:300px;



margin-left:90px;



}
/* -------------------------------------------------------------- 
  
   link-icons.css
   * Icons for links based on protocol or file type.
   

-------------------------------------------------------------- */

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { 
	background:transparent none !important; 
	padding:0 !important; 
	margin:0 !important; 
}

/* Make sure the icons are not cut */
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, 
a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
  padding:0px 22px 0px 0;
  margin:-2px 0;
  background-repeat: no-repeat;
  background-position: right center;
}

/* External links */
a[href^="http:"]          { background-image: url(images/external.png); }