/*

	TBWG - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	background-color: #CCCCCC;
	color: #666666;
	margin: 0 0 10px 0;
	}
	
body, div, td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
	
blockquote {
	margin: 0 0 12px 28px;
	}

/* =Layout
---------------------------------------------------------------------------------------------------- */

#wrapper {
	border: 1px solid #000000;
	}
	
/* =Header
---------------------------------------------------------------------------------------------------- */



/* =Navigation
---------------------------------------------------------------------------------------------------- */

#menu td {
	font-weight: bold;
	padding: 2px 10px 0 0;
	_padding-top: 0;
	}

#menu, #menu a, #menu a:active, #menu a:visited {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}
	
#toolbar td {
	padding: 15px 10px 5px 0;
	}

.header-home-e {
	background: #4B5A7C url('../images/wrapper/header-home_e.jpg') 0 0 no-repeat;
	height: 215px;
	}
	
.header-home-f {
	background: #4B5A7C url('../images/wrapper/header-home_f.jpg') 0 0 no-repeat;
	height: 215px;
	}
	
.header1-e {
	background: #4B5A7C url('../images/wrapper/header1_e.jpg') 0 0 no-repeat;
	height: 127px;
	}

.header1-f {
	background: #4B5A7C url('../images/wrapper/header1_f.jpg') 0 0 no-repeat;
	height: 127px;
	}
	
.header2-e {
	background: #4B5A7C url('../images/wrapper/header2_e.jpg') 0 0 no-repeat;
	height: 127px;
	}
	
.header2-f {
	background: #4B5A7C url('../images/wrapper/header2_f.jpg') 0 0 no-repeat;
	height: 127px;
	}

.header3-e {
	background: #4B5A7C url('../images/wrapper/header3_e.jpg') 0 0 no-repeat;
	height: 127px;
	}
	
.header3-f {
	background: #4B5A7C url('../images/wrapper/header3_f.jpg') 0 0 no-repeat;
	height: 127px;
	}
	
#menu, #menu a, #menu a:active, #menu a:visited, #toolbar a, #toolbar a:active, #toolbar a:visited {
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	}

#menu a:hover, #menu a:visited:hover, #toolbar a:hover, #toolbar a:visited:hover {
	color: #FF7900;
	}
	
#breadcrumbs, #breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
	color: #4B5A7C;
	text-transform: uppercase;
	}
	
#breadcrumbs a:hover, #breadcrumbs a:visited:hover {
	color: #FF7900;
	}

/* =Typography
---------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4, h5 {
	color: #4B5A7C;
	margin: 0 0 12px 0;
	}
	
h1 {
	color: #FF7900;
	font-size: 26px;
	}
	
h1 span {
	color: #000000;
	display: block;
	font-size: 20px;
	}
	
h2 {
	font-size: 20px;
	}

h3 {
	font-size: 15px;
	}
	
h4 {
	font-size: 13px;
	margin-bottom: 6px;
	}
	
h5 {
	font-size: 12px;
	margin-bottom: 6px;
	}
	
p {
	margin: 0 0 12px 0;
	}
	
#content-home p {
	font-size: 13px;
	line-height: 2em;
	}

.bigger {
	font-size: 14px;
	}

.smaller {
	font-size: 10px;
	}

/* =Lists
---------------------------------------------------------------------------------------------------- */

ol {
	margin: 0 0 12px 0;
	padding: 0 0 0 28px;
	}
	
ul {
	list-style: none;
	margin: 0 0 12px 0;
	padding: 0 0 0 12px;
	}
	
ul li {
	background: transparent url('../images/bullet.gif') 0 5px no-repeat;
	padding-left: 16px;
	}
	
li {
	margin-bottom: 0.5em;
	}
	
ul ul, ol ol, ul ol, ol ul {
	margin-top: 0.5em;
	margin-bottom: 0;
	}

ol.h3 {
	color: #4B5A7C;
	font-size: 15px;
	font-weight: bold;
	}
	
ol.h3 li li {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	}
	
#sidebar ul {
	margin: 0 0 12px 1px;
	padding-left: 0;
	}
	
#sidebar ul li {
	background: transparent url('../images/bullet-sidebar.gif') 0 5px no-repeat;
	margin-bottom: 5px;
	padding-left: 15px;
	}
	
#sidebar ul ul {
	margin: 5px 0 0 0;
	}
	
#sidebar ul ul li {
	background: transparent url('../images/bullet.gif') 0 5px no-repeat;
	margin-bottom: 0;
	padding-left: 10px;
	}
	
dt {
	font-weight: bold;
	}
	
dd {
	margin: 0 0 1em 2em;
	}
	
dd p {
	margin-bottom: 0.5em;
	}
	
dd ul {
	margin: 0.5em 0;
	}
	
dd ul li {
	margin-bottom: 0.5em;
	}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer td {
	color: #000000;
	font-size: 10px;
	}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 

.indent {
	text-indent: 3em;
	}

.validation {
	color: #FF0000;
	font-weight: bold;
	}
	
form {
	margin: 0;
	padding:0;
	}
	
legend {
	color: #4B5A7C;
	}

