/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0", 
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License", 
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License", 
http://creativecommons.org/licenses/GPL/2.0/
*/

/* THE BIG GUYS */
* {margin:0;padding:0}
body {
	padding: 0;
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 73%;
	line-height: 1.4;
}
body {
	background-image: url(images/body_1_bg.gif);

}
#body_bgrd {
	background-image: url(images/body_1.gif);
	background-repeat: repeat-x;
	background-position: top;


}

/* LINKS */
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
a:link {color:#006666} 
a:visited {color:#006666} 
a:hover,a:active {color:#990000} 

/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 0px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {
	padding: 3px;
	color:#fff;
	font-weight:bold;
	font-size:96%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/button-small-bg.gif);
	width: 51px;
	border: 0px;
	cursor:pointer;
	float: right;
}

	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {
	width:100%;
	padding: .5em 0;
	position:relative;
}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:0px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 12px 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
.f-name {
width: 130px;
	margin: 3px;
}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS";
	margin: 0em 0 0;
	font-weight: normal;

}
h1 {
	font-size: 130%;
	color:#003366;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h2 {
	font-size: 150%;
	color:#003366;
	text-transform: capitalize;

}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {
	font-size: 106%;
	color: #666666;
    color:#FFFFFF;
}
h6 {font-size: 10px;	    color:#FFFFFF;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {
	line-height: 1.4em;
	padding-left: 5px;
	background-color: transparent;
	background-position: 0 0;
}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 
hr {margin:  10px 0;background:#cccccc;height:1px;color:#cccccc;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 

/* LAYOUT - HEADER */
	#header {
	clear:both;
	margin: 0px 0px 0px 0px;
	width: 100%;
	padding: 0;
	height: 246px;
	background-image: url(images/header_1.gif);
	background-repeat: no-repeat;
	background-position: center;
	}
	
#nav_wrap{
	clear:both;
	position:relative;
	margin: 4px 2px 4px 36px;
	width: 931px;
	height: 40px;
	padding: 0;
	background-image: url(images/nav_bg.gif);
	overflow:visible;
	z-index:99999;
}


	#header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 0 40px;padding:3px 0;color:#ccc;border:none}
	
	/* NAV - top horizontal nav */
	#nav li:hover ul, #nav li.sfhover ul,#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: 0;
	z-index:99999;

}	#nav, #nav ul {padding: 8px;margin: 0;list-style: none; }
	#nav {
	height:2em;
	margin: 0 10px 0 0px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	overflow:visible;
}
	#nav li {
	position:relative;
	float: left;
	width: 14em;
	display:block;
	margin: 0;
	padding:0;
	background-image: url(images/spacer.gif);

}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active{text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 0px 2px}
	#nav a:hover {color:#ccc}
	
	#nav li li {
	background:none;
	float:none;
	border:none;
	border: 1px solid #999;
	border-top:1px solid #fff;
	border-right:none;
	border-left:none;
	padding-left:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-transform: capitalize;
}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 0px 3px 6px;width:200px}
	#nav li li a:hover {color:#ccc;}
	
	#nav li ul {border: 1px solid #999;background: #f6f6f6 no-repeat 100% 100%;width:200px;margin-top:0px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul ul, #nav li.sfhover ul ul{
	background: #c00  no-repeat 100% 100%;
	display: none;
    position: absolute;
    top: 0px;
    left: 12em;	
	}	
	#nav li.active {background: #c00;border-bottom: 3px solid #c00}
	#nav li.active ul {border:none;background: #c00 no-repeat 100% 100%;}
	#nav li.active ul ul{
	border:none;background: #c00  no-repeat 100% 100%;
	display: none;
    position: absolute;
    top: 0;
    left: 12em;
	
	}

	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#fff}
	
	#nav li.active li, #nav li.active li li{border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background-image: url(images/spacer.gif); color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {
	color:#fff;
	font-weight:bold;
	background-image: url(images/spacer.gif);
	background-repeat: repeat-x;
	background-position: 0 99%;
}


/* 2nd Menu */
#nav li.active:hover li a,
#nav li.active.sfhover li a {
  float: none;
  color: #ccc;
}
#nav li:hover li a,
#nav li.sfhover li a {

  color: #666;
}
/* 2nd Menu Hover Persistence */
#nav li:hover li a:hover,
#nav li:hover li:hover a,
#nav li.sfhover li a:hover,
#nav li.sfhover li.sfhover a {

  color: #333;
}

