/******************** Utility styling *********************/
*{margin:0;padding:0;}
html,body,img{border:0;}
html,body{list-style:none;}

/********************* Jello styling **********************/
body{
padding:0 300px;
background:#FFFFFF;
color:#333333;
font:0.9em "arial narrow",arial,sans-serif;
text-align:center;
}
#sizer{margin:0 auto;width:57%;max-width:390px;}
#expander{top:14px;margin:0 -300px;min-width:700px;position:relative;}

/* Holly hack for IE \*/
* html #expander{height:0;}
/* helps IE get the child percentages right. */

#container{margin:0 15px 0 0;}
#shadow-left{background:transparent url('../images/shadow_left.png') top left repeat-y;}
#shadow-right{
margin-left:15px;
background:transparent url('../images/shadow_right.png') top right repeat-y;
}

#wrapper{width:100%;text-align:left;}
#content-wrap{background:#E2D3AB;padding:0 10px 25px 10px;}

/************************ Header *************************/
#banner-background{
width:100%;
background:transparent url('../images/banner_bg.png') repeat-x;
position:absolute;
height:170px;
top:10px;
left:0px;
}
#header{
background:url('../images/header_bg.jpg') repeat-x left top;
text-align:left;
height:166px;
}
#header-logo{
background:url('../images/header.jpg') no-repeat left top;
color:#FFFFFF;
font-size:1.8em;
height:166px;
}
#slogan{margin-left:10px;}
#logo{margin-top:96px;margin-right:40px;float:right;}

/************************ Footer **************************/
#footer{
padding-top:4px;
height:20px;
background:#FFF3E7;
font-size:0.8em;
text-align:center;
border-top:2px solid #666666;
border-bottom:2px solid #666666;/*color:#FA6F00;*/
}
#footer a:link,a:visited{color:#666666;}
#footer a:hover{color:#EA6F00;}

/******************** Layout styling **********************/
h1{padding-top:10px;color:#462323;font-size:2em;}
h2{padding-top:10px;color:#462323;font-size:1.6em;}
h3{padding-top:10px;color:#462323;font-size:1.3em;}
h5{padding-top:10px;color:teal;font-size:1.1em;}
p{padding-top:10px;}
ul,li,.squeeze{margin-top: 0;margin-bottom: 0;}
#col1{
width:47%;
float:left;
display:inline;
text-align:left;
margin-left:1%;
}
#col2{
width:47%;
float:right;
display:inline;
text-align:left;
}

.nextitem{
padding-left:20px;
padding-top:3px;
background:transparent url('../images/more.png') no-repeat;
font-size:0.8em;
font-family:Arial,sans-serif;
font-style:italic;
height:19px;
}
.left{float:left;}
.right{float:right;}
.padl10{padding-left:10px;}
.padr10{padding-right:10px;}
.wid100{float:left;width:100px;}
.wid200{float:left;width:200px;}
.wid400{width:400px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.centre{text-align:center;}
.mid{vertical-align:middle;border:0;margin-left:24px;}
.midnm{vertical-align:middle;border:0;}
.smallrt{font-size:0.8em;text-align:right;}
.noborder{border:0;}
.bigger{font-size:1.2em;}
.smaller{font-size:0.8em;}
.clear{clear:both;}

/**************** menu coding *****************/
#menu{margin-top:-20px;position:relative;float:right;}
#menu ul{margin:0;padding:0;float:left;list-style:none;}
#menu a,#menu h2{
margin:0;
padding-left:33px;
padding-top:3px;
width:86px;
display:block;
color:#462323;
font:bold 0.8em arial,sans-serif;
text-decoration:none;
}
#menu a:hover,#menu h2:hover{color:#666666;}
#menu li{position:relative;}
#menu ul ul{position:relative;z-index:500;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul{display:none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul{display:block;}
.menu-bg{background:url(../images/menu_bg.png) top left no-repeat;}
.menu-item-bg{background:url(../images/menu_item_bg.png) top left no-repeat;}
.hidden { display: none; }
.unhidden { display: block; }