@charset "UTF-8";
/*--------------------------------------------------------------

   ALSO MAKE CHANGES TO LOW_MAIN.CSS
   
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Although the CSS in this file can be freely copied, the associated
graphic files are copyright 2006 DC Homewood Ltd and may not be
reproduced in any form. Furthermore, the unique combination
of images, colors and typography that gives the website its
'look and feel' are also copyright 2006 DC Homewood Ltd.
--------------------------------------------------------------*/
/*--------------------------------------------------------------
   Standard page defaults
--------------------------------------------------------------*/
body {
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	background: #D6D6D8 url(images/background.jpg) repeat;
	margin: 0;
	padding: 0;
}
td#site-body {  /*used for admin area preview window*/
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
	background: #D6D6D8 url(images/background.jpg) repeat;
	margin: 0;
	padding: 0;
}
td#site-body td {  /*used for admin area preview window*/
	font-family: "Trebuchet MS", Arial, "Nimbus Sans L", Helvetica, sans-serif;
}
.page {  /*the admin area window that holds SS short-cuts*/
	color: #000;
	padding: 10px;
	margin: 0;
	background-color: #FFF;
}
img {
	border: 0;
	margin: 0 0 5px 0;
}
.footnote {
	text-align: center;
	margin: 10px 0;
}
#wrap {
	margin: 0 auto;
	border: 0;
	padding: 0;
	background: #FFF url(images/mid_b.gif) bottom repeat-x;
}
form {
	padding: 0;
	margin: 0;
}
fieldset {
	padding: 8px 0;
	border: 0;
	margin: 0;
}
/* Start Holy Hack for IE peekaboo and other bugs \*/
* html #page { height: 1%; }
* html #page div { height: 1%; }
* html #page div div { height: 1%; }
* html #page div div div { height: 1%; }
/* End Holy Hack for IE */ 
/*--------------------------------------------------------------
   Main Page Content
--------------------------------------------------------------*/
#mid1 {
	float: left;
	padding: 0;
	margin: 0;
	background: #FFF url(images/nav2_back.jpg) left repeat-y;
}
#mid2 {
	background: url(images/mid_r.gif) right repeat-y;
}
#page {
	float: left;
	margin: 5px 0 0 12px; /* right can be left at zero */
}
#page a {
	text-decoration: none;
	color: #000;
}
#page a:hover {
	text-decoration: underline;
	color: #C00;
}
#page h1 {
	line-height: 110%;
	padding: 0;
	margin: 0 0 8px 0; 
}
#page h2 {
	color: #666;
	padding: 0;
	margin: 0 0 5px 0;
}
#page h3 {
	padding: 0;
	margin: 0;
}
#page h4 {
	padding: 0;
	margin: 0;
}
#page p {
	color: #333;
	padding: 0;
	margin: 0 0 10px 0;
}
.grey{
	color: #888;
}
.hide {
	display: none;
}
/*---------------------------------
   Text Box Styling - Backgrounds
-----------------------------------*/
.inset1, .inset2, .inset3, .inset4, .inset5, .inset6, .inset7, .inset8 {
	padding: 0;
	margin: 0;
}
.inset2, .inset4, .inset6, .inset8 {
	background: url(images/inset_cr.gif) repeat-y right;
}
.inset1, .inset3, .inset5, .inset7 {
	margin: 0 0 10px 0;
}
.inset1 {
	background-color: #E5E8F9;
	border: 1px solid #CAD2EB;
}
.inset2 {
	background-color: #E5E8F9;
}
.inset3 {
	background-color: #FDF5C7;
	border: 1px solid #ECE1A8;
}
.inset4 {
	background-color: #FDF5C7;
}
.inset5, .inset6 {
	background-color: #BCE7E2;
}
.inset7 {
	background-color: #EEE;
	border: 1px solid #CCC;
}
.inset8 {
	background-color: #EEE;
}
/*---------------------------------
   Text Box Styling - Subheads
-----------------------------------*/
#page .inset1 h2, #page .inset3 h2, #page .inset5 h2, #page .inset7 h2 {
	padding: 5px;
	margin: 0;
}
#page .inset2 h2, #page .inset4 h2, #page .inset6 h2, #page .inset8 h2 {
	padding: 5px 15px 5px 10px;
	margin: 0;
	background: url(images/inset_tr.gif) no-repeat right top;
}
#page .inset1 h2, #page .inset2 h2 {
	font-weight: bold;
	color: #0D4680;
	background-color: #BEC6E8;
}
#page .inset3 h2, #page .inset4 h2 {
	font-weight: bold;
	color: #AC6401;
	background-color: #F2DC8C;
}
#page .inset5 h2, #page .inset6 h2 {
	font-weight: bold;
	color: #FFF;
	background-color: #45908B;
}
#page .inset7 h2, #page .inset8 h2 {
	font-weight: bold;
	color: #FFF;
	background-color: #999;
}
/*---------------------------------
   Text Box Styling - Body Text
-----------------------------------*/
#page .inset1 p, #page .inset2 p {
	color: #163A77;
	padding: 5px 10px;
	margin: 0;
}
#page .inset3 p, #page .inset4 p {
	color: #7F5F03;
	padding: 5px 10px;
	margin: 0;
}
#page .inset5 p, #page .inset6 p {
	padding: 5px 10px;
	margin: 0;
}
#page .inset7 p, #page .inset8 p {
	color: #555;
	padding: 5px 10px;
	margin: 0;
}
#page .inset1 a, #page .inset2 a {
	color: #021B48;
}
#page .inset3 a, #page .inset4 a {
	color: #604701;
}
#page .inset5 a, #page .inset6 a {
	color: #2E605C;
}
#page .inset7 a, #page .inset8 a {
	color: #444;
}
#page .inset1 a:hover, #page .inset2 a:hover {
	color: #C00;
}
#page .inset3 a:hover, #page .inset4 a:hover {
	color: #C00;
}
#page .inset5 a:hover, #page .inset6 a:hover {
	color: #C00;
}
#page .inset7 a:hover, #page .inset8 a:hover {
	color: #C00;
}
/*---------------------------------
   Text Box Styling - Captions
-----------------------------------*/
#page .inset1 .pic-l, #page .inset1 .pic-a, #page .inset1 .pic-c, #page .inset1 .pic-r, #page .inset1 .pic-b, #page .inset1 .pic-, #page .inset2 .pic-l, #page .inset2 .pic-a, #page .inset2 .pic-c, #page .inset2 .pic-r, #page .inset2 .pic-b, #page .inset2 .pic- {
	color: #000;
}
#page .inset3 .pic-l, #page .inset3 .pic-a, #page .inset3 .pic-c, #page .inset3 .pic-r, #page .inset3 .pic-b, #page .inset3 .pic-, #page .inset4 .pic-l, #page .inset4 .pic-a, #page .inset4 .pic-c, #page .inset4 .pic-r, #page .inset4 .pic-b, #page .inset4 .pic- {
	color: #724C00;
}
#page .inset5 .pic-l, #page .inset5 .pic-a, #page .inset5 .pic-c, #page .inset5 .pic-r, #page .inset5 .pic-b, #page .inset5 .pic-, #page .inset6 .pic-l, #page .inset6 .pic-a, #page .inset6 .pic-c, #page .inset6 .pic-r, #page .inset6 .pic-b, #page .inset6 .pic- {
	color: #000;
}
#page .inset7 .pic-l, #page .inset7 .pic-a, #page .inset7 .pic-c, #page .inset7 .pic-r, #page .inset7 .pic-b, #page .inset7 .pic-, #page .inset8 .pic-l, #page .inset8 .pic-a, #page .inset8 .pic-c, #page .inset8 .pic-r, #page .inset8 .pic-b, #page .inset8 .pic- {
	color: #333;
}
/*---------------------------------
   Text Box Styling - Bottom
-----------------------------------*/
#page .inset1 h6, #page .inset2 h6, #page .inset3 h6, #page .inset4 h6, #page .inset5 h6, #page .inset6 h6, #page .inset7 h6, #page .inset8 h6 {
	padding: 0;
	margin: 0;
	clear: left;
}
#page .inset1 h6, #page .inset3 h6, #page .inset5 h6, #page .inset7 h6 {
	height: 0;
}
#page .inset2 h6, #page .inset4 h6, #page .inset6 h6, #page .inset8 h6 {
	background: url(images/inset_br.gif) no-repeat bottom right;
}
#page .inset2 h6 a, #page .inset4 h6 a, #page .inset6 h6 a, #page .inset8 h6 a {
	display: block;
	background: url(images/inset_bl.gif) no-repeat bottom left;
}
/*---------------------------------
   Text Box Styling - Link Lists
-----------------------------------*/
#page .inset1 ul, #page .inset2 ul, #page .inset3 ul, #page .inset4 ul, #page .inset5 ul, #page .inset6 ul, #page .inset7 ul, #page .inset8 ul {
	list-style: none;
	padding: 0;
	border: 0;
	margin: 0 10px 0 0; /* padding around clickable area within div */
}
#page .inset2 ul, #page .inset4 ul, #page .inset6 ul, #page .inset8 ul {
	margin-right: 18px; /* extra padding to allow for drop-shadow */
}
#page .inset1 li, #page .inset2 li, #page .inset3 li, #page .inset4 li, #page .inset5 li, #page .inset6 li, #page .inset7 li, #page .inset8 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	border: 0;
	margin: 0;
}
#page .inset1 li a, #page .inset2 li a, #page .inset3 li a, #page .inset4 li a, #page .inset5 li a, #page .inset6 li a, #page .inset7 li a, #page .inset8 li a {
	display: block;
	width: 100%;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 5px; /* padding around text to make clickable area */
	margin: 0;
}
/* IE box-model hack - sigh! */
* html #page .inset1 li a, * html #page .inset2 li a, * html #page .inset3 li a, * html #page .inset4 li a, * html #page .inset5 li a, * html #page .inset6 li a, * html #page .inset7 li a, * html #page .inset8 li a { margin-right: -10px; }
/* end of IE hack */
#page .inset1 li a, #page .inset2 li a {
	border-bottom: 1px dotted #8B9DE2;
}
#page .inset3 li a, #page .inset4 li a {
	border-bottom: 1px dotted #B29E4B;
}
#page .inset5 li a, #page .inset6 li a {
	border-top: 1px solid #D8FBF5;
	border-bottom: 1px solid #67A399;
}
#page .inset7 li a, #page .inset8 li a {
	border-bottom: 1px dotted #555;
}
#page .inset1 li a:hover, #page .inset2 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #B2C0EB;
}
#page .inset3 li a:hover, #page .inset4 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #F0E79B;
}
#page .inset5 li a:hover, #page .inset6 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #87C2B4;
}
#page .inset7 li a:hover, #page .inset8 li a:hover {
	color: #000;
	text-decoration: none;
	background-color: #CCC;
}
#page .inset1 li a.current, #page .inset2 li a.current {
	color: #000;
	background-color: #F9F1D7;
}
#page .inset3 li a.current, #page .inset4 li a.current {
	color: #000;
	background-color: #FDED4C;
}
#page .inset5 li a.current, #page .inset6 li a.current {
	color: #000;
	background-color: #D9D58F;
}
#page .inset7 li a.current, #page .inset8 li a.current {
	color: #333;
	background-color: #F6E7C1;
}
#page .inset1 .light, #page .inset2 .light {
	color: #5E79B2;
}
#page .inset7 .light, #page .inset8 .light {
	color: #999;
}
/*---------------------------------
   Pictures (caption colour is overriden for inset boxes)
-----------------------------------*/
.pic-l, .pic-a, .pic-c, .pic-r, .pic-b, .pic- {
	color: #000;
	text-align: center;
	margin: 0 0 5px 0;
}
#page div .pic-r, #page div .pic-b {
	margin: 5px 12px 0 0; /* keep inset pic borders within the inset box */
}
.pic-l {
	float: left;
	margin: 0 15px 10px 0;
}
.pic-r {
	float: right;
	margin: 0 0 10px 15px;
}
/* Start Hack for IE 3px-jog bug \*/
* html .pic-l { margin-right: 12px; }
* html .pic-r { margin-left: 12px; }
/* End Hack for IE */ 
.pic-c {
	margin: 5px auto;
}
.pic-a, .pic- {
	margin: 0 auto 5px 0;
}
.pic-b {
	margin: 0 0 5px auto;
}
/*--------------------------------------------------------------
  Top Sub-Site Navigation
--------------------------------------------------------------*/
#sub-links {
	height: 27px;
	background: url(images/sub5.jpg) no-repeat 543px 0;
}
#sub-links ul {
	height: 27px;
	padding: 0;
	margin: 0;
}
.sub1-l, .sub1-r, .sub1-sel, .sub2-l, .sub2-r, .sub2-sel, .sub3-l, .sub3-r, .sub3-sel, .sub5-r {
	float: left;
	width: 181px;
	height: 27px;
	font-weight: bold;
	color: #333;
	text-align: center;
	line-height: 27px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.sub5-r {
	float: right;
	text-align: right;
	font-size: 14px;
}
.sub1-l a, .sub1-r a, .sub1-sel a, .sub2-l a, .sub2-r a, .sub2-sel a, .sub3-l a, .sub3-r a, .sub3-sel a, .sub5-r a {
	display: block;
	color: #EBD6BF;
	text-decoration: none;
	background: url(images/sub1.jpg) no-repeat top right;
}
.sub2-l a, .sub2-r a, .sub2-sel a {
	color: #EAE7B8;
	background: url(images/sub2.jpg) no-repeat top right;
}
.sub3-l a, .sub3-r a, .sub3-sel a {
	color: #C5E7DD;
	background: url(images/sub3.jpg) no-repeat top right;
}
.sub1-sel a, .sub2-sel a, .sub3-sel a {
	color: #A4B7D5;
}
.sub5-r a {
	color: #555;
	font-weight: normal;
	padding-right: 14px;
	background: url(images/tab_right.jpg) no-repeat top right;
}
.sub1-l a:hover, .sub1-r a:hover, .sub2-l a:hover, .sub2-r a:hover, .sub3-l a:hover, .sub3-r a:hover {
	color: #000;
	background: url(images/sub_sel.jpg) no-repeat top right;
}
.sub5-r a:hover {
	color: #C00;
}
/*--------------------------------------------------------------
  Header and Primary Navigation
--------------------------------------------------------------*/
#top1 {
	background: url(images/back_top.jpg) repeat-x;
}
#top2 {
	height: 98px;
}
#top-n1 {
	float: left;
	height: 98px;
	margin: 0;
	padding: 0;
}
#top-n1 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top-n1 ul li {
	float: left;
	text-align: center;
	line-height: 115%;
}
#top-n1 ul li a {
	display: block;
	height: 68px; /* add to padding to get the height of the clickable region from the top of the box */
	color: #FFF;
	text-decoration: none;
	padding: 22px 0 0 0;
	margin: 0;
}
#top-n1 ul li a:hover {
	text-decoration: underline;
	background-color: transparent; /* IE6 needs this for hover text to work! */
}
#top-n1 .logo, #top-n1 .logo2 {
	display: block;
	height: 98px;
	padding: 0;
	margin: 0;
	background: url(images/top_logo.jpg) no-repeat right bottom;
}
#top-n1 .logo2 {
	background: #2F4368 url(images/top_logo2.jpg) no-repeat right bottom; /* IE6 needs bgd for hover text to work! */
}
#top-n1 a.close { /* used for pop-up TofB page */
	height: 54px;
	width: 455px;
	text-align: center;
	padding: 36px 0 0 0;
}
#top-n1 a:hover {
	color: #FF0;
}
#top-n1 a span {
	display: none;
}
#top-n1 a:hover span { /* position of nav1 hover text */
	display: block;
	position: absolute;
	top: 65px;
	width: 160px;
	color: #790000;
	text-align: left;
	font-size: 11px;
	line-height: 13px;
	padding: 5px;
	border: 1px solid #000;
	margin-left: -45px;
	background-color: #FF9;
}
#top-n1 a.logo:hover span, #top-n1 a.logo2:hover span {
	left: 0;
	margin-left: 0;
}
/* IE hack to centre the nav1 hover text */
* html #top-n1 a:hover span { margin-left: -85px; }
/* end of IE hack */
#top-n1 .current {
	height: 90px; /* the distance from the (right) graphic base-line to the top of the box */
	background: url(images/nav1_r.jpg) no-repeat right bottom;
}
#top-n1 a.current {
/* hack to hide 60px value from IE5.5 */	
	height: 90px;
	height: /**/62px; /* add to padding to get the height of the clickable region from the top of the box */