.button {
	background-color: #4C5A7D;
	border: 2px double #A5ACBE;
	color: #FFFFFF;
	font-size: 90%;
	font-weight: bold;
	overflow: visible;
	padding: 0.25em;
	_padding: 0.25em 0.5em;
	width: auto;
	}

.button-sm {
	background-color: #4C5A7D;
	border: 1px double #A5ACBE;
	color: #FFFFFF;
	font-size: 9px;
	font-weight: bold;
	overflow: visible;
	padding: 0.1em;
	width: auto;
	}

/* =Links
---------------------------------------------------------------------------------------------------- */

a, a:active {
	color: #FF7900;
	}
	
a:visited {
	color: #000000;
	}
	
a:hover, a:visited:hover {
	color: #FF7900;
	}
	
#sidebar a, #sidebar a:active, #sidebar a:visited {
	color: #000000;
	}
	
#sidebar a:hover, #sidebar a:visited:hover {
	color: #FF7900;
	}
	
/* =Misc: Homepage Specific Styles
---------------------------------------------------------------------------------------------------- */

#news h2 {
	color: #FFFFFF;
	margin: 0 0 10px 12px;
	}
	
#news p {
	color: #000000;
	font-size: 13px;
	}

/* =Misc: Sidebar Specific Styles
---------------------------------------------------------------------------------------------------- */

#sidebar div, #sidebar p, #sidebar li {
	padding-right: 12px;
	}
 
 /* =Misc: Data Tables
---------------------------------------------------------------------------------------------------- */

.data, .data2 {
	border: 1px solid #4B5A7C;
	border-right: 0;
	border-bottom: 0;
}

.data th, .data2 th {
	border: 1px solid #4B5A7C;
	border-top: 0;
	border-left: 0;
	color: #4B5A7C;
	background-color: #EEEEEE;
	font-size: 12px;
	text-align: left;
	padding: 2px 5px;
	font-weight: bold;
}

.data2 th{
	font-size: 9px;
}

.data td, .data2 td {
	border: 1px solid #4B5A7C;
	border-top: 0;
	border-left: 0;
	padding: 2px 5px;
}

.data2 td {
	font-size: 10px;
}

/* =Misc: TBWG Directory Jumplinks
---------------------------------------------------------------------------------------------------- */

#jumplinks {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 1em 0;
	}
	
.directory h3, .dictionary h5 {
	color: #FF7900;
	border-bottom: 1px solid #D6D6D6;
	}
	
.directory h4 { 
	margin-bottom: 0;
	}
	
/* =Misc: "Top of Page" Link
---------------------------------------------------------------------------------------------------- */

.top {
	background: transparent url('../images/top.gif') 0 0 no-repeat;
	display: inline;
	float: right;
	text-align: right;
	margin: 3px 0 0 0;
	padding: 0;
	}
	
.top a, .top a:active, .top a:visited {
	color: #666666;
	display: block;
	font-size: 10px;
	padding-left: 10px;
	text-decoration: none;
	}
	
.top a:hover, .top a:visited:hover {
	background: transparent url('../images/top_on.gif') 0 0 no-repeat;
	color: #FF7900;
	text-decoration: underline;
	}
	
/* =Misc: Document Downloads
---------------------------------------------------------------------------------------------------- */
	
div.doc, div.mpg, div.pdf, div.ppt, div.web, div.wma, div.wmv, div.xls {
	margin: 0 0 12px 0;
	padding: 3px 0 3px 20px;
	}
	
li.doc, li.mpg, li.pdf, li.ppt, li.web, li.wma, li.wmv, li.xls {
	list-style: none;
	margin: 0 0 0 -14px;
	padding: 3px 0 3px 22px;
	}
	
.doc {
	background: url("../images/icons/doc.gif") 0 3px no-repeat;
	}
	
.mpg {
	background: url("../images/icons/mpg.gif") 0 3px no-repeat;
	}

.pdf {
	background: url("../images/icons/pdf.gif") 0 3px no-repeat;
	}
	
.ppt {
	background: url("../images/icons/ppt.gif") 0 3px no-repeat;
	}

.web {
	background: url("../images/icons/web.gif") 0 3px no-repeat;
	}
	
.wma, .wmv {
	background: url("../images/icons/wmv.gif") 0 3px no-repeat;
	}

.xls {
	background: url("../images/icons/xls.gif") 0 3px no-repeat;
	}
	
/* =Misc: "Print this page" Fucntion
---------------------------------------------------------------------------------------------------- */

td.print, #breadcrumbs td.print {
	background: url("../images/wrapper/icon-print.gif") 0 4px no-repeat;
	}

td.print a, td.print a:active, td.print a:visited, #breadcrumbs td.print a, #breadcrumbs td.print a:active, #breadcrumbs td.print a:visited {
	color: #999999;
	display: block;
	padding-left: 16px;
	_width: 100%;
	}
	
td.print a:hover, td.print a:visited:hover, #breadcrumbs td.print a:hover, #breadcrumbs td.print a:visited:hover {
	background: url("../images/wrapper/icon-print_on.gif") 0 4px no-repeat;
	color: #FF7900;
	}