/*
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 0 20px;
	background:#ffffff;
	color:#353535;
	font:83%/1.5 arial,helvetica,tahoma,verdana,sans-serif;
}

/* LINKS */
a, a:link,
a:link,
a:link,
a:hover {
	background:transparent;
	text-decoration:underline;
	cursor:pointer;
} 
a:link {
	color:#666;
} 
a:visited {
	color:#666;
} 
a:hover,
a:active {
	color:#000000;
} 

/* FORMS
-----------------------------------------------------*/

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

/* FORMS - general classes */
input.f-submit {
	padding:1px 3px;
	background:#666;
	color:#fff;
	font-weight:bold;
	font-size:96%;
}
	
/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
form.f-wrap-1 {
	width:100%;
	padding:.5em 0;
	background:#faf8cc;
	border-top:1px solid #d7d7d7;
	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,helvetica,tahoma,verdana,sans-serif;
	color:#000;
}
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:10px;
}
		
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:1;
	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 0 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;
}
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;
}

/* TYPOGRAPHY */
p, ul, ol, blockquote {
	margin:0 0 1.5em;
}
h1, h2, h3, h4, h5, h6 {
	font-family:arial,helvetica,verdana,sans-serif;
	margin:1.2em 0 .3em;
	color:#000;
	border-bottom:1px solid #eee;
	padding-bottom:.1em;
}
h1 {
	letter-spacing:-1px;
	font-size:196%;
	margin-top:.6em;
	color:#909090;
}
h2 {
	font-size:136%;
}
h3 {
	font-size:126%;
	color:#909090;
}
h4 {
	font-size:116%;
}
h5 {
	font-size:106%;
}
h6 {
	font-size:96%;
}

blockquote {
	margin-left:40px;
}
p.byline {
	margin-bottom:1.5em;
	border-bottom:1px solid #cccccc;
	padding-bottom:.1em;
	background-color:transparent;
	color:#000000;
	font-variant:small-caps;
	font-weight:bold;
	clear:right;
}
h1.byline {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0px;
	line-height:100%;
	clear:right;
}

.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,helvetica,tahoma,verdana,sans-serif;
	color:#bbb;
	display:block;
	letter-spacing:1px;
}
small {
	font-size:11px;
}
abbr, acronym, dfn {
	color:#cb4735;
	cursor:help;
	border-bottom:1px dotted;
	border-bottom-color:#cb4735;
	font-style:normal;
	speak:normal;
}
abbr.initialism {
	speak:spell-out;
}
abbr.truncation {
	speak:normal;
} 
kbd {
	color:#c20904;
	font-size:1.3em;
}

/* LISTS */
ul {
	margin:.3em 0 1.5em 0;
	list-style-type:none;
}
ul.related {
	margin-top:-1em;
}
ol {
	margin:.5em .5em 1.5em;
	list-style-type:decimal;
}
ol li {
	margin-left:1.4em;
	padding-left:0;
	background:none;
}
li {
	line-height:1.4em;
	padding-left:25px;
	background:transparent url("images/sprites.gif") no-repeat 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;
}
dd {
	margin: 0 0 5px 25px;
}
dl dl {
	margin:0 0 1.5em 30px;
}


/* GENERAL */
img {
	border:none;
} 
hr {
	margin:1em 0;
	background:#f2f2f2;
	height:1px;
	color:#f2f2f2;
	border:none;
	clear:both;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
	position:relative;
	font-size:0px;
	height:0px;
	line-height:0px;
} 
.hidden {
	display:none;
}
.attention {
	color:#ff0000;
	font-weight:bold;
}
.errormsg {
	font-weight:bold;
	color:#ff0000;
}
.ucase {
	text-transform:uppercase;
}
address {
	display:block;
	font-style:normal;
	margin:0 20px 1.2em;
}
cite {
	display:block;
	font-style:italic;
	line-height:120%;
	margin:0 20px 1.2em;
}
.company {
	font-weight:bold;
	font-size:1.1em;
	color:#176e83;
}
.callout {
	font-family:arial,helvetica,tahoma,verdana,sans-serif;
	font-size:14px;
	line-height:20px;
	width:150px;
	margin:10px 0 0 18px;
	padding:10px 0px 10px 8px;
	color:#000000;
	background:#faf8cc;
	float:right;
	border-left:2px dotted #ccc;
}