/* end of IE5.5 hack */	
	color: #FFF;
	padding: 28px 0 0 0; /* space above text (plus leading space) */
	background: url(images/nav1_l.jpg) no-repeat left bottom;
}
#top-n1 a.current:hover {
	color: #FF0;
}
#top-n1 .bar {
	height: 90px; /* the distance from the graphic base-line to the top of the box */
	background: url(images/top_bar.jpg) repeat-x bottom;
}
#top-n1 a.bar {
/* hack to hide 50px value from IE5.5 */	
	height: 90px;
	height: /**/52px; /* add to padding to get the height of the clickable region from the top of the box */
/* end of IE5.5 hack */	
	padding: 22px 0 16px 0;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top-n1 a { float: none; }
/* End IE5-Mac hack */
/* Clickable Region Hack re-sets width for all browsers other than IE-Win */
#top-n1 > ul a { width: auto; }
/* End IE-Win hack */
#top-end { 
	float: right;
	height: 98px;
	width: 135px;
	background: url(images/top_right.jpg) no-repeat top right;
}
/*---------------------------
  Secondary Navigation
-----------------------------*/
#mid-n2 {
	float: left;
}
#mid-n2 ul {
	list-style: none;
	line-height: 100%;
	padding: 0;
	margin: 0 0 0 13px;
}
#mid-n2 li {
	display: inline; /*gets rid of IE6 'space under <li>' bug*/
	padding: 0;
	margin: 0;
}
#mid-n2 li a {
	display: block;
	width: 138px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	padding: 5px 0 8px 2px;
	margin: 0 0 0 -3px;
	background: url(images/nav2_line.gif) repeat-x bottom;
}
#mid-n2 li a:hover {
	color: #7F0000;
	background-color: #F2E7AC;
}
#mid-n2 .nav2-sel { /* nav2 selected page with unselected nav3's */
	display: block;
