/* @override http://esvc000384.wic029u.server-web.com/css/structure.css */

/********** 


This CSS page just defines the physical structure of the page
All colours BG's etc are elsewhere


 ***********/



/********** Reset Margins & Padding ***********/
*{
	margin: 0;
	padding: 0;
}

p{
	line-height: 1.2em;
	margin-bottom: 1em;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{
	border: none;
}

ul{
	list-style: none;
}

div#wrapper{
	width: 776px;
	margin: 0 auto;
	position: relative;
}

div#masthead{
	height: 103px;
	margin-top: 32px;
	_margin-top: 0;
	position: relative;
	z-index: 600;
}
#masthead img#logo{
	float: left;
	margin: 30px 0 0 10px;
	display: inline;
}
div#villages{
	position: absolute;
	top: 69px;
	right: 13px;
}

div#banner{
	width: 755px;
	margin: 0 auto;
}

img#telephone{
	position: absolute;
	right: 18px;
	top:  30px;
}

div#menu{
	float: left;
	width: 193px;
}
div#menu_footer{
	width: 193px;
	float: left;
}

div#flash_banner{
	float: left;
	width: 562px;
	position: relative;
	z-index: 100;
}


.clearline{
	clear: both;
	height: 0;
	overflow: hidden;
}


/********** Content Area ***********/
div#content{
	width: 760px;
	margin: 0 auto;
	padding-top: 18px;
}

div#content h1{
	text-indent: -20000px;
}
div#content h1#h1_welcome{
	background: url(../images/h1_welcome.gif) no-repeat;
}

div#left_col{
	float: left;
	width: 360px;
	margin-left: 20px;
	padding-bottom: 13px;
	display: inline;
}

div#right_col{
	float: left;
	padding-left: 4px;
}

div#right_col #news{
	float: left;
	width: 175px;
	padding-left: 7px;
}

div#right_col #features{
	float: left;
	width: 165px;
	padding-left: 8px;
}

div#content h1#h1_in_focus{
	background: url(../images/h1_in_focus.gif) no-repeat;
}

div#news h3{
	margin: 5px 0;
	font-size: 1em;
}

div#content h1#h1_features{
	background: url(../images/h1_features.gif) no-repeat;
}

div#right_col #features img{
	margin-bottom: 5px;
}

.right_brd{
	border-right: #d3e0f0 1px solid;
	padding-right: 8px;
}


/********** Footer ***********/
div#footer{
	padding: 5px 10px 5px 30px;
	line-height: 2.5em;
}
div#footer ul{
	float: left;
}
div#footer ul li{
	display: inline;
}

div#footer #large_text a{
	float: right;
	display: block;
	background: url(../images/large_text.gif) no-repeat;
	width: 116px;
	height: 28px;
	padding-right: 5px;
	margin-top: -2px;
	text-indent: -20000px;
}


/***** Spry Menu ******/

/* @group Spry Menu */

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe {
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE {
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}

ul.MenuBarHorizontal {
cursor:default;
font-size:12px;
list-style-type:none;
margin:0pt;
padding:0pt;
width:auto;
}
ul.MenuBarActive {
z-index:1000;
}
ul.MenuBarHorizontal li {
cursor:pointer;
float:left;
font-size:100%;
list-style-type:none;
margin:0pt;
padding:0pt;
position:relative;
text-align:left;
width:117px;
}
ul.MenuBarHorizontal ul {
cursor:default;
font-size:100%;
left:-1000em;
list-style-type:none;
margin:0pt;
padding:0pt;
position:absolute;
width:8.2em;
z-index:1020;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left:auto;
}
ul.MenuBarHorizontal ul li {
width:115px;
}
ul.MenuBarHorizontal ul ul {
margin:-5% 0pt 0pt 95%;
position:absolute;
}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left:auto;
top:0pt;
}
ul.MenuBarHorizontal ul {
background-color:#FFFFFF;
border-bottom:1px solid #D3E2F1;
border-left:1px solid #D3E2F1;
border-right:1px solid #D3E2F1;
width:115px;
}
ul.MenuBarHorizontal a {
background-color:#FFFFFF;
color:#003359;
cursor:pointer;
display:block;
padding:5px 0pt;
text-decoration:none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color:#FFFFFF;
color:#F6901E;
text-decoration:none;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
background-color:#FFFFFF;
color:#F6901E;
text-decoration:none;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image:url(../SpryAssets/SpryMenuBarDown.gif);
background-position:5% 0%;
background-repeat:no-repeat;
height:15px;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image:url(../SpryAssets/SpryMenuBarRight.gif);
background-position:5% 50%;
background-repeat:no-repeat;
}
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image:url(../SpryAssets/SpryMenuBarDownHover.gif);
background-position:5% 0%;
background-repeat:no-repeat;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image:url(../SpryAssets/SpryMenuBarRightHover.gif);
background-position:5% 50%;
background-repeat:no-repeat;
}
ul.MenuBarHorizontal a.FirstItem {
font-size:12px;
margin-left:7px;
margin-right:7px;
padding-left:0px;
}
ul.MenuBarHorizontal a.Item {
border-top:1px solid #D3E2F1;
font-size:12px;
margin-left:7px;
margin-right:7px;
padding-left:0px;
}
ul.MenuBarHorizontal iframe {
position:absolute;
z-index:1010;
}
ul.MenuBarHorizontal li.MenuBarItemIE {
background:#FFFFFF none repeat scroll 0%;
display:inline;
float:left;
}
ul#TopMenu {
float:right;
margin-top:58px;
}
ul#TopMenu li {
display:inline;
float:left;
}
ul#TopMenu li.Corporate a:link, ul#TopMenu li.Corporate a:visited {
background:transparent url(../images/bt_corporate.gif) no-repeat scroll 0pt 0px;
display:block;
font-size:12px;
height:25px;
margin-right:8px;
overflow:hidden;
text-indent:-5000px;
width:166px;
}
ul#TopMenu li.Corporate a:hover {
background:transparent url(../images/bt_corporate.gif) no-repeat scroll 0pt -25px;
}
ul#TopMenu li.OurVillages {
background:transparent url(../images/our_villages.gif) no-repeat scroll 0pt 0px;
display:block;
font-size:12px;
height:25px;
margin-left:9px;
overflow:hidden;
text-indent:-5000px;
width:94px;
}

/* @end */