/* 3rd Menu */
#nav li.active:hover li:hover li a,
#nav li.active.sfhover li.sfhover li a {

  color: #fff;
}
#nav li:hover li:hover li a,
#nav li.sfhover li.sfhover li a {

  color: #666;
}

/* 3rd Menu Hover Persistence */
#nav li:hover li:hover li a:hover,
#nav li:hover li:hover li:hover a,
#nav li.sfhover li.sfhover li a:hover,
#nav li.sfhover li.sfhover li.sfhover a {

  color: #FFF;
}

/* 4th Menu */
#nav li.active:hover li:hover li:hover li a,
#nav li.active.sfhover li.sfhover li.sfhover li a {

  color: #fff;
}
#nav li:hover li:hover li:hover li a,
#nav li.sfhover li.sfhover li.sfhover li a {

  color: #666;
}

/* 4th Menu Hover */
#nav li:hover li:hover li:hover li a:hover,
#nav li.sfhover li.sfhover li.sfhover li a:hover {

  color: #FFF;
}


/* Do Not Move - Must Come Before display:block for Gecko */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
  display: none;
}

#nav li:hover ul,
#nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav li.sfhover ul,
#nav ul li.sfhover ul,
#nav ul ul li.sfhover ul {
  display: block;
}



	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	
	/* SEARCH */
	#search {color:#fff;font-weight:bold;position:absolute;top:10px;right:110px;left:auto;width:18em}
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}
	
	/* POWERED BY - mollio logo in this case */
	#poweredby {width:96px;height:63px;position:absolute;top:-102px;right:0}

/* LAYOUT - main body of page */
#wrap {
	width: 1000px;
	min-width:1000px;
	max-width:1000px;
	margin: 0 auto;
	position:relative;
		background-image: url(images/wrap_bg.gif);
	background-repeat: repeat-y;
	background-position: top;

}
/* Start Mac IE5 filter \*/

#content-wrap {
	position:relative;
	width:931px;
	background-image: url(images/content_wrap_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	padding-top: 12px;
}
	#utility {
	position:absolute;
	top:0;
	left:10px;
	width:140px;

	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 12px;
}
	#sidebar {
	position:absolute;
	top:0;
	right:10px;
	width:140px;
	height:400px;

	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 12px;
}

	#content #breadcrumb {margin-top:-5px;font-size:93%;font-weight:bold}
	#content #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
	#content #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
	
	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
	
	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url("images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
	padding-left:18px;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding: 0 20px 3px 0;
	background-position: right;
}
		a.morelink:hover {	padding-left:18px;
	padding-left:18px;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding: 0 20px 3px 0;
	background-position: right;
}
		.morelink span {position:absolute;left:-9999px;width:900px}

	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.quicklink:link, a.quicklink:visited, a.quicklink:hover, a.quicklink:active {
	padding-left:18px;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding: 0 0 3px 20px;
	background-position: left;
}
		a.quicklink:hover {	padding-left:18px;
	padding-left:18px;
	background-color: transparent;
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	padding: 0 0 3px 20px;
	background-position: left;
}
		.quicklink span {position:absolute;left:-9999px;width:900px}
	
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT TYPE B */
	#type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-b #content {margin: 0 23px 0 235px}

/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 25% 0 235px}

/* LAYOUT TYPE D */
	#type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
	#type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
	#type-f #content-wrap {background: transparent url("images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-f #content {margin: 0 235px 0 25%}
		#type-f #utility {left:auto;right:25px}
		#type-f #sidebar {right:auto;left:25px}

/* LAYOUT TYPE bf1 */
    #type-bf1 #wrap {
	overflow: hidden;

}
	#type-bf1 #content-wrap {
	overflow: hidden;


}
	#type-bf1 #content {margin: 0 200px 0 19%;}
	#type-bf1 #utility {left:auto;right:0px;}
	#type-bf1 #sidebar {right:auto;left:0px;}