img.thumb {
	float:right;
	margin-left:12px;
	margin-bottom:6px;
	margin-top:.5em;
/*	border:1px solid #ddd; */
	padding:5px;
	background:#fff;
}
img.lightbox {
	margin-left:12px;
	margin-bottom:6px;
	margin-top:.5em;
/*	border:1px solid #ddd; */
	padding:5px;
	background:#fff;
}
div.captionthumb {
	float:right;
	margin-left:12px;
	margin-bottom:6px;
	margin-top:.5em;
/*	border:1px solid #ddd; */
	padding:5px 5px 2px 5px;
	display:block;
	text-align:right;
	font-size:9px;
	color:#999;
	background:#fff;
	font-family:arial,helvetica,tahoma,verdana,sans-serif;
}
div.creditthumb {
	float:right;
	margin:1.5em 0 6px 12px;
/*	border:1px solid #ddd; */
	padding:5px 5px 2px 5px;
	display:block;
	text-align:right;
	font-size:9px;
	color:#999;
	background:#fff;
	font-family:arial,helvetica,tahoma,verdana,sans-serif;
}
div.mainimg {
	clear:right;
	margin:18px 0 10px 0;
/*	border:1px solid #ccc; */
	padding:5px;
	display:block;
	text-align:center;
	font-size:10px;
	color:#999;
	background:#fff;
	font-family:arial,helvetica,tahoma,verdana,sans-serif;
}

.comment {
	margin-top:14px;
	margin-bottom:14px;
	padding:6px 10px 14px 10px;
	background:#faf8cc;
}
.comment p {
	margin:6px 0 0;
	line-height:18px;
}
.commenthead {
	border-bottom:1px dotted #ccc;
	padding-bottom:6px;
}


/* LAYOUT - HEADER */
#header {
	background:#faf8cc;
	margin:0;
	padding:0;
}
#header #site-name {
	font:265% arial,helvetica,tahoma,verdana,sans-serif;
	letter-spacing:-.05em;
	margin:0 0 0 76px;
	padding:5px 0 0 0;
	color:#ccc;
	border:none;
	height:170px;
}
#header #site-name a,
#header #site-name a img {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
}

/* SEARCH */
#search {
	color:#353535;
	font-weight:bold;
	position:absolute;
	top:80px;
	right:0px;
	left:600px;
	width:330px;
	text-align:right;
}
#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;
}

/* CONTACT US */
div.contact-us {
	font-size:86%;
}

/* LAYOUT - main body of page */
#wrap {
	min-width:770px;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
#content-wrap {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
}
#utility {
	position:absolute;
	top:0;
	left:25px;
	width:165px;
	border-top:25px solid #dcdcdc;
	padding-bottom:40px;
}
#sidebar {
	position:absolute;
	top:0;
	right:25px;
	width:20%;
	border-top:5px solid #dcdcdc;
	padding-top:1px;
	padding-bottom:40px;
}

#content {
	margin:0 50px;
	padding:0;
	width:700px;
	min-width:700px;
}
#content #breadcrumb {
	margin-top:0px;
	font-size:.85em;
	font-weight:normal;
	float:right;
	clear:right;
	text-align:right;
}
#content #breadcrumb a:link,
#content #breadcrumb a:visited {
	text-decoration:none;
}
#content #breadcrumb a:hover,
#content #breadcrumb a:active {
	text-decoration:underline;
}

.featurebox {
	color:#353535;
	padding:15px 20px 20px;
	border-top:1px solid #d7d7d7;
	margin:0 0 1.5em;
	background:#faf8cc;
}
.featurebox p,
.featurebox h1, .featurebox h2, .featurebox h3,
.featurebox h4, .featurebox h5, .featurebox h6 {
	margin:0 0 .3em;
	border-bottom:1px solid #000;
	color:#000;
}
.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:9;
	border:1px solid #eee;
	float:right;
	width:100px;
	padding:5px;
	background:#fff;
}
.thumbnail img {
	border:1px solid #000;
}

/* PAGINATION
-----------------------------------------------------*/

.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:#000;
	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;
}

/* RESULTS LISTING
-----------------------------------------------------*/

