/*

	CIA - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	background: #FFFFFF url('../images/wrapper/bg.gif') top left repeat-x;
	color: #444444;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
body#splash {
	background-image: none;
	}
	
body, div, td {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
hr {
	background: #0066AE;
	border:0;
	border-top: 1px solid #0066AE;
	height: 0;
	margin: 1em 0 1em 0;
	_margin: 0.5em 0 0.5em 0;
	padding: 0;
	}

/* =Layout
---------------------------------------------------------------------------------------------------- */

.pdf {
	font-size: 1em;
	margin: 0;
	padding: 0 0 0 24px;
	}
	
.pdf {
	background: url("../images/icons/icon_pdf.gif") top left no-repeat;
	}
	
ul.documents {
	margin: 0 0 1em 0;
	padding: 0 0 0 0px;
	}

li.pdf, li.image {
	list-style: none;
	line-height: 16px;
	margin: 0 0 0.5em 0;
	padding-left: 22px;
	}
	
/* =Header
---------------------------------------------------------------------------------------------------- */



/* =Navigation
---------------------------------------------------------------------------------------------------- */

#breadcrumbs {
	font-size: 11px;
	margin: 0 0 24px 0;
	}

#breadcrumbs a, #breadcrumbs a:active, #breadcrumbs a:visited {
	color: #0066AE;
	text-decoration: none;
	}
	
#breadcrumbs a:hover, #breadcrumbs a:visited:hover {
	text-decoration: underline;
	}

#leftnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#leftnav ul li {
	border-top: 2px solid #FFFFFF;
	margin: 0;
	padding: 0;
	}
	
#leftnav ul li a, #leftnav ul li a:active, #leftnav ul li a:visited {
	background: #78A8D2 url('../images/wrapper/leftnav-bullet1.gif') 0 0 no-repeat;
	_background-position: 1px 0;
	color: #FFFFFF;
	display: block;
	line-height: 1.25em;
	padding: 3px 16px;
	text-decoration: none;
	width: auto;
	_width: 100%;
	}
	
#leftnav ul li a:hover, #leftnav ul li a:visited:hover, #leftnav ul li.on a, #leftnav ul li.on a:visited {
	background-color: #587BC9;
	}
	
#leftnav ul li ul {
	margin-top: 2px;
	}
	
#leftnav ul li ul li {
	background-color: #FFFFFF;
	border: 0;
	}
#leftnav ul li ul li a:visited {
	background: #FFFFFF url('../images/wrapper/leftnav-bullet2.gif') 0 1px no-repeat;
	color: #666666;
	display: block;
	line-height: 1.25em;
	padding: 3px 26px;
	text-decoration: none;
	width: auto;
	_width: 100%;
	}
	
#leftnav ul li.on ul li a, #leftnav ul li.on ul li a:visited {
	background-color: #FFFFFF;
	}
	
#leftnav ul li ul li a:hover, #leftnav ul li ul li a:visited:hover, #leftnav ul li ul li.on a, #leftnav ul li ul li.on a:visited {
	background-color: #FFFFFF;
	color: #444444;
	}



/* =Typography
---------------------------------------------------------------------------------------------------- */

h1 {
	color: #0066AE;
	font-size: 22px;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
h2 {
	color: #669966;
	font-size: 18px;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
h3 {
	color: #000000;
	font-size: 16px;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
h4 {
	color: #444444;
	font-size: 14px;
	margin: 0 0 12px 0;
	padding: 0;
	}
	
p {
	margin: 0 0 12px 0;
	padding: 0;
	}

.smaller {
	font-size: 10px;
	}

.bigger {
	font-size: 14px;
	}	
	
/* =Lists
---------------------------------------------------------------------------------------------------- */

ul {
	list-style: square;
	margin-bottom: 12px;
	}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	color: #444444;
	font-size: 11px;
	padding-top: 24px;
	}
#footer a:visited {
	color: #444444;
	text-decoration: none;
	}
	
#footer a:hover, #footer a:visited:hover {
	color: #444444;
	text-decoration: underline;
	}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 


.indent {
	text-indent: 3em;
	}

form {
	margin: 0;
	spacing: 0;
	}
	
