/****************************************************************************************	
	[BASE RULES - DEFAULT HTML TAGS]
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Back to my CSS */
body {
	color: #000;
	font: 10pt/1.3 Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	background-color: #fff;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
blockquote {margin: 0 12px;}
h1, h2, h3, h4, h5, h6 {
	font: 19pt bold Verdana, Helvetica, sans-serif;
	color: #000;
	margin-bottom: 20px;
	line-height: 1.3;
}
h2, h3, h4, h5, h6 {
	font-size: 15pt;
	margin-bottom: 10px;
}
h3 {font-size: 13pt;}
h4, h5, h6 {
	font-size: 11pt;
	font-weight: bold;
}

/* Forms */
fieldset  {
	border: 1px solid #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}
	fieldset div.form-row {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	fieldset input.txt-input,
	fieldset input.sml-input {
		display: block;
		border: none;
		border-bottom: 1px solid #666;
		width: 400px;
	}
	fieldset input.sml-input {width: 80px;}
	fieldset textarea {
		border: 1px solid #000;
		width: 400px;
		height: 100px;
		overflow: auto;
	}
	form fieldset h2 {
		margin: 6px 0 0.20em 0;
		padding: 4px;
		clear: both;
	}
	form fieldset h3 {
		margin: 0 0 0.20em 0;
		padding-top: 10px;
		clear: both;
		width: 551px;
	}
	form #content #main-content fieldset div.form-row div.multi-inputs p.alert {
		color: #999;
		line-height: 1.2;
		margin: 0;
		font-style: italic;
		font-size: 9pt;
		padding-top: 6px;
	}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#content #main-content p, #content #main-content ul,
#content #main-content ol, #content #main-content dl,
#content #main-content table {margin-bottom: 1.5em;}
#content #main-content table table {margin: 0;}
/* Lists */
#content #main-content ul, #content #main-content ol {margin-left: 44px;}
#content #main-content ul {list-style: disc;}
#content #main-content ol {list-style: decimal;}
	#content #main-content ol ol {list-style: lower-alpha;}
		#content #main-content ol ol {list-style: lower-roman;}
#content #main-content ul ul, 
#content #main-content ol ol {margin: 8px 0 16px 20px;}

/****************************************************************************************
	[LAYOUT]
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
#header h1,
#header ul,
#nav-search,
#sidebar,
#sub-content,
#footer ul,
#content #main-content #live-chat div.chat-info a.exit,
form #content #main-content #page-copy #live-chat fieldset.chat-info,
#content #main-content ul.glossary-links,
#content #main-content ul#breadcrumbs,
#content #main-content #search div.search-results span.search-nav,
#content #main-content p.back,
form #content fieldset.form-submit,
form div#validation-summary,
form div#success,
ul#forum-nav,
.add,
#footer img {display: none;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {width: 100%;}

/* [MAIN CONTENT]
-------------------------------------------------------*/
#main-content {
	padding: 30px 0 20px;
	border-bottom: 2px solid #666;
}
#main-content:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
#main-content {display: inline-block;}    
/* Hides from IE-mac \*/  
* html #main-content {height: 1%;}  
#main-content {display: block;}  
/* End hide from IE-mac */

/* [FOOTER]
-------------------------------------------------------*/
#footer {
	padding: 5px 0 0 0;
	clear: both;
	width: 600px;
}
	#footer p {
		font: normal 8pt Arial, Helvetica, sans-serif;
		color: #666;
		margin-bottom: 10px;
	}

/****************************************************************************************
	[COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [Photo Gallery] 
-------------------------------------------------------*/
#content #main-content ul#img-gallery {
	margin: 0;
	width: 571px;
	padding-top: 10px;
	float: left;
	list-style: none;
}
	#content #main-content ul#img-gallery li {
		float: left;
		margin: 0;
		padding: 0 0 20px;
		width: 190px;
		text-align: center;
		background: none;
	}
	#content #main-content ul#img-gallery li.divider {
		width: 571px;
		height: 0;
		clear: both;
		display: block;
		padding: 0;
		float: none;
		line-height: 0;
		font-size: 0;
	}
		#content #main-content ul#img-gallery li p {margin: 0;}
		#content #main-content ul#img-gallery li p.caption {
			padding: 4px 15px 0 15px;
			color: #666;
			font-size: 9pt;
			text-transform: uppercase;
			line-height: 1.1em;
		}
		#content #main-content ul#img-gallery li img {border: 2px solid #ccc;}

/* [Live Chat] 
-------------------------------------------------------*/

/* Live Chat Layout */
#content #main-content #live-chat {
	float: left;
	width: 550px;
	padding: 10px;
	margin-bottom: 40px;
	border: 1px solid #666;
	position: relative;
}
	#content #main-content #live-chat #userlist {
		float: left;
		width: 200px;
	}
	#content #main-content #live-chat #messages {
		float: right;
		width: 340px;
	}
		#content #main-content #live-chat div.chat-info h3 {
			padding: 4px;
			font-size: 1em;
			font-weight: bold;
			text-transform: uppercase;
		}
		#content #main-content #live-chat div.chat-info ul {margin: 0 0 10px 30px;}