#resultslist-wrap {
	margin:0 0 1.5em;
	font-size:92%;
}
#resultslist-wrap ol {
	margin:.5em .5em 1.5em .75em;
	list-style-type:decimal;
}
#resultslist-wrap ol li {
	padding:0;
	margin:0 0 0 1.2em;
	font:bold 145% arial,helvetica,tahoma,verdana,sans-serif;
}
#resultslist-wrap ol li dl {
	margin:0;
	padding:0;
}
#resultslist-wrap ol li dl dt {
	margin:0;
	padding:3px 0;
	font:bold 95% arial,helvetica,tahoma,verdana,sans-serif;
}
#resultslist-wrap ol li dl dd {
	font:normal 73% arial,helvetica,tahoma,verdana,sans-serif;
}
#resultslist-wrap ol li dl dd {
	line-height:1.3;
}
#resultslist-wrap ol li dl dd.filetype,
#resultslist-wrap ol li dl dd.date {
	color:#999;
	display:inline;
	padding-right:.5em;
}

/* INQUIRY FORM
-----------------------------------------------------*/

div.inquiry form#contact_me {
	width:100%;
	padding:.5em 0;
	background:#faf8cc;
	border-top:1px solid #d7d7d7;
	position:relative;
}
div.inquiry fieldset {
	clear:right;
	margin:15px 0;
	padding:10px;
	width:460px;
}
div.inquiry fieldset fieldset {
	margin:0px 0;
}
div.inquiry fieldset.text,
div.inquiry fieldset.radio,
div.inquiry fieldset.checkboxes,
div.inquiry fieldset.select,
div.inquiry fieldset.textarea {
	clear:both;
	border:0;
	padding:0;
}
div.inquiry fieldset legend {
	border:0;
	font:bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}
div.inquiry fieldset.text legend,
div.inquiry fieldset.radio legend,
div.inquiry fieldset.checkboxes legend,
div.inquiry fieldset.select legend,
div.inquiry fieldset.textarea legend {
	background:transparent;
	border:0;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 -5px;
	padding:0;
}
div.inquiry fieldset.text {
	background:none !important;
	border:0;
	margin:10px 0;
	padding:0;
}
div.inquiry label input {
	display:inline;
}
div.inquiry fieldset.sidebyside label,
div.inquiry fieldset.sidebyside input {
	float:left;
}
div.inquiry fieldset.sidebyside label {
	clear:left;
	width:120px;
	text-align:left;
	margin:5px 5px 5px 0px;
}
div.inquiry fieldset.sidebyside input {
	clear:right;
	margin:5px 0px;
}
div.inquiry fieldset.sidebyside label input {
	clear:none;
	float:none;
}
div.inquiry fieldset.sidebyside div.explain {
	clear:both;
	float:left;
	text-align:left;
	margin:-5px 0px 10px 130px;
	padding:0;
	width:auto;
}
div.inquiry fieldset.radio label {
	width:auto;
}
div.inquiry fieldset.checkboxes label {
	clear:none;
	width:32%;
	text-align:left;
}
div.inquiry fieldset.checkbox {
	background:none !important;
	border:0;
	margin:-10px 0px 10px;
	padding:0;
}
div.inquiry fieldset.checkbox label {
	clear:none;
	width:auto;
	text-align:left;
}
div.inquiry fieldset.textarea textarea {
	clear:left;
}
div.inquiry fieldset.textarea label {
	width:auto;
}

label.required,
p.required {
	color:#ee0000;
}
p.required {
	margin:0 0 10px 0;
}
div.inquiry fieldset.sidebyside input.hidden {
	display:none;
}
.nowrap {
	display:inline;
}
div.inquiry.errormsg {
	clear:left;
	margin-bottom:10px;
}

/* TABLES
-----------------------------------------------------*/

/* TABLES - tables */
.tables {
	width:500px;
	border:2px solid #000;
	border-collapse:collapse;
	margin:10px 0 10px 0;
}
.tables caption {
	font:normal 12pt arial,helvetica,tahoma,verdana,sans-serif;
	line-height:1.8em;
	text-align:left;
	margin-top:10px;
}
.tables th {
	color:#000;
	border:1px solid #fff;
	font-size:10pt;
	font-weight:bold;
	padding:3px 7px;
	text-align:left;
}
.tables td {
	background-color:#fff;
	border:1px solid #ddd;
	font-size:9pt;
	padding:3px 7px;
	text-align:left;
	vertical-align:middle;
}
.tables thead th,
.tables tfoot th {
	background-color:#000;
	color:#fff;
}
.tables tfoot th,
.tables tfoot td {
	border:0;
	empty-cells:hide;
}
.tables tbody th {
	background-color:#ccc;
	color:#fff;
}
.tables tbody th.sub {
	font-size:100%;
	color:#000;
	background:#efefef;
}
.tables tbody tr:hover th {
	background-color:#999;
}
.tables tbody tr:hover td {
	background-color:#ccc;
}
.tables .sort-arrow {
	display:none;
}
.tables tr.even td {
	background-color:#eeeeee;
}
.tables table.sortable thead th {
	cursor:pointer;
}
.tables table.sortable thead th:hover {
	background-color:#5e5d94;
}

