/*

	cpisc main stylesheet
	Created by Phil Champagne
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	list-style-position: inside;
	list-style-type: circle;
}

ul {
	margin: 0;
	padding: 0;
}

body#home {
	background: #417F96 url('../images/wrapper/home-body-bg.jpg') 0 0 repeat-x;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

body#splash {
	background: #417F96;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}

div#splash {
	background: #417F96 url('../images/wrapper/splash-bg.gif') 0 0 repeat-x;
	height: 305px;
	width: 100%;
	margin: 0 auto 0 auto;
}

body {
	background: #417F96 url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

table tr td {
	font-size: 12px;
	color: #000000;
}

.clearit:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

hr {
	display: block;
	color: #E5E5E5;
	background: #E5E5E5;
	height: 1px;
	border: 0;
	margin: 0 0 10px 0;
}

/* =Header (branding) - Homepage
---------------------------------------------------------------------------------------------------- */
#home-header {
	background: url('../images/wrapper/home-branding-bg.jpg') 50% 0 no-repeat;
	min-height: 347px;
	height: auto !important;
	height: 347px;
	width: 100%;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}

#home-header #branding {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* =Header (branding) - Homepage
---------------------------------------------------------------------------------------------------- */
#header {
	background: url('../images/wrapper/branding-bg.jpg') 50% 0 no-repeat;
	min-height: 226px;
	height: auto !important;
	height: 266px;
	width: 100%;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}

#header #branding {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0;
}

/* =Toobar
---------------------------------------------------------------------------------------------------- */
#toolbar {
	margin: 0 auto 0 auto;
	width: 980px;
	min-height: 59px;
	height: auto !important;
	height: 59px;
	color: #00425C;
}

#toolbar-f {
	margin: 0 auto 0 auto;
	width: 1120px;
	min-height: 59px;
	height: auto !important;
	height: 59px;
	color: #00425C;
}

#toolbar #toolbar-items {
	padding: 16px 0 0 516px;
}

#toolbar-f #toolbar-items {
	padding: 16px 0 0 516px;
}

#toolbar #toolbar-items a {
	color: #00425C;
	text-decoration: none;
	padding: 0 6px 0 6px;
}

#toolbar-f #toolbar-items a {
	color: #00425C;
	text-decoration: none;
	padding: 0 6px 0 6px;
}

#toolbar #toolbar-items a:hover {
	text-decoration: underline;
}

#toolbar-f #toolbar-items a:hover {
	text-decoration: underline;
}

/* =Layout (homepage)
---------------------------------------------------------------------------------------------------- */
#left-col {
	float: left;
	width: 675px;
}

#left-col #left-col-items {
	padding: 0 20px 16px 20px;
}

#left-col #intro {
	line-height: 18px;
	;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#left-col #intro p {
	margin: 0 0 16px 0;
}

/* Events */
#events td.pad { 
	padding: 0 0 0 20px;
}

#events td p {
	margin: 10px 0 10px 0;
}

#events td a {
	color: #000000;
	text-decoration: none;
}

#events td a:hover {
	color: #000000;
	text-decoration: underline;
}

#right-col {
	float: left;
	width: 300px;
}

#home-sub-content {
	background: #DCF2FA;
	width: 271px;
	margin: 23px 0 0 16px;
}

#home-sub-content #home-sub-content-items { 
	padding: 12px 14px 0 12px;
}

#home-sub-content #home-sub-content-items h2 {
	font-size: 12px;
	color: #417F96;
	margin: 0 0 8px 0;
}

#home-sub-content #home-sub-content-items ul {
	margin: 10px 0 24px 0;
}

#home-sub-content #home-sub-content-items ul li {
	margin-left: 25px;
}

.img-hr {
	display: block; 
	margin: 10px 0 10px 0;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper { /* wrapper begins below main navigation */
	background: url('../images/wrapper/wrapper-bg.gif') repeat-y;
	width: 1048px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin: 0 auto 0 auto;
}

#wrapper #content {
	background: url('../images/wrapper/main-content-bg.gif') 0 0 no-repeat;
	width: 980px;
	margin: 0 auto 0 auto;
}

#main-content {
background-color:#FFF; /* !!!!!!!!!!!!!!!!!!!!!!!!!temp fix for content popular bug in dreamweaver*/
	width: 487px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#main-content-full {
	width: 715px;
	float: left;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

#text-content {
	padding: 20px 30px 10px 20px;
}

#text-content li{

}

#main-content #text-content p {
	line-height: 18px;
}

#sub-content {
	width: 246px;
	float: left;
}

#sub-content #sub-content-container {
	background: #DCF2FA;
	width: 225px;
	margin: 44px 0 0 5px;
}

#sub-content #sub-content-container #sub-items {
 padding: 16px 20px 10px 20px;
}

#sub-content #sub-content-container #sub-items h3 {
	color: #417F96;
	margin: 10px 0 0 0;
}