/* hack to hide 154px value from IE5.5 */	
	width: 167px;
	width: /**/154px;
/* end of IE5.5 hack */	
	color: #FFF;
	font-weight: bold;
	padding: 6px 0 7px 13px; /* first figure is space above text, second governs 
												the text wrap (check in IE6), third is thickness of
												n2_top.gif, fourth should be '#s-nav ul' inset value
												plus '#s-nav li a' left text padding */
	margin: 0 0 0 -13px; /* offsets #s-nav ul inset value */
	background: url(images/nav2_top.jpg) no-repeat left bottom;
}
#mid-n2 .nav2-sel a { /* nav2 selected page with a nav3 selected */
	color: #FFF;
	font-weight: bold;
	padding: 5px 0 2px 2px;
	margin: -5px 0 -2px -2px; /* use padding to define clickable area, then offset it with margin */
	background: none;
}
#mid-n2 #nav2-top { /* the nav2 graphic above nav3 links */
	height: 36px;
	margin: 0 0 0 -13px;
	background: url(images/nav2_sel.jpg) no-repeat left bottom;
}
#mid-n2 .nav2-only { /*the nav2 selected link when there is no nav3*/
	display: block;
/* hack to hide 156px value from IE5.5 */	
	width: 167px;
	width: /**/156px;