/* TABLES - table1 */
.table1 {
	border:2px solid #000;
	border-collapse:collapse;
	width:100%;
}
.table1 td {
	background:#fff url("images/sprites.gif") repeat-x 0 -1600px;
	padding:3px;
	border:1px solid #ddd;
}
.table1 th {
	text-align:left;
	border:1px solid #fff;
}
.table1 thead th {
	color:#fff;
	font-size:145%;
	background:#000;
	padding:10px 6px;
}
.table1 tbody th {
	color:#fff;
	font-size:115%;
	background:#ccc;
	padding:6px;
}
.table1 tbody th.sub {
	font-size:100%;
	color:#000;
	background:#efefef;
	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 {
	background:transparent url("images/sprites.gif") no-repeat 5px -500px;
	padding-left:21px;
}
a.morelink:hover {
	background:transparent url("images/sprites.gif") 5px -400px;
}
.morelink 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;
}

/* SECONDARY NAVIGATION - vertical navigation */
#nav-secondary,
#nav-secondary ul{
margin:0px;
padding:0;
position:static
}
#nav-secondary{
border-top:1px solid #cccccc
}
#nav-secondary li{
margin:0;
padding:0;
list-style:none;
background:#ffffff;
border-bottom:1px solid #cccccc
}
#nav-secondary li a{
padding:3px 0 3px 23px;
display:block;
background:url("images/sprites.gif") #ffffff no-repeat 10px -695px;
font:bold 86% arial,helvetica,tahoma,verdana,sans-serif;
color:#000000;
text-decoration:none;
line-height:1.3
}
#nav-secondary li a:active,
#nav-secondary li a:hover{
color:#000000;
background:url("images/sprites.gif") #faf8cc no-repeat 10px -695px
}
#nav-secondary li.active a,
#nav-secondary li.active a:link,
#nav-secondary li.active a:visited,
#nav-secondary li.active a:active,
#nav-secondary li.active a:hover{
color:#ffffff;
background:url("images/sprites.gif") #000000 no-repeat 10px -695px
}
/* SECONDARY NAVIGATION - 2nd TIER */
#nav-secondary li ul{
margin:0 0 0 23px;
padding:0;
}
#nav-secondary li ul li{
border:none;
border-bottom:1px solid #cccccc;
font-weight:normal;
color:#000000;
margin:0;
padding:0;
list-style:none;
background:#ffffff;
}
#nav-secondary li ul li.first a:link,
#nav-secondary li ul li.first a:visited,
#nav-secondary li ul li.line a:link,
#nav-secondary li ul li.line a:visited,
#nav-secondary li ul li.last a:link,
#nav-secondary li ul li.last a:visited,
#nav-secondary li ul li.active a{
padding:2px 0 2px 12px;
width:130px;
display:block;
background:url("images/sprites.gif") #ffffff no-repeat 0 -798px;
color:#000000;
font-weight:normal;
line-height:1.3
}
#nav-secondary li ul li.first a:hover,
#nav-secondary li ul li.first a:active,
#nav-secondary li ul li.line a:hover,
#nav-secondary li ul li.line a:active,
#nav-secondary li ul li.last a:hover,
#nav-secondary li ul li.last a:active{
width:130px;
background:url("images/sprites.gif") #faf8cc no-repeat 0 -798px;
color:#000000
}
#nav-secondary li ul li.active a:link,
#nav-secondary li ul li.active a:visited,
#nav-secondary li ul li.active a:hover,
#nav-secondary li ul li.active a:active{
width:130px;
background:url("images/sprites.gif") #000000 no-repeat 0 -798px;
font-weight:bold;
color:#ffffff
}
/* SECONDARY NAVIGATION - 3rd TIER */
#nav-secondary li ul li ul{
margin:0 0 0 13px;
padding:0
}
#nav-secondary li ul li ul li{
border:none;
border-bottom:1px solid #cccccc;
font-weight:normal;
color:#000000;
margin:0;
padding:0;
list-style:none;
background:#ffffff
}
#nav-secondary li ul li ul li a,
#nav-secondary li ul li ul li a:link,
#nav-secondary li ul li ul li a:visited,
#nav-secondary li ul li ul li.first a,
#nav-secondary li ul li ul li.first a:link,
#nav-secondary li ul li ul li.first a:visited,
#nav-secondary li ul li ul li.line a,
#nav-secondary li ul li ul li.line a:link,
#nav-secondary li ul li ul li.line a:visited,
#nav-secondary li ul li ul li.last a,
#nav-secondary li ul li ul li.last a:link,
#nav-secondary li ul li ul li.last a:visited,
#nav-secondary li ul li ul li.active a{
width:118px;
display:block;
background:url("images/sprites.gif") #ffffff no-repeat 0 -798px;
color:#000000;
font-weight:normal;
line-height:1.3
}
#nav-secondary li ul li ul li a:hover,
#nav-secondary li ul li ul li a:active,
#nav-secondary li ul li ul li.first a:hover,
#nav-secondary li ul li ul li.first a:active,
#nav-secondary li ul li ul li.line a:hover,
#nav-secondary li ul li ul li.line a:active,
#nav-secondary li ul li ul li.last a:hover,
#nav-secondary li ul li ul li.last a:active{
background:url("images/sprites.gif") #faf8cc no-repeat 0 -798px;
width:118px;
font-weight:normal;
color:#000000
}
#nav-secondary li ul li ul li.active a,
#nav-secondary li ul li ul li.active a:link,
#nav-secondary li ul li ul li.active a:visited,
#nav-secondary li ul li ul li.active a:hover,
#nav-secondary li ul li ul li.active a:active{
background:url("images/sprites.gif") #000000 no-repeat 0 -798px;
width:118px;
font-weight:bold;
color:#ffffff
}
/* SECONDARY NAVIGATION - 4th TIER */
#nav-secondary li ul li ul li ul{
margin:0 0 0 13px;
padding:0
}
#nav-secondary li ul li ul li ul li{
border:none;
border-bottom:1px solid #cccccc;
font-weight:normal;
color:#000000;
margin:0;
padding:0;
list-style:none;
background:#ffffff
}
#nav-secondary li ul li ul li ul li a,
#nav-secondary li ul li ul li ul li a:link,
#nav-secondary li ul li ul li ul li a:visited,
#nav-secondary li ul li ul li ul li.first a,
#nav-secondary li ul li ul li ul li.first a:link,
#nav-secondary li ul li ul li ul li.first a:visited,
#nav-secondary li ul li ul li ul li.line a,
#nav-secondary li ul li ul li ul li.line a:link,
#nav-secondary li ul li ul li ul li.line a:visited,
#nav-secondary li ul li ul li ul li.last a,
#nav-secondary li ul li ul li ul li.last a:link,
#nav-secondary li ul li ul li ul li.last a:visited,
#nav-secondary li ul li ul li ul li.active a{
width:106px;
display:block;
background:url("images/sprites.gif") #ffffff no-repeat 0 -798px;
color:#000000;
font-weight:normal;
line-height:1.3
}
#nav-secondary li ul li ul li ul li a:hover,
#nav-secondary li ul li ul li ul li a:active,
#nav-secondary li ul li ul li ul li.first a:hover,
#nav-secondary li ul li ul li ul li.first a:active,
#nav-secondary li ul li ul li ul li.line a:hover,
#nav-secondary li ul li ul li ul li.line a:active,
#nav-secondary li ul li ul li ul li.last a:hover,
#nav-secondary li ul li ul li ul li.last a:active{
background:url("images/sprites.gif") #faf8cc no-repeat 0 -798px;
font-weight:normal;
width:106px;
color:#000000
}
#nav-secondary li ul li ul li ul li.active a,
#nav-secondary li ul li ul li ul li.active a:link,
#nav-secondary li ul li ul li ul li.active a:visited,
#nav-secondary li ul li ul li ul li.active a:hover,
#nav-secondary li ul li ul li ul li.active a:active{
background:url("images/sprites.gif") #000000 no-repeat 0 -798px;
font-weight:bold;
width:106px;
color:#ffffff
}