/* =Lef navigation
---------------------------------------------------------------------------------------------------- */
#left-nav {
	width: 245px;
	float: left;
}

#left-nav #left-nav-items {
	width: 225px;
	margin: 44px 0 0 20px;
}

#left-nav #left-nav-items a {
	background: #DCF2FA;
	display: block;
	color: #1E586E;
	text-decoration: none;
	padding: 8px 6px 8px 26px;
	margin: 0;
	border-bottom: 1px solid #ffffff;
}

#left-nav #left-nav-items a:hover {  
	display: block;
	background: #BFEBFB;
}

#left-nav #left-nav-items a.on {  
	display: block;
	background: #BFEBFB;
}

#left-nav #left-nav-items a#top {
	background: #DCF2FA url('../images/wrapper/left-nav-item-top.gif') 0 0 no-repeat;
	color: #1E586E;
	padding: 8px 6px 8px 26px;
	border-bottom: 1px solid #ffffff;
}

#left-nav #left-nav-items a:hover#top {
	background: #BFEBFB url('../images/wrapper/left-nav-item-top-on.gif') 0 0 no-repeat;
	color: #1E586E;
	padding: 8px 6px 8px 26px;
	border-bottom: 1px solid #ffffff;
}

#left-nav #left-nav-items a#top_on {
	background: #BFEBFB url('../images/wrapper/left-nav-item-top-on.gif') 0 0 no-repeat;
	color: #1E586E;
	padding: 8px 6px 8px 26px;
	border-bottom: 1px solid #ffffff;
}

#left-nav #left-nav-items a#btm {
	background: #DCF2FA url('../images/wrapper/left-nav-item-btm.gif') 0 100% no-repeat;
	color: #1E586E;
	padding: 8px 6px 8px 26px;
	border: 0;
}

#left-nav #left-nav-items a:hover#btm {
	background: #BFEBFB url('../images/wrapper/left-nav-item-btm-on.gif') 0 100% no-repeat;
	color: #1E586E;
	padding: 8px 6px 8px 26px;
	border: 0;
}

#left-nav #left-nav-items a#btm_on {
	background: #BFEBFB url('../images/wrapper/left-nav-item-btm-on.gif') 0 100% no-repeat;
	color: #1E586E;
	padding: 8px 6px 8px 26px;
	border: 0;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	color: #000000;
	padding: 50px 0 0 20px;
}

#breadcrumb a {
	color: #226077;
}

#breadcrumb a:hover {
	color: #000000;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-bg.gif') 0 0 no-repeat;
	width: 992px;
	color: #DCF2FA;
	margin: 0 auto 0 auto; 
	padding: 0 0 20px 0;
	position: relative;
}

#footer img {
	margin: 8px 0 0 10px;
}

#footer #footer-items {
	float: right;
	padding: 20px 26px 0 0;
}

#footer #footer-items a {
	color: #DCF2FA;
}

#footer #color-bars {
	position: absolute;
	top: -204px;
	left: 991px;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #00425C;
}

a:hover {
	outline: none;
	color: #000000;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
form .searchField {
	background: #ffffff;
	border: 1px solid #D7D7D7;
	height: 22px;
}

.searchForm td {
	padding: 0 6px 0 0;
}

.subscribeForm td {
	padding: 6px 6px 0 0;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
p {
	margin: 0 0 12px 0;
}

h1 {
	font-size: 20px;
	color: #226077;
	margin: 0 0 12px 0;
}

h2 {
	font-size: 18px;
	color: #417F96;
	margin: 0 0 10px 0;
}

.validation {
 color:#FF0000;
 font-weight:bold;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */

#sitemap li {
	padding: 4px 0 4px 0;
}

#sitemap ul li  {
	list-style: square;
}

#sitemap ul  {
	padding-left:20px;
}

#sitemap ul li ul {
	padding-left:20px;
}

#sitemap ul li ul li {
	list-style: square;
}
/* =CSS Menus
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default; }
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;width:100%;}
.qmmc a, .qmmc li {float:left;display:block;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}

/* =Main navigation (Please modify)
---------------------------------------------------------------------------------------------------- */   
#main-nav {
	width: 980px;
	margin: -43px auto 0 auto;
	padding: 0;
}

/* (MAIN) Container */	
#qm0 {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Items */	
#qm0 a {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Hover State */	
#qm0 a:hover {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (MAIN) Parent items */	
#qm0 .qmparent {	
	background: right 0 no-repeat;
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (SUB) Container */	
#qm0 div {	
	padding: 0;
	margin: 0;
	background: #5894AA;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

/* (SUB) Items */	
#qm0 div a {	
	padding: 4px 16px 4px 15px;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
	margin: 0;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #215A6F;
	padding: 4px 16px 4px 15px;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid #ffffff;
	text-decoration: none;
}

/* (SUB) Active State */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #215A6F;
	padding: 4px 16px 4px 15px;
	color: #ffffff;
	font-size: 11px;
	border-bottom: 1px solid #ffffff;
	text-decoration: none; 
}