/* [Poll Results] 
-------------------------------------------------------*/
#content #main-content div.poll-results {
	float: left;
	width: 549px;
	margin-bottom: 1.5em;
	padding: 10px 10px 7px 10px;
	border: 1px solid #666;
}
	#content #main-content div.poll-results p {
		float: left;
		margin: 0 0 3px 0;
		width: 549px;
		line-height: 1.2;
		clear: both;
	}
		#content #main-content div.poll-results p span,
		#content #main-content div.poll-results p img {
			display: block;
			float: left;
		}
		#content #main-content div.poll-results p span {
			padding: 7px 0;
			font-weight: bold;
		}
		#content #main-content div.poll-results p img {
			margin-right: 10px;
			max-width: 400px;
		}
		#content #main-content div.poll-results p span.poll-category {
			width: 120px;
			border-right-style: solid;
			border-right-width: 1px;
			font-weight: normal;
			padding-right: 3px;
		}
		
		/* Different colours */
		#content #main-content div.poll-results p.results1 span.poll-category {border-right-color: #FF6600;}
		#content #main-content div.poll-results p.results1 span {color: #FF6600;}
		
		#content #main-content div.poll-results p.results2 span.poll-category {border-right-color: #669900;}
		#content #main-content div.poll-results p.results2 span {color: #669900;}
		
		#content #main-content div.poll-results p.results3 span.poll-category {border-right-color: #0099CC;}
		#content #main-content div.poll-results p.results3 span {color: #0099CC;}
		
		#content #main-content div.poll-results p.results4 span.poll-category {border-right-color: #9966CC;}
		#content #main-content div.poll-results p.results4 span {color: #9966CC;}

/* [STRUCTURED PAGES]
-------------------------------------------------------*/

/* Group Header */
#content #main-content h2.hdr-group {
	padding: 6px;
	clear: both;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-family: Georgia, "Times New Roman", Sans-Serif;
}

/* General List */
#content #main-content ul.structured-list {
	margin: 0 0 1.5em;
	border-top: 1px solid #666;
	list-style: none;
}
	#content #main-content ul.structured-list li.structured-list-row {
		padding: 14px 10px;
		border-bottom: 1px solid #666;
	}
		#content #main-content ul.structured-list li ul li { margin-bottom: 6px;}
		
/* Library Category */
#content #main-content ul#library-category li.structured-list-row h2 {margin-bottom: 8px;}
#content #main-content ul#library-category li.structured-list-row p {
	margin: 0 0 0 20px; 
	padding-top: 6px;
}
#content #main-content ul#library-category li.structured-list-row p.time-date em {
	color: #C06703;
	font-style: normal;
}
#content #main-content ul#library-category li.structured-list-row ul {margin-bottom: 0;}
/* Library Detail */
#content #main-content ul#library-detail {}
		#content #main-content ul#library-detail li.structured-list-row h2.library-label,
		#content #main-content div.structured-list h2.library-label {font-size: 16pt;}
			#content #main-content ul#library-detail li.structured-list-row h2.library-label span,
			#content #main-content div.structured-list h2.library-label span {
				display: block;
				font-size: 10pt;
				font-style: italic;
			}
		#content #main-content ul#library-detail li.structured-list-row div,
		#content #main-content div.structured-list div {margin-left: 20px;}
		#content #main-content div.structured-list div p,
		#content #main-content div.structured-list div ul {margin-bottom: 10px;}
		#content #main-content div.structured-list div h1 {font-size: 16pt;}
		#content #main-content ul#library-detail li.structured-list-row div.wysiwyg p,
		#content #main-content ul#library-detail li.structured-list-row div.wysiwyg ul,
		#content #main-content ul#library-detail li.structured-list-row div.wysiwyg h1 {margin-bottom: 8px;}

/* Glossary of Terms */
#content #main-content ul.glossary-items {}
	#content #main-content ul.glossary-items li {margin-bottom: 10px;}
		#content #main-content ul.glossary-items li h3 {
			font-size: 12pt;
			margin: 0 0 5px;
		}
		#content #main-content ul.glossary-items li p {margin-bottom: 8px;}

/* Media Releases */
#content #main-content div.structured-list {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 14px 10px;
	float: left;
	width: 551px;
	clear: both;
	margin-top: -1px;
}
	#content #main-content div.structured-list p {margin-bottom: 12px;}

/* Calendar */
#content #main-content ul.calendar {}
	#content #main-content ul.calendar li {margin-bottom: 10px;}
		#content #main-content ul.calendar li h2 {
			font-size: 13pt;
			margin-bottom: 6px;
		}
			#content #main-content ul.calendar li h2 a {font-weight: bold;}
		#content #main-content ul.calendar li p {
			margin: 0;
			font-style: italic;
		}
		
