@import "screen.css";

#wrapper{width: 770px;margin:0 auto; position: relative;z-index:10;}
#wrapper .container{width:385px; margin:61px 10px 61px 375px;position:relative; text-align: left;}
#background{position:absolute; bottom: 0;left:0;}

/* =main navigation*/
#mainnav{height:38px;text-align:left;position:relative;margin:0; clear: both; width: 730px; margin:38px 0 10px 40px;border-bottom:1px solid #00573c;}
#mainnav ul{list-style:none;}
#mainnav li{display:inline;}
#mainnav a{line-height:38px;display:block;float:right;padding:0;margin:0 0 0 10px; text-decoration: none;}
#mainnav a:hover{font-weight: bold;}
#mainnav li.active a{font-weight:bold;}

/* =subnav styles*/
#mainnav li ul{width:580px;float:left;padding-left:217px;display:block;visibility:hidden;
	position:absolute;top:40px; left:0;height:29px; border-bottom:1px solid #e0ebe7;margin:0;}
#mainnav li.active ul{visibility:visible;left:0;}

#mainnav li.active ul{z-index:11;}
#mainnav li:hover ul{z-index:111;}
#mainnav li li{height:29px;background:none;font-family: Arial, Helvetica, sans-serif;font-size:12px; }
#mainnav li.active li a{font-weight: normal;height:29px;line-height:29px;background:none;margin:0;
	padding:2px 5px 0 5px;text-transform: none; float: left; display: block;}
#mainnav li.active li.active a{text-decoration:underline; font-weight: bold;height:29px;line-height:29px;
	background:none;margin:0;padding:2px 5px 0 5px;text-transform: none; float: left; display: block;}
#mainnav li li a:hover{background:none;}

ul li{color:Red;}
#sub #mainnav{margin:38px 0 40px 40px;} 

#textresize{position:relative; top:-50px; left:50px;}
#sub #textresize{position:relative; top:-80px; left:50px;}
#sub #logo{float:left; position:relative; top:-50px;}

.container{position:relative; top:-115px;}
#logo{float:left; position:relative; top:-40px;}

#LeftPane{
	position:relative;top:15px;left:10px;
	}
#sub #LeftPane{top:20px;}

#ContentPane{position:relative;top:80px; left:0px;}
#ContentPane p{text-align:left}
#ContentPane h1, h2, h3, h4, h5 ,h6{text-align:left}

#footer{font-size:11px;width:385px; margin:0 0 0 375px; padding:7px 0; line-height: 13px; text-align: center;}

body{background:#fff url(../../portalframework/images/client/background.jpg) no-repeat bottom left fixed;height:100%;color:#3a4b01;padding:0;margin:0;}
.home{background:#fff url(../../portalframework/images/client/background_home.jpg) no-repeat bottom left fixed;}
.setting{background:#fff url(../../portalframework/images/client/background_setting.jpg) no-repeat bottom left fixed;}
.sa{background:#fff url(../../portalframework/images/client/background_services.jpg) no-repeat bottom left fixed;}
.details{background:#fff url(../../portalframework/images/client/background.jpg) no-repeat bottom left fixed;}
.about{background:#fff url(../../portalframework/images/client/background_aboutus.jpg) no-repeat bottom left fixed;}
.newsevents{background:#fff url(../../portalframework/images/client/background_news.jpg) no-repeat bottom left fixed;}
.contactus{background:#fff url(../../portalframework/images/client/background_contact.jpg) no-repeat bottom left fixed;}
.dining{background:#fff url(../../portalframework/images/client/background_dining.jpg) no-repeat bottom left fixed;}

div.callout{
	background-color: #C7D7AD;
	color: #3A4B01;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:15px;
	position:absolute;top:15px;
}
#sub div.callout{
	top:20px;
	}
div.callout  a{
	font-weight:bold;
	color: #3A4B01;
}
div.callout img{
	position:absolute;
	left:0;
	bottom:0;
	border:none;
	margin:0;
	}
div#CallOutPane{
	padding:10px;
	width: 87px;
	height: 129px;
	left:246px;
}
div#callout_default{
	padding-left:7px;
	padding-top:20px;
	width: 78px;
	height:99px;
	left:226px; 
}