/* LAYOUT - FOOTER */
#footer {
	clear:both;
	border-top:1px solid #E3E8EE;
	padding:10px 0 30px;
	font-size:86%;
	color:#999;
}
#footer p {
	margin:0;
}
#footer a:link {
	color:#999;
}

/* TELL-A-FRIEND / TOPLINK / RELSITELINK
-----------------------------------------------------*/

.tellafriend {
	float:right;
	clear:right;
	text-align:right;
	margin:0;
	padding:0;
	background-color:transparent;
	color:#999999;
	font-size:.85em;
	line-height:1.0em;
}
.toplink {
	clear:right;
	margin:0;
	padding:0;
	background-color:transparent;
	color:#999999;
	font-size:.85em;
	line-height:1.0em;
	text-align:right;
}
.toplink p {
	text-align:right;
	position:relative;
	margin:0;
	padding:0;
}
.toplink p a,
.toplink p a:link,
.toplink p a:visited {
	background-color:transparent;
	color:#005db5;
	text-decoration:none;
}
.toplink p a:active,
.toplink p a:hover {
	background-color:transparent;
	color:#000000;
	text-decoration:none;
}

/* NAVIGATION CONTAINER AND POSITIONING OF MAIN NAVIGATION
-----------------------------------------------------*/

#navcontainer {
	clear:both;
	width:700px;
	min-width:700px;
	margin:0;
	padding:0;
	background-color:#dcdcdc;
	font-size:0.8em;
}
#navcontainer a {
	border-bottom:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