/* end of IE5.5 hack */	
	font-weight: bold;
	color: #FFF;
	padding: 17px 0 0 11px;
	margin: 0 0 0 -13px;
	background: url(images/nav2_sel_top.jpg) no-repeat left top;
}
#mid-n2 .nav2-only #nav2-bot { /*the bottom of the nav2-sel graphic*/
	height: 12px; /*the size of the graphic*/
	padding: 0 0 8px 0; /*the distance of the graphic below the text*/
	margin: 0 0 0 -11px;
	background: url(images/nav2_sel_bot.jpg) no-repeat left bottom;
}
#mid-n2 .nav2-sel  ul { /*the nav3 list*/
	list-style: none;
	padding: 0;
	margin: 0 0 0 -13px;
	background: url(images/nav3_back.gif) repeat-y;
}
#mid-n2 .nav2-sel li {
	display: inline; /*gets rid of IE6 'space under' bug*/
	padding: 0;
	margin: 0;
}
#mid-n2 .nav2-sel li a { /* the nav3 links */
	display: block;
	width: 140px;
	font-weight: normal;
	color: #184370;
	text-decoration: none;
	margin: 0 0 0 7px;
	padding: 3px 0 6px 3px;
	background: url(images/nav3_line.gif) repeat-x bottom;
}
#mid-n2 .nav2-sel li a:hover {
	color: #7F0000;
	background-color: #F2E7AC;
}
#mid-n2 .nav2-sel .nav3-sel { /* selected nav3 link */
	display: block;
