body {
	background:#c0c0c0;
	margin: 2em;
	font: .8em Verdana, Arial, Helvetica, sans-serif;	
	}

#wrapper {
	width: 100%;
	max-width:1200px;
	margin: 0 auto;
	min-width:939px;
	background: #fff;
	}
#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
#head {
	height: 120px;
	padding-right: 2em;
	background: url(../images/header-bkg.jpg) repeat-x;	
	}
#head a img  {border: none; outline: none}
#head #address {
	float:right;
	font-size: 90%;
	text-align:right;
	color: #245382;
	margin-top: 3em;
	}
	
#navcontainer {
	background: url(../images/nav-bkg.jpg) repeat;
	height: 40px;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul, .sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12.5em; /* match ul width */
	top:			0;
	z-index:200;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	z-index:		199;
}

/*** ANS skin ***/
.sf-menu {
	float:			right;
/*	margin-bottom:	1em;*/	
padding-right: 1em;
}
.sf-menu a {
	padding: .5em 1em;
	color:	#5a7b9b;	
	text-decoration:none;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#5a7b9b;
}
.sf-menu li {
	background:		transparent;	
	font-size: 1.4em;
	font-weight: bold;
	text-transform:lowercase;
	z-index:10;

}
.sf-menu li li,.sf-menu li li li  {
	background:		#e9eff1;
	text-transform:none;
	font-size: .8em;
	font-weight:normal;
	z-index:50;
}
.sf-menu li li li {
	font-size: 1em;
	z-index:100;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#e9eff1;
	outline:		0;
}
.sf-menu li li a:hover, .sf-menu li li.sfHover a:hover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu a:active  {
	background:		#7e9fbd;
	outline:		0;
		color: #fff;

}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	1.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.5em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(../images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}


/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


/* 2 columns */

#main {
	margin: 0;
	padding: 0;
	width: 50%;
	float:left;
	background:#fff;
	min-height: 600px
	}
	
#sidebar {
	float: right;
	margin: 0;
	padding: 2em;
	width: 35%;
	background: #fff;	
}

.gutter {padding: 0 2em 1em 5em;}

/* 1 colunn */

#col1 #main {
	width: 90%;
	}
	
#col1 #sidebar {display: none}



/* footer and page bottom */

#footer {
	clear: both;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background:#c0c0c0;
	color: #245382;
	text-align: center;
	margin: 0;
list-style-type: none;
padding: 5px 0px;
}
#footer li {
display: inline;
}
#footer li a {
text-decoration:underline;
padding-right: 20px;
}

#footer li a:hover {
color: #a67c52;
}

/*Type*/

h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #a67c52;
	font-size: 2.5em
	}
	

h2 {font-size: 1.75em;color:#245382; line-height:normal}
h2 a {text-decoration:none;}
h2 a:hover {color: #a67c52;}
#sidebar h1 {margin-top:0; padding: .3em; font-size: 1.3em; background:url(../images/sidebar-bkg.jpg) repeat-x;}
h3 {font-size: 1em; color: #a67c52;}
h4 {font-size: 1em; color: #245382;}
 
a, #address a {color: #245382;}

.more {font-size: 80%}

.upperB {
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.lowerB {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}	

#sidebar ol {padding-left: 1em;}
#sidebar li {margin-bottom: 1em;}

/*Images */

.imgR {
	margin: .5em 0 1em 1.5em;
	border: solid 1px #000;
	float:right;
	width: 40%;
	}
	
.imgL {
	margin: .5em 1.5em 1em 0;
	border: solid 1px #000;
	float:left;
	width: 40%;
	}
	
.nb {border:none}

.thumb {
	float: left;
	margin: 0 1.5em 2em 0;

}

.thumb img {
	padding: 1em;
	border:solid 1px 
	#000;
	}

#accordion * {outline:none}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0 0 .5em 2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -5px; }
.ui-accordion .ui-accordion-content { padding: 0; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*.ui-accordion-header {font-weight:bold; font-size:1em; padding-left: 10px;}*/
.ui-icon-triangle-1-e { width: 10px; height: 9px; background: url(../images/arrow-e.gif) no-repeat;}
.ui-icon-triangle-1-s { width: 10px; height: 9px; background: url(../images/arrow-s.gif) no-repeat; }
h3 {font-size: 1em}
#accordion h3 {padding: 0; margin:0}

/* scroller */
#slider {width: 90%;}
/*#slider .panel { display: none }
#slider .panel.first { display: block }*/

.panel { padding: 0 1em; background:#fff; }
.panel p {font-size: 1.2em; font-style:italic; font-weight: bold; color: #245382;}
/* end scroller*/

/* nested category list - fyi */
#nav_categories, #nav_categories ul li { list-style-type: none;margin-left: 0;padding-left: 0;}

#theflash {
position: absolute;
width:100%;
left: 0;
top: 0;
padding: 0;
margin: 0;
overflow:hidden;
}