/* Start Mac IE5 filter \
	#type-bf1 #sidebar, #type-bf1 #utility  {	
    padding-bottom: 12767px !important;
	margin-bottom: -12767px !important; }
	/* End Mac IE5 filter 
	#type-bf1 #sidebar:before, #type-bf1 #utility :before
		{

	background: inherit;
	padding-top: 12767px;
	margin-bottom: -12767px;
	height: 0;
		}

	*/

	* html #type-bf1 #content-wrap
		{

		}
	/* clearing for FUll height columns */
	#type-bf1 #content-wrap
		{		
		overflow: hidden; 
/* This hides the excess padding in non-IE browsers */
		}
	/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
	necessary height (unless fixed, this problem becomes even more acute 
	weirdness as the method is enhanced */
	#type-bf1 #content-wrap
		{
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
	IE 5.01 to completely collapse the wrapper - instead we float it */
		float: left;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
	(I saw it happen many moons ago) makes the width of wrapper too small 
	the float: none with the comment is ignored by 5.01,
	5.5 and above see it and carry on about their business
	It's probably fine to just remove it, but it's left here 
	just in case that many moons ago problem rears its head again */
		float/**/: none;

		}
	/* easy clearing */
	#type-bf1 #content-wrap:after
		{
		display: block; 
		height: 0; 
		clear: both; 

		}


	#type-bf1 #content-wrap
		{

	display: block;

		}
	/* Safari needs this - otherwise the ghost overflow, though painted 
	correctly obscures links and form elements that by rights should be above it.
	An unintended side-effect is that it cause such elements to vanish in IE 5.01
	and 5.5, hence the child selector hack */
	* > #footer, * > form, * > #notes, * > .output
		{
		position: relative;
		z-index: 1000;
		}
	/* end easy clearing */

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}
/* Root = Horizontal, Secondary = Vertical */

/* LAYOUT - FOOTER */
#footer {
	clear:both;
	margin: 20px 0px 0px 28px;
	font-size:86%;
	color:#999;
	z-index: 9999;
	width: 945px;
	height: 64px;
	background-image: url(images/footer_1.gif);
	background-repeat: no-repeat;
}
	#footer p {margin:0}
	#footer a:link {color:#999}

.stylebread {font-size: 10px}
.HomeImage {
	float:left;
	margin-right:20px;

}
.HomeFive {
	Height:88px;
	width: 555px;
	border-bottom: 2px solid #FFF;
}

.Sidebar1 h2 {
	background-image: url(images/Side_curlytop.gif);
	background-repeat: no-repeat;
	height: 22px;
	font-size: 100%;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 20px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
.Sidebar1 p{
	padding:5px;
	background-image: url(images/Side_p_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size:11px;
}
.Sidebar1 h3{
	padding:5px;
	font-size:14px;
	font-weight: bold;
	color: #666666;
}
.Sidebar3, .Sidebar2, .Sidebar1 {
	background-image: url(images/Side_p.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}
.Sidebar3 p, .Sidebar2 p{
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-image: url(images/Side_p_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size:11px;
}
.Sidebar3 h2, .Sidebar2 h2 {
	height: 20px;
	font-size: 100%;
	text-transform: uppercase;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-image: url(images/Side_flat.gif);
}
.spacer {
float:left;
}
.buttonLink {
	height:20px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}
.mapLink {
	float: right;
}
#BottomBar {
	background-image: url(images/BottomBar_bg.gif);
	background-repeat: no-repeat;
	height: 144px;
	width: 580px;
	padding:10px;
}
#Testimonials h1, #BookBox h1{
	font-size: 150%;
	color:#003366;
	text-transform: capitalize;
	border:0px;
	margin-bottom:8px;
}
#Testimonials {
width:170px;
height:120px;
float:left;
margin-right:30px;
}
#BookBox {
width:350px;
height:120px;
float:left;
}
#cssMap {
float:right;
margin-top:33px;
margin-right:15px;
}
.button, .buttonWarning {
	font-size: 10px;
	/*color: #666666 !important;
	color: #666666;*/
	text-decoration: none !important;
	text-decoration: none;
	border: none;
	line-height: 25px;
	padding: 0px;
	height: 24px;
	cursor: pointer;
	text-align: center;
	display:block;
	float:left;
	margin:5px;
	font-size: 10px;
    font-family: Georgia, serif;
	text-transform:uppercase;
}
.button.hundredtwenty{
	background-color: transparent;
	background-image:url(images/button-100.gif) !important;
	background-image: none;
    width: 120px;
}

.clear {
	clear: both;
	height: 5px;
	overflow: hidden;
}
.bold
{
	font-weight: bold;
}