/* Imported gazelle.css */

body {
	margin: 0;
	padding: 10px;
	}

.fixedwidth {
	position: relative;
	width: 761px;
	margin: 0 auto;
	}

#skip, #print {
	display: none;
	}

#header {
	float: left;
	width: 100%;
	}

#header h1 {
	display: block;			/*	takes up some space accross the whole header...	*/
	padding-bottom: 63px;	/*	...but only some px's because the image is floating (taking no space)	*/
	}

#header h1 a {
	display: block;
	width: 160px;
	float: left;
	text-decoration: none;
	font-size: 30px;
	font-style: italic;
	line-height: 1;
	padding: 0 10px;
}

#mainnav {
	float: right;
	width: 100%;
	}

#mainnav ul {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;	/*	to appear to contain its floating children	*/
	}

#mainnav li {
	list-style: none;
	float: left;
	border-left: 1px solid #fff;
	margin: 0 0 0 -1px;
	}

#mainnav li a {
	display: block;
	padding: 4px 10px;
	text-decoration: none;
	font-weight: bold;
	}

#mainnav li a:hover {
	color: #f00 !important;
	}

#mainnav li.this a.thiscontent {

}

#crumb p {
	color: #aaa;
	font-size: 0.9em;
	margin: 0;
	padding: 2px 0;
	}

#crumb a {
	color: #aaa;
	}

#supportingcontent {
	padding-top: 20px;
	}

#footer {
	font-size: 0.9em;
	overflow: hidden;
	}

#footer p {
	margin: 0;
	padding: 4px 10px;
	float: left;
	}

/* ---------------------------------- Footer Links ---------------------------------*/

#footer ul {
	position:absolute;
	right:0;
	margin: 0.5em 0;
	padding: 0;
	overflow: hidden;
	}

#footer ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 0;
	}

#footer ul li a {
	color: #00F;
	text-decoration: none;
	}

/* ---------------------------------- Quick Links ---------------------------------*/

#utilities {
	position: absolute;
	top: 5px;
	right: 10px;
	}

#utilities ul {
	margin: 0;
	padding: 0;
	float: right;
	}

#utilities ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
	}

#utilities ul li a {

	text-decoration: none;
	}

form#utilitysearch {
	position: absolute;
	top: 40px;
	right: 10px;
	margin: 0;
	padding: 0;
	}

form#utilitysearch label {
	float: none;
	font-weight: normal;

	}


/* ------------------------------------ Subnav ---------------------------------------*/

#subnav {
	}

#subnav h3 {
	margin-top: 0;
	padding: 10px 5px;
	}

#subnav p {
	margin-top: 0;
	padding: 0 5px;
	}

ul.navlist {
	margin: 0;
	padding: 0;
	}

ul.navlist li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* IE ignores styles with [attributes], so it will skip the following. */
ul.navlist li[class] a { background-image:url(/images/semi-trans-75.png); }
ul.navlist li[class] a:hover { 	background-image:url(/images/semi-trans-90.png); }

ul.navlist li a {
	display: block;
	margin: 0 0 1px 0;
	text-decoration: none;
	padding: 2px 5px;
	color: #000;
	}


ul.navlist ul {
	padding-left: 15px;
	margin: 0;
	}


ul.navlist li.category a,
ul.navlist li.thissection li.category a,
ul.navlist li.thissection li.content a {
	font-weight: normal;
	}

ul.navlist li.thissection a {
	font-weight: bold;
	}

ul.navlist li.content a {
	font-weight: normal;
	}

ul.navlist li.thiscontent a {
	font-weight: bold;
	}

/* ------------------------------------ Home ---------------------------------------*/



/* --------------------------------  Forms -------------------------------- */

form p {
	clear: left;
	}

input, textarea, select, option {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

label, span.legend {
	float: left;
	width: 80px;
	}

p.checkbox, p.radio {
	float: left;	/*	needs to float to take up the right amount of space (all the contents floats) 	*/
	width: 100%;	/*	ie needs this	*/
	}

p.checkbox input, p.radio input {
	float: left;
	background: 0 none;
	}

p.checkbox label, p.radio label {
	width: auto;
	padding: 2px;
	font-weight: normal;
	}

label.tip {
	cursor: help;
	background: transparent url(/images/bg-tip.png) no-repeat top right;
	}

input.text {
	width: 100px;
	}

textarea {
	width: 270px;
	height: 80px;
	}

input.button {
	}

#errorbox {
	border-top: 1px dotted #c00;
	border-bottom: 1px dotted #c00;
	margin: 20px 0;
	}


/* ------------------------------------ Timing ---------------------------------------*/

#timing	{
	width: 770px;
	margin: 0 auto;
	text-align: right;
	font-size: 120%;
}

#timing p {
	display: inline;
	padding-left: 1em;
}

#timing p code.warn {
	color: red;
	font-size: 140%;
}

/* ------------------------------------ Privacy Policy ---------------------------------------*/