/* [INTERNAL HOMEPAGE LAYOUT]
-------------------------------------------------------*/
#content #main-content table.subpage-layout td {
	vertical-align: top;
	padding: 10px 0;
}
	#content #main-content table.subpage-layout td.divider {
		width: 42px;
		font-size: 0;
	}
		#content #main-content table.subpage-layout td h1 {
			margin-bottom: 0;
			font-size: 13pt;
			font-weight: bold;
		}
		#content #main-content table.subpage-layout td p {margin-bottom: 10px;}
		#content #main-content table.subpage-layout td h3 {
			margin-bottom: 10px;
			font-size: 11pt;
		}
			/* Nested Table */
			#content #main-content table.subpage-layout td table {margin-bottom: 8px;}
			#content #main-content table.subpage-layout td table td {padding: 0;}
			#content #main-content table.subpage-layout td table td p {margin-bottom: 0;}
			#content #main-content table.subpage-layout td table td img {
				display: block;
				margin-right: 10px;
			}
			#content #main-content table.subpage-layout td table td h1 {padding-top: 10px;}

/* [FORUM]
-------------------------------------------------------*/
#content #main-content table.tble-forum {
	width: 570px;
	border: 1px solid #666;
	margin: 0 auto 1.5em auto;
}
	/* defaults */
	#content #main-content table.tble-forum td,
	#content #main-content table.tble-forum th {
		vertical-align: top;
		padding: 5px;
		text-align: left;
		font-weight: normal;
	}
	#content #main-content table.tble-forum tbody td {
		padding: 8px 5px; 
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
	}
	#content #main-content table.tble-forum thead th {
		font-weight: bold;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
	}
	#content #main-content table.tble-forum thead th.narrow {text-align: center;}
	#content #main-content table.tble-forum tbody th {
		border-top: 1px solid #666; 
		border-bottom: 1px solid #666;
	}
		/* typography */
		#content #main-content table.tble-forum tbody td p {
			line-height: 1.3;
			margin-bottom: 10px;
		}
	
	/* set column widths */
	#content #main-content table.tble-forum .wide {width: 225px;}
	#content #main-content table.tble-forum .narrow {width: 60px;}
	
	/* forum name */
	#content #main-content table.tble-forum td.forum-name {}
		#content #main-content table.tble-forum td.forum-name h3 {
			font-size: 11pt;
			font-weight: bold;
			line-height: 1.6;
			margin-bottom: 5px;
		}
	/* last post */
	#content #main-content table.tble-forum td.last-post {}
		#content #main-content table.tble-forum td.last-post h4 {
			font-size: 11pt;
			color: #666;
			margin-bottom: 5px;
		}
		#content #main-content p.time-date {
			font-style: italic;
			color: #999;
		}
		#content #main-content p.time-date a {
			font-style: normal; 
			font-weight: bold;
		}
	/* thread/post count */
	#content #main-content table.tble-forum td.count {text-align: center;}

/* [SEARCH]
-------------------------------------------------------*/
#content #main-content #search {
	float: left;
	width: 571px;
	margin-bottom: 20px;
}
	#content #main-content #search h2 {
		margin: 0;
		padding-bottom: 0.65em;
	}
	/* Results Columns */
	#content #main-content #search div.search-results {
		float: left;
		width: 285px;
	}
	#content #main-content #search div.search-results.right {float: right;}
		
		/* Results Columns Nested Stuff */
		#content #main-content #search div.search-results h3 {
			font-size: 13pt;
			font-weight: bold;
			padding: 6px 12px;
			text-transform: uppercase;
			margin: 0;
		}
		#content #main-content #search div.search-results ul {
			padding: 6px 12px 0 12px;
			margin: 0;
			list-style: none;
		}
			#content #main-content #search div.search-results ul li {
				background: none;
				padding: 0;
				margin-bottom: 14px;
				border-bottom: 1px solid #999;
				padding-bottom: 14px;
			}
			#content #main-content #search div.search-results ul li h4 {font-size: 11pt;}
			#content #main-content #search div.search-results ul li p {
				margin: 0;
				line-height: 1.3;
			}
			#content #main-content #search div.search-results ul li p.rating {
				margin-bottom: 0.60em;
				color: #999;
			}
			#content #main-content #search div.search-results p.error {
				color: #C06703;
				padding: 1px 0 2px 20px; 
				margin: 12px;
				line-height: 1.3;
			}

/* [INTRO - HOMEPAGE]
-------------------------------------------------------*/
#content #main-content #intro {
	padding: 10px 6px;
	margin-bottom: 1.5em;
	border-bottom: 2px solid #666;
	border-top: 2px solid #666;
}
	#content #main-content #intro p {margin-bottom: 0.80em;}
	#content #main-content #intro img {margin-top: 13px !important;}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

li.sitemap-col {list-style: none;}