/* Suckerfish Dropdown Menu */
/*
How To: Deploying Suckerfish Dropdown Menus
Version 1.0 - 7/20/2006
http://www.deansabatino.com/2006/07/20/96/
*/

/* Overall main navigation styles */

#nav,
#nav ul,
ul #nav {
	float:left;
	list-style:none;
	line-height:1em;
	color:#999;
	background-color:#dcdcdc;
	font-weight:bold;
	padding:0;
	margin:0;
	width:700px;
}

/* The top main navigation links */

#nav a {
	display:block;
	padding:5px 10px;
	color:#000; /* offcolor - white */
	text-decoration:none;
}

#nav a:hover,
#nav a:focus,
#nav a:active {
	color:#ffffff; /* oncolor - white */
	background-color:#000000; /* onbgcolor black */
}

/* I'm targeting the last main navigation link to have no "bar" on the right side */

#nav a.bar {
	text-align:left;
	font-size:1em;
	background-color:#dcdcdc; /* offbgcolor - dark grey */
	border-right:1px solid #999999; /* separator - off white */
}

#nav a.last {
	background-color:#dcdcdc; /* offbgcolor - dark grey */
	border-right:1px solid #999999; /* separator - off white */
}

#nav a.bar:hover,
#nav a.bar:focus,
#nav a.bar:active {
	color:#ffffff; /* oncolor - white */
	background-color:#000000; /* onbgcolor black */
}

#nav li {
	float:left;
	padding:0;
}

/* The dropdown links lists */

#nav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:140px;
	font-weight:normal;
	border:1px solid #666872; /* bordercolor - dark grey */
	background-color:#f4f4f4; /* offbgcolor - off white */
	margin:0;
}

#nav li li {
	padding:0;
	width:140px;
	border-bottom:1px solid #666872; /* separatorcolor - dark grey border */
}

#nav li ul a {
	padding:5px 10px;
	width:120px;
}

/* This controls the flyout location of the second level dropdowns */

#nav li ul ul {
	margin:-2.5em 0 0 140px;
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left:-999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left:auto;
}

/* Here is the background of the main nav link while looking at the dropdown */

#nav li:hover,
#nav li.sfhover {
	background-color:#000000; /* main onbgcolour - black */
	position:static;
}

/* The dropdown links list colors */

#nav li ul.under a {
	color:#000;
	background-color:#f4f4f4; /* flyout offbgcolor - off white */
}

#nav li ul.under a:hover {
	background:#000000; /* flyout onbgcolor - black */
	color:#ffffff; /* flyout oncolor - white */
}

/* The background of the second level links while looking at the dropdown under it... */

#nav li ul.under li:hover a.daddy,
#nav li ul.under li.sfhover a.daddy {
	color:#ffffff; /* flyout oncolor - white */
}

#nav li ul.under li:hover,
#nav li ul.under li.sfhover {
	background-color:#000000; /* black */
	color:#ffffff; /* flyout oncolor - white */
}