/* hack to hide 155px value from IE5.5 */	
	width: 167px;
	width: /**/155px;
/* end of IE5.5 hack */	
	font-weight: bold;
	color: #184370;
	padding: 7px 0 0 10px;
	margin: 0;
	background: url(images/nav3_sel.gif) no-repeat left top;
}
#mid-n2 .nav2-sel .nav3-sel a { /* active selected nav3 link (for shop nav) */
	font-weight: bold;
	padding: 0;
	margin: 0;
	background: none;
}
#mid-n2 .nav2-sel .nav3-sel a:hover {
	color: #7F0000;
	background: none;
}
#mid-n2 .nav2-sel #nav3-bot { /*the bottom of the nav3-sel graphic*/
	width: 148px;
	height: 5px;
	padding: 0 0 5px 0;
	margin: 0 0 0 -10px;
	background: url(images/nav3_sel_bot.gif) no-repeat left bottom;
}
#mid-n2 .link-intro { /* the 'Quick Links' title and shop nav2 intro text */
	display: block;
	width: 138px;
	font-weight: bold;
	color: #FF6;
	text-decoration: none;
	padding: 6px 0 10px 2px;
	margin: 0 0 0 -3px;
	background: url(images/nav2_line.gif) repeat-x bottom;
}
#mid-n2 .nav2-sel li.n3-intro {
	display: block;
	width: 140px;
	font-weight: bold;
	color: #FF9;
	text-decoration: none;
	padding: 3px 0 6px 3px;
	margin: 0 0 0 7px;
	background: #8DA0CE url(images/nav3_line.gif) repeat-x bottom;
}
.credits {
	display: block;
	position: relative;
	bottom: 0px;
	width: 138px;
	color: #C9D8EB;
	padding: 10px 0 0 13px;
	margin: 0;
}
.credits a {
	color: #FFF;
	text-decoration: none;
}
.credits a:hover { 
	color: #FF0;
	text-decoration: underline;
}
/*--------------------------------------------------------------
  Bottom Box Layout
--------------------------------------------------------------*/
#foot1 {
	background: url(images/footer_right.gif) bottom right no-repeat;
	clear: both;
}
#foot2 {
	height: 50px;
	background: url(images/footer_left.jpg) left bottom no-repeat;
}
#foot-fonts {
	float: left;
	height: 50px;
	width: 167px;
	color: #D4E3F5;
	line-height: 36px;
	padding: 0 0 0 12px;
	margin: 0;
}
#foot-fonts .size1, #foot-fonts .size2, #foot-fonts .size3, #foot-fonts .size4 {
	text-decoration: underline;
	color: #FFF;
}
#foot-fonts a.size1, #foot-fonts a.size2, #foot-fonts a.size3, #foot-fonts a.size4 {
	color: #D4E3F5;
	text-decoration: none;
}
#foot-fonts a:hover {
	color: #FF0;
	text-decoration: underline;
}
#foot-fonts .size1 {
	font-size: 13px;
}
#foot-fonts .size2 {
	font-size: 16px;
}
#foot-fonts .size3 {
	font-size: 19px;
}
#foot-fonts .size4 {
	font-size: 22px;
}
/*--------------------------------------------------------------
  Fixed Navigation Links
--------------------------------------------------------------*/
#foot-n4 {
	float: left;
	height: 41px;
	color: #333;
	padding: 0;
	border-top: #999 1px dashed;
	margin: 8px 0 0 0;
}
#foot-n4 ul {
	list-style: none;
	padding: 8px 0 0 0;
	margin: 0;
}
#foot-n4 li {
	display: inline;
	line-height: 100%;
	padding: 0 10px 0 12px;
	background: url(images/bullet_n4.gif) no-repeat 0 4px;
}
#foot-n4 li a {
	color: #726402;
	text-decoration: none;
}
#foot-n4 li a:hover {
	text-decoration: underline;
	color: #C00;
}
/*--------------------------------------------------------------
  Breadcrumbs
--------------------------------------------------------------*/
#breadcrumbs {
	display:block;
	line-height: 28px; /* ensures underline shows on IE6 */
	color: #738DBA;
	padding: 0 0 4px 0;
	border-bottom: #999 1px dashed;
	margin: 0 12px 0 178px;
	background: url(images/phone_444.gif) no-repeat top right;
}
#breadcrumbs a {
	text-decoration: none;
	color: #738DBA;
}
#breadcrumbs a:hover { 
	text-decoration: underline;
	color: #C00;
}
/*--------------------------------------------------------------
  Next and More Buttons
--------------------------------------------------------------*/
a.next {
	position:relative;
	border: 1px solid white;
	background: url(images/next.gif) no-repeat 0 2px;
}
a.next img {
	margin: 0;
	vertical-align: top;
}
a.next:hover { 
	background: url(images/next_in.gif) no-repeat 0 2px;
}
a.more {
	position:relative;
	border: 1px solid white;
	background: url(images/more.gif) no-repeat 0 2px;
}
a.more img {
	margin: 0;
	vertical-align: top;
}
a.more:hover { 
	background: url(images/more_in.gif) no-repeat 0 2px;
}
/*--------------------------------------------------------------
  Doors to other sites
--------------------------------------------------------------*/
a.elec-door, a.light-door, a.pond-door {
	display:block;
	color: #8A4C02;
	text-decoration: none;
	text-align: center;
	padding: 4px 2px 3px 2px;
	border: 1px solid #C8AA8C;
	margin: 5px 10px 0 14px;
	background: #EDDECB;
}
a.light-door {
	color: #6E5901;
	border: 1px solid #C3BA85;
	background: #EDE6C0;
}
a.pond-door {
	color: #3D6857;
	border: 1px solid #98C8BF;
	background: #DEFDF7;
}
a.elec-door:hover, a.light-door:hover, a.pond-door:hover {
	color: #7F0000;
	background: #FF9;
}
#page div.nexttext, td #page div.nexttext {
	font-style: italic;
	color: #926820;
	text-align: right;
	font-weight: bold;
	margin-top: -1px;
}
/*--------------------------------------------------------------
  Lamp Selector chart
--------------------------------------------------------------*/
.chart-table td {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	border-bottom: 1px solid #BDB167;
	background: #FDF9A7;
	color: #6D5C12;
}
.chart-table td.chart-left {
	color: #524100;
	padding: 3px 3px 3px 6px;
	border-bottom: 1px solid #B8AD62;
	background: #EBE083;
}
.chart-table td.formtop, .chart-table td.formheader {
	font-weight: bold;
	color: #FFF;
	padding: 7px;
	border: 0;
	background: #A68400;
}
.chart-table td.formtop {
	text-align: center;
	background: #524100;
}
/*--------------------------------------------------------------
  Miscellaneous
--------------------------------------------------------------*/
#page p.unavailable {
	display:block;
	color: #900;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	border: 1px solid #C60;
	margin: 10px 5px 5px 10px;
	background: #FF9;
}