input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
input.input {
	margin: 0 3px 0 0;
	_margin: 0;
	}

/* =Links
---------------------------------------------------------------------------------------------------- */

a, a:active {
	color: #78A8D2;
	}
	
a:visited {
	color: #444444;
	}
	
a:hover, a:visited:hover {
	color: #587BC9;
	}

/* =Misc: Search
---------------------------------------------------------------------------------------------------- */

#search {
	color: #000000;
	}

/* =Misc: Quick Links
---------------------------------------------------------------------------------------------------- */

h1#quick {
	color: #699F61;
	margin-bottom: 0;
	}

ul#quick {
	list-style: none;
	margin: 0 0 36px 0;
	padding: 0;
	}
	
ul#quick li {
	background: url('../images/quick-bullet.gif') 0 0 no-repeat;
	border-bottom: 1px solid #669D5F;
	padding: 3px 0 3px 13px;
	}
ul#quick li a:visited {
	color: #444444;
	text-decoration: none;
	}
	
ul#quick li a:hover, ul#quick li a:visited:hover {
	color: #444444;
	text-decoration: underline;
	}

/* =Misc: Member Login Box
---------------------------------------------------------------------------------------------------- */

#login, #login td {
	color: #FFFFFF;
	font-size: 11px;
	}
	
#login input {
	font-size: 11px;
	height: 18px;
	}
	
/* =Misc: Homepage Specific
---------------------------------------------------------------------------------------------------- */

#intro {
	color: 0066AE;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
	}
	
#bulletin td {
	font-size: 11px;
	}
	
#bulletin h1 {
	margin-bottom: 4px;
	}
	
#bulletin strong {
	color: #0066AE;
	}
	
#bulletin a#more, #bulletin a#more:active, #bulletin a#more:visited {
	background: url('../images/bulletin-arrow.gif') center left no-repeat;
	color: #587BC9;
	display: block;
	margin-left: 5px;
	padding-left: 9px;
	text-decoration: none;
	}
	
#bulletin a#more:hover, #bulletin a#more:visited:hover {
	text-decoration: underline;
	}
	
/* =Misc: Table with border
---------------------------------------------------------------------------------------------------- */
.qtable {
	border: 1px solid #78A8D2;
	border-right: 0;
	border-bottom: 0;
}

.qtable th {
	border: 1px solid #78A8D2;
	border-top: 0;
	border-left: 0;
	color: #FFFFFF;
	background-color: #78A8D2;
	font-size: 12px;
	text-align: center;
	padding: 2px 5px;
}

.qtable td {
	border: 1px solid #78A8D2;
	border-top: 0;
	border-left: 0;
	padding: 2px 5px;
}

/* =Misc: Sitemap Specific
---------------------------------------------------------------------------------------------------- */

#sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sitemap ul a {
	font-weight: bold;
	}
	
#sitemap ul li {
	margin-bottom: 1em;
	}
	
#sitemap ul ul {
	list-style: square;
	margin: 0 0 0 16px;; 
	padding: 0;
	}
	
#sitemap ul ul a {
	font-weight: normal;
	}
	
#sitemap ul ul li {
	margin-bottom: 0;
	}
	
#footer a { 
	color: #444444;
	text-decoration: none;
 } 
	
#leftnav ul li ul li a { 
	background: #FFFFFF url('../images/wrapper/leftnav-bullet2.gif') 0 1px no-repeat;
	color: #666666;
	display: block;
	line-height: 1.25em;
	padding: 3px 26px;
	text-decoration: none;
	width: auto;
	_width: 100%;
 } 
	
ul#quick li a { 
	color: #444444;
	text-decoration: none;
 } #footer a:active { 
	color: #444444;
	text-decoration: none;
 } #leftnav ul li ul li a:active { 
	background: #FFFFFF url('../images/wrapper/leftnav-bullet2.gif') 0 1px no-repeat;
	color: #444444;
	display: block;
	line-height: 1.25em;
	padding: 3px 26px;
	text-decoration: none;
	width: auto;
	_width: 100%;
 } ul#quick li a:active { 
	color: #444444;
	text-decoration: none;
 } 