
#site_container {
width: 992px;/*996px;*/ /*864px;*/ /*768*/
background-color: #573F3E !important;
margin: auto;
height: 100%;
/*background-image:url('/images/blocks/backgrounds/page_border_left.jpg');
background-repeat: repeat-y;
background-position:top left;*/
}

#main_container {
position: relative !important;
width: 864px; /*768*/
background-color: #FBF7EE;
text-align: left;
border-left: 1px solid #000;
border-right: 1px solid #000;
margin: 0 0px 0 40px;
padding: 0 22px 0 25px;
height: 100%;
float:left;
}

div.page_border_right
{
float:right;
width: 40px;
height:100%;
background-image:url('/images/blocks/backgrounds/page_border_right.jpg');
background-repeat: repeat-y;
background-position:top right;

}


div.item_basex {
display:block;
clear:both;
width: 100%;

padding: 0px;
margin: 0px;
}



#logo_area {
width: 864px; /*768*/
height:155px;
display:block;
border:0px solid #000;
margin-bottom:3px;
}

#logo_area #logo {
width: 215px;
float: left;
border:0px solid #000;
}
html>body #logo_area #logo {
}


#logo_area #intro_text {
float: right;
width: 528px;
padding-right: 0px;
padding-top: 0px;
text-align: right;
border:0px solid #000;
}
html>body #logo_area #intro_text {
}

#logo_area #intro_text p 
{
    margin: 0px;
    margin-right: 13px;
    padding: 0px;
}

#logo_area #intro_text p a {
color: #7D5858;
}


#main_nav {
width: 864px; /*768*/
display:block;
height: 80px;
background-image: url(/images/blocks/title_area_bg.gif);
background-position: top left;
background-repeat: repeat-y;
border:0px solid #000;
}

#info {height:400px;}
/* 
================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu {list-style-type:none; margin:1px 0px 0px 0px; padding:0;width: 864px;z-index:1;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:104px; height:3em;}
html>body #menu li {margin:0 4px 0 0;}

#menu li dd {display:none;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li:hover, #menu li a:hover {display:block;border:0;position:relative !important;z-index:100;}
#menu li:hover dl, #menu li a:hover dl, #menu ul li dl:hover {display:block;padding-bottom:0px;position:relative !important;z-index:120;}
#menu li:hover dl dd, #menu li a:hover dl dd {display:block;position:relative !important;z-index:130;}

#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 104px; margin: 0; padding: 0; background: #FBF7EE; text-align:center; cursor:pointer;}
#menu dt {margin:0; padding: 0px; font-size: 1.1em; color: #000; }
#menu dt img.text {margin-top:2px;}

#menu dd {margin:0; padding:0; color: #000; font-size: 1em; background: #FBF7EE; text-align:left;}
#menu dd.last {border-bottom:1px solid #000;}

/* is the mcdaddy for changing the fly out nav bg colour and text colour */
.gallery dt a, .gallery dt a:visited {display:block; color:#444;}
.gallery dd 
{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
}
.gallery dd a, .gallery dd a:visited 
{
    color:#000; 
    text-decoration:none; display:block; padding: 4px 4px 4px 4px;
    background: #FBF7EE url(arrow.gif) no-repeat 10px 10px; 
    width:102px;
}

html>body .gallery dd a, html>body .gallery dd a:visited  
{
    width:94px;
}
 
.gallery dd a:hover {background: #258 url(arrowr.gif) no-repeat 11px 10px; color:#9cf;}

/* begin: debuggers */
/*
#logo_area {
    border: 1px solid #ff0000;
}
#logo_area #logo {
    border: 1px solid #ff0000
}
#logo_area #intro_text {
    border: 1px solid #ff0000
}

#main_nav {
    border: 1px solid #ff0000
} 
*/
/* end: debuggers */

#main_area {
width: 864px; /*768*/
min-height: 429px;
height: 100%;
margin-top: 2px;
/*background-image: url(../images/blocks/main_area_bg.gif);
background-position: left top;
background-repeat: repeat-y;*/
position: relative;
padding-bottom: 10px
}
html>body #main_area 
{
    height: auto;
}

#content_area {
width: 862px; /*740*/
height: 100%;
margin-top: 20px;
padding-left: 0px;
padding-right: 0px;
display: block;
position: relative;
border : 0px solid #000
}


#col_lhs {
width: 290px;
min-height: 100%;
height: 100%;
float:left;
display:relative !important;
text-align: left !important;
border: 0px solid #000
}
html>body #col_lhs {
}

#col_rhs {
width: 565px;
min-height: 100%;
height: 100%;
float:right;
display:relative !important;
margin-right: 3px;
border: 0px solid #000
}
html>body #col_rhs {
}

#col_lhs p {
text-align: left !important;
padding: 10px 25px 10px 25px;
}
html>body #col_lhs {
}

#col_lhs ul {
list-style-type:none; 
} 


#menu_left {
margin:1px 0px 0px 0px; padding:0;
}

#menu_left li {
padding:0px 0 0 0; 
margin:0 1px 0 0px;
text-transform:uppercase; 
font-weight: bold;
}