body#privacy pre {

	white-space: normal;
}




/* ------------------------------------ Tables ---------------------------------------*/
.tablewrapper {
	width: 100%;
	overflow: hidden;
}

/* ------------------------------------ Business Directory ---------------------------------------*/

body#businessdirectory-frame div#container {
	height: 100px;
}#container {
	}

#maincontent, #supportingcontent {
	min-height: 440px;
	}


#header {
	position: relative;
	}

#content {
	position: relative;
	float: left;
	width: 100%;
	clear: left;
	}

#subnav {
	float: left;
	width: 140px;
	padding: 0 0 10px 0;
}

#maincontent {
	float: left;
	width: 451px;
	padding: 0 10px;
	border-right-style: solid;
	border-right-width: 150px;
}

#supportingcontent {
	position: absolute;
	width: 130px;
	padding: 0 10px;
	top: 0;
	right: 0;
}

#footer {
	clear: both;
	width: 100%;
	}

/*-----------------------------  News and Events Lists ----------------------------- */



ul.newslist, ul.eventlist {
	padding: 0;
	margin-left: 0;
	}

ul.newslist li, ul.eventlist li {
	list-style: none;
	clear: right;
	margin: 0 0 20px 0;
	padding: 0;
	}

ul.newslist li.archivelink, ul.eventlist li.archivelink {
	font-weight: bold;
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px solid textColor;
	}

ul.newslist li h4, ul.eventlist li h4 {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 1.2em;
	}


ul.newslist li p.teaser, ul.eventlist li p.teaser {
	margin: 5px 0 0 0;
	padding: 0;
	}


ul.newslist li p.more, ul.eventlist li p.more {
	text-align: right;
	margin: 0;
	}

ul.newslist span.date, ul.eventlist span.date {
	float: right;
	padding-left: 20px;
	text-align: right;
	margin: 0;
	font-weight: normal;
	white-space: nowrap;
	}


ul.newslist li.short, ul.eventlist li.short {
	margin-bottom: 10px;
}

/*-----------------------------  Directory Listings ----------------------------- */

body#directory ul.categories {
	margin: 2em 0 3em 0;
	padding: 1em;
	border: 1px solid lightBg;
	background-color: xtraLightBg;
	}

body#directory ul.categories li, body#directory h4 {
	list-style: none;
	position: relative;
	font-weight: bold;
	}

body#directory ul.categories li span, body#directory h4 span {
	position: absolute;
	display: block;
	top: 0;
	right: 15px;
	padding: 3px 2px;
	}

body#directory ul.categories li ul li {
	display: list-item;
	list-style: disc;
	font-weight: normal;
	}

body#directory ul.categories li ul li a {
	background-color: #fff;
	padding: 0;
	}

body#directory ul.categories li ul li span {
	padding: 0 2px;
	}


body#directory ul.directorylisting, body#directory .subcategories ul {
	padding: 0;
	margin-left: 0;
}

body#directory .directorylisting li, body#directory .subcategories ul li {
	list-style: none;
	clear: both;
	margin: 0 0 20px 0;
	overflow: hidden;
	float: left;
	width: 100%;
}

body#directory .imageholder {
	width: 120px;
	overflow: hidden;
	float: right;
	clear: right;
}
body#directory .directorylisting li .imageholder {
	margin-right: 10px;
}

body#directory .directorylisting li h4 {
	line-height: 1;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}

body#directory .subcategories {
	background-color: xtraLightBg;
	margin: 2em 0 3em 0;
	padding: 1em;
}

body#directory .subcategories ul li {
	margin: 1em 0;
}

/* ----------------------------------- Accessible More Links ---------------------------------------*/

/* Hide the span off screen	*/
.more span {
	position: absolute;
	left: -2000px;
	width: 900px;
	}

/* On 'hover' set the anchor to 'position:relative' to get a measuring point.
	Somehow IE doesn't like it when this is in the '.more a' declaration...*/
.more a:hover, .more a:focus, .more a:active {
	position: relative;
	}

/* Take the previously hidden span and display it near the anchor   */
.more a:hover span, .more a:focus span, .more a:active span {
	left: -160px;
	top: -6px;
	width: 140px;
	padding: 5px;
	background: #fff;
	border: 1px solid #666;
	color: #000;
	text-decoration: none;
	text-align: left;
	}

/* IE doesn't show this - but others do.  */
.more a:hover span:before, .more a:focus span:before, .more a:active span:before {
	content: "Read more";
	}


/* ------------------------------------ Webmail Login ---------------------------------------*/
.webmail{
	border-bottom: 1px solid white;
	margin-bottom: 10px;
}

.webmail h4 {
	color: darkBg;
}

.webmail label {
	width: 120px;
}

.small{
	/*font-size: 0.9em;
	letter-spacing: -0.1em;*/
}

.webmailbutton {
}

/* ------------------------------------ Advertising ---------------------------------------*/
.advertising {

}