/* reset */

* 
	{ padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
body 
	{ font-size: 62.50%; }

/* common */	

.inner
	{ width: 968px; margin: 0 auto; }
.clr
	{ clear: both; }
	
/* header */
	
#header
	{ border-top: 11px solid #97caff; }
	
#topmenu li
	{ display: block; float: left; margin-right: 2px; position: relative; }
#topmenu li a
	{ display: block; text-decoration: none; font-weight: bold; font-size: 1.5em; color: #fff; padding: 8px 0 2px 0; text-align: center; }
#topmenu li a:hover
	{ padding-top: 14px; }
	
#topmenu li.tma1 { background: #97caff; width: 64px; }
#topmenu li.tma2 { background: #f7b40d; width: 146px; }
#topmenu li.tma3 { background: #98cb2e; width: 120px; }
#topmenu li.tma4 { background: #cd3301; width: 154px; }
#topmenu li.tma5 { background: #cb6600; width: 111px; }
#topmenu li.tma6 { background: #27a6dd; width: 101px; }

#topmenu li span { clear: both; width: 100%; background: transparent url("../images/backgrounds/tabs.png") no-repeat 0 0; display: block; height: 6px; font-size: 0; line-height: 0; }

#topmenu li.tma6 span.l { background-position: 0 0; }
#topmenu li.tma6 span.r { background-position: right -6px; }
#topmenu li.tma5 span.l { background-position: 0 -12px; }
#topmenu li.tma5 span.r { background-position: right -18px; }
#topmenu li.tma1 span.l { background-position: 0 -24px; }
#topmenu li.tma1 span.r { background-position: right -30px; }
#topmenu li.tma2 span.l { background-position: 0 -36px; }
#topmenu li.tma2 span.r { background-position: right -42px; }
#topmenu li.tma3 span.l { background-position: 0 -48px; }
#topmenu li.tma3 span.r { background-position: right -54px; }
#topmenu li.tma4 span.l { background-position: 0 -60px; }
#topmenu li.tma4 span.r { background-position: right -66px; }

#facilities
	{ width: 220px; float: right; background: #97caff; padding: 4px 20px 15px 20px; position: relative; }
#facilities label
	{ display: block; color: #fff; padding: 4px 0 8px 7px; font-size: 1.2em; font-weight: bold; }
#facilities div
	{ width: 220px; font-size: 1.2em; line-height: 1.3em; height: 21px; margin: 0; padding: 0; border: 0; position: relative; background: transparent url("../images/backgrounds/facilities.png") no-repeat 0 0; color: #003397; font-weight: bold; cursor: pointer; }
#facilities div a
	{ display: block; padding: 3px 7px; text-decoration: none; color: #003397; }
#facilities div ul 
	{ display: none; list-style-type: none; padding: 0; margin: 0; position: absolute; top: 21px; left: 2px; width: 216px; border: 0; border-bottom: 2px solid #809acb; background: #fff; }
#facilities div ul li 
	{ display: block; width: 216px; float: left; }
#facilities div ul li a
	{ display: block; background: #fff; margin: 0; padding: 8px 10px; border: 2px solid #809acb; border-bottom: 0; text-decoration: none; }
#facilities div ul li a:hover 
	{ background: #97caff; }
#facilities div.open ul 
	{ display: block; }

#facilities span { background-image: url("../images/backgrounds/facilities-bottom.png"); display: block; position: absolute; width: 14px; height: 14px; bottom: 0; font-size: 0; line-height: 0; }
#facilities span.l { left: 0; background-position: 0 0; }
#facilities span.r { right: 0; background-position: 0 -14px; }

/* main */

#main 
	{ clear: both; background: #fff url("../images/backgrounds/main.gif") repeat-y 0 0; } 
#main .inner
	{ overflow: auto; background: transparent url("../images/backgrounds/tree.png") no-repeat 44px bottom; } 
	
#sidebar
	{ float: left; width: 302px; padding-bottom: 200px; }
#logo
	{ height: 208px; background: #fff url("../images/backgrounds/logo.png") no-repeat center center; }
	
#logo brookwood
	{ height: 208px; background: #fff url("../images/backgrounds/logo-brookwood.png") no-repeat center center; }	
		
#sidetop
	{ background: #97caff url("../images/backgrounds/sidetop.png") no-repeat 0 0; font-size: 2.4em; font-weight: bold; padding: 15px 0 0 50px; color: #fff; }
#sidemenu
	{ padding: 10px 24px 0 24px; list-style-type: none; }	
#sidemenu li 
	{ width: 254px; }
#sidemenu li a
	{ display: block; color: #003397; font-size: 1.3em; font-weight: bold; text-decoration: none; padding: 8px 10px 7px 56px; border-bottom: 1px dotted #003397; background: transparent url("../images/backgrounds/sidemenu.png") no-repeat 22px -39px; }
#sidemenu li a:hover
	{ background: transparent url("../images/backgrounds/sidemenu.png") no-repeat 22px 4px; }

#contents
	{ float: right; width: 642px; padding: 30px 0 35px 0; }
	
.framed { padding: 8px 0; }
.fr1 { background: transparent url("../images/backgrounds/frame.png") repeat-y -600px 0; width: 600px; font-size: 0; line-height: 0; }
.fr2 { background: transparent url("../images/backgrounds/frame.png") no-repeat 0 0; padding-top: 16px; width: 600px; font-size: 0; line-height: 0; }
.fr3 { background: transparent url("../images/backgrounds/frame.png") no-repeat -1200px bottom; padding-bottom: 16px; width: 600px; text-align: center; font-size: 0; line-height: 0; }

h2.living
	{ display: block; width: 364px; height: 44px; padding: 18px 0 5px 34px; text-indent: -5000px; background: transparent url("../images/backgrounds/h2-living.png") no-repeat 34px 18px; }
	
#contents p { font-size: 1.4em; line-height: 1.55em; color: #003; padding: 0 85px 20px 35px; }	
	
.withcaption
	{ float: left; padding: 0 12px 0 35px; }
.caption
	{ font-size: 1.1em; font-style: italic; color: #0097FF; float: left; width: 115px; }

/* footer */

#contact
	{ height: 27px; background: #97caff; clear: both; }
#contact p
	{ color: #fff; text-align: center; font-size: 1.1em; padding-top: 6px; }
#footer
	{ padding: 5px 0 28px 0; }
#footer p
	{ color: #97caff; text-align: center; margin: 3px auto; font-size: 1.1em; }
#footer p a
	{ color: #97caff; text-decoration: none; padding: 0 5px; }
#footer p a:hover
	{ text-decoration: underline; }