#menu_left a {
font-weight: bold;
text-decoration: none
}

#menu_left a:hover {
font-weight: bold;
}

#menu_left ul {
margin-bottom: 10px; 
}

#menu_left ul li {
text-transform:none; 
font-weight: normal;
font-size:95%;
padding:0; 
margin:0 1px 0 0px; 
}




#base_bar 
{
display: block;
clear:left;
margin-top: 0px;
width: 858px;
border-top: 1px solid #7D5858;
padding-bottom: 10px;
font-size: 100%;
}

#base_bar ul {
margin: 0px;
margin-top: 5px;
padding: 0px;
list-style-type: none;
}

#base_bar ul li {
display: inline;
border-left: 1px solid #7D5858;
font-weight: normal;
padding-left: 5px;
padding-right: 2px;
}

#base_bar ul li.first  {
border: none;
padding: 0px;
}

#base_bar ul li a {
color: #7D5858;
font-weight: normal;
}

#base_bar ul li a:hover {
text-decoration: underline;
}



div.content_features {
margin-bottom: 15px;
padding-bottom: 5px;
margin-top: 10px;
float: left;
width: 100%;

}

div.content_features div.item {
width: 100%;
float: left;
padding: 0px;
padding-top: 0px;
padding-bottom: 10px;
border: 0px dotted #0069AA;
}

div.content_features div.item div.image {
width:115px;
float:left;
border: 0px dotted #0069AA;
}

div.content_features div.item div.image img {
margin: auto;
float: none;
border: 1px solid #7D5858; 
}

div.content_features div.item div.content {
display:block;
width:315px;
float:left;
margin:0 15px 0 0px;
position:relative !important;

}

div.content_features div.item div.content h2 {
margin:0;
padding: 0;
text-transform:uppercase;
color : #744a4c; 
}

div.content_features div.item div.content p {
margin-left: 0px;
padding-left: 0px;
text-align:left;
}

div.content_features div.item div.findoutmore{
float:left;
width: 115px;
border: 0px dotted #0069AA;
}


div.content_features div.item div.item_base {
width: 100%;
height: 15px;
padding: 0px;
margin: 0px;
}

/* Begin - New menu */

#main_nav_wrap {
	clear:both;	
	width:100%;
	padding:0px 0 0 0;
}
#main_nav {
	clear:both;
	width:auto;	
	position:relative;
	z-index:200;	
	
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#main_nav li {
	float:left;
	/*height:58px;*/ /* FF & IE */
	position:relative;
	margin:0px;
	margin-right: 4px;
}
#main_nav li a {
	display:block;	
	margin-top:15px; /*@ p = 14, 18px @ p = 12px, FF & IE */
	padding-top:0px;
    padding-bottom:16px; /*@ p = 14, 16px @ p = 12px, FF & IE */
	cursor:pointer;	
	text-decoration:none;
	
	padding: 0px;
	margin: 0px;
	width:104px;
}
#main_nav li a:link, #main_nav li a:visited {
	color:#000; /* grey */
}

#main_nav ul li a:link, #main_nav ul li a:visited {
	background:#ffffff;
}

#main_nav li:hover a, #main_nav li:active a, #main_nav_wrap #main_nav li.over a {
	padding:0px 6px 0px 0px;
	float:left;
	margin-top: 8px; /*@ p = 14, 8px @ p = 12 px  p, FF & IE */
	
	padding: 0px;
	margin: 0px;
}

#main_nav .section_links {	
	position:absolute;
	top:76px; /*@ p = 14, 52px @ p = 12 px  p, FF & IE */
	left: 0px;
	margin:0px; /*FF & IE */
	z-index:2;	
    zoom: 1;
    width:auto;
	display:none;	
}
#main_nav li:hover .section_links, #main_nav li:active .section_links, #main_nav li.over .section_links {
	display:block;	
}
#main_nav .section_links ul {	
	background:#ffffff;	
	white-space:nowrap;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
	border-bottom:solid 1px #000;
	padding:3px 5px 3px 5px;	

    min-width: 102px;
	width:auto;
	float:left;			
	display:block;
	
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}	

#main_nav li ul li {	
	background:#ffffff;
	height:auto;
	clear:both;
	width:auto; /* important - this auto setting make hover bg display correctly */
	float:none;
	padding:0px;	
}
#main_nav .section_links ul li a {
	text-align:left;
	height:auto;
	width:auto;
	background:#ffffff;	
	margin:0px;
	padding:4px 4px !important;
	border-bottom:solid 1px #000;
	background-image:none !important;
	float:none;
	text-decoration:none;	
}
#main_nav li:hover ul li a:hover, #main_nav li:active  ul li a:active, #main_nav_wrap #main_nav li.over  ul li a:hover , #main_nav_wrap #main_nav li.over  ul li a:active {
	color:#714a4a;	
}

#main_nav  li.last 
{
    margin-right:0px;
}
#main_nav ul  li.last a {
	border:none;	
}

/* End - New menu */

