/*

	CSMI main stylesheet
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #AEBAD8 url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 12px;
	height: 100%;
}

table tr td {
	font-size: 13px;
	color: #666666;
}

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

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

.clearImg {
	display: block;
	clear: both;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding-bg.jpg') 100% 0 no-repeat; 
	min-height: 186px;
	height: auto !important;
	height: 186px;
	margin: 0 auto 0 auto;
}

#branding #logo {
	padding: 20px 0 0 0;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */
#home-main-content {
	background: #E3DEDF url('../images/wrapper/content-bg.jpg') 0 0 repeat-x;
	width: 980px;
	margin: 0 auto 0 auto;
}

#home-main-content .left-col {
	float: left;
	width: 602px;
}

#home-main-content .left-col p {
	color: #ffffff;
	padding: 20px 25px 16px 25px;
}

#home-main-content .right-col {
	float: right;
	width: 375px;
}

#home-main-content #highlights {
	width: 554px;
	margin: 0 auto 0 auto;
}

#home-main-content #highlights #highlights-items {
	background: #ffffff;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	padding: 0 25px 0 25px;
	font-size: 12px;
}

#home-main-content #highlights h1 {
	color: #2F468B;
	font-size: 18px;
	margin: 0;
	padding: 5px 0 10px 0;
}

#home-main-content #highlights ul li {
	padding: 0 0 10px 0;
	color: #666666;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto 0 auto;
	width: 980px;
}

#left-col {
	float: left;
	width: 220px;
}

#right-col {
	float: right;
	width: 757px;
}

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

#content {
	background: #ffffff;
	width: 736px;
	margin: 27px 0 10px 0;
}

#text-content {
	padding: 12px 20px 0 25px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}

#text-content ul li ul li{
	margin-left:15px;
	list-style-type:circle;
}

#text-content ul li{
	margin-left:15px;
	list-style-type:disc;
}	

/* =Font resize
---------------------------------------------------------------------------------------------------- */
#font-resize {
	font-size: 12px;
	padding: 50px 0 0 23px;
}

#font-resize td {
	font-size: 12px;
	color: #ffffff;
	padding: 0 4px 0 0;
}

/* =Left nav
---------------------------------------------------------------------------------------------------- */
ul#left-nav li {
	color: #ffffff;
	padding: 0 0 10px 23px;
}

ul#left-nav {
	margin-top: 40px;
}

ul#left-nav li a {
	display: block;
	background: url('../images/wrapper/left-nav-bullet.gif') 0 0 no-repeat;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 22px;
}

ul#left-nav li a:hover {
	background: url('../images/wrapper/left-nav-bullet-on.gif') 0 0 no-repeat;
	padding: 0 0 0 22px;
}

ul#left-nav li a.on {
	background: url('../images/wrapper/left-nav-bullet-on.gif') 0 0 no-repeat;
	padding: 0 0 0 22px;
}

ul#left-nav li #sub-nav a {
	display: block;
	background: none;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 1px 0 1px 24px;
}

ul#left-nav li #sub-nav a:hover {
	text-decoration: underline;
}

ul#left-nav li #sub-nav a.on {
	text-decoration: underline;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	background: url('../images/wrapper/breadcrumb-bg.jpg') 0 0 repeat-x;
	min-height: 47px;
	height: auto !important;
	height: 47px;
	color: #999999;
	font-size: 12px;
	clear: both;
}

#breadcrumb p {
	padding: 10px 0 0 0;
}

#breadcrumb a {
	color: #999999;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	font-size: 10px;
	color: #666666;
	text-align: center;
	padding: 12px 0 20px 0;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
	color: #334A8D;
}

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

p.pdf{
	background:url(../images/icon_pdf.gif) left no-repeat;
	padding-left:20px;
}

p.wmv{
	background:url(../images/icon_wmv.gif) left no-repeat;
	padding-left:22px;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#text-content p {
	margin: 0 0 12px 0;
	line-height: 15px;
}

#text-content h1 {
	font-size: 18px;
	color: #2F468B;
	margin: 0;
}

#text-content h2 {
	font-size: 15px;
	color: #666666;
	margin: 10px 0 10px 0;
}

#text-content h3 {
	font-size: 13px;
	color: #333333;
	margin: 25px 0 8px 0;
}


#text-content sup  {
	font-size: 11px !important;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

#text-content table tr td{
	border-left:1px #666666 solid;
	border-top:1px #666666 solid;
	padding:3px 10px;
}

#text-content table{
	border-right:1px #666666 solid;
	border-bottom:1px #666666 solid;
}
/* =Forms
---------------------------------------------------------------------------------------------------- */
#qm0 div .login-field {
	background: #ffffff;
	border: 1px solid #A4B2D5;
	height: 22px;
	width: 230px;
}

#sigh-in-tbl td {
	font-size: 11px;
	color: #879AC5;
	padding: 2px;
}

#qm0 div #sigh-in-tbl td a {
	font-size: 11px;
	color: #8698BC;
	text-decoration: underline;
	border-bottom: 0;
}

#qm0 div #sigh-in-tbl td a:hover {
	background: 0;
}

/* =CSS Menus (Core styles - Do not modify)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative; z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}
.qmmc .qmcbox {cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a {display:inline;}
.qmmc .qmcbox div {float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover > ul {left:auto;}
#qm0 ul {top:100%;}
#qm0 ul li:hover > ul {top:0px;left:100%;}
#qm1 ul {top:100%;}
#qm1 ul li:hover > ul {top:0px;left:100%}

/* =Main nav and dropdowns (modify at will)
---------------------------------------------------------------------------------------------------- */ 
#main-nav {
	background: #AD0E2B url('../images/wrapper/main-nav-bg.jpg') 0 0 no-repeat;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	position: relative;
}

#main-nav #corner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

#main-nav #qm0 a span {
	display: block;
	padding-top: 10px;
}

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

/* (MAIN) Items */	
#qm0 a {	
	display: block;
	color: #ffffff;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 2px;
}	

/* (MAIN) Hover State */
#qm0 a:hover {
	background: #2F468B url('../images/wrapper/main-nav-item-bg.jpg') 100% 0 repeat-x;
}

#qm0 a.on {
	background: #2F468B url('../images/wrapper/main-nav-item-bg.jpg') 100% 0 repeat-x;
}

/* (MAIN) Parent Items */	
#qm0 .qmparent {	
}

/* (MAIN) Active State */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	background: #2F468B url('../images/wrapper/main-nav-item-bg.jpg') 100% 0 repeat-x;
}

/* (SUB) Container */	
#qm0 div, #qm0 ul {	
	background: #EAEDF6;
	line-height: 14px;
	color: #8698BC;
	font-size: 11px;
	border-top: 1px solid #A4B2D5;
	border-left: 1px solid #A4B2D5;
	border-right: 1px solid #A4B2D5;
}
 
/* (SUB) Items */	
#qm0 div a, #qm0 ul a {	
	background: #EAEDF6;
	color: #8698BC;
	font-size: 12px;
	font-weight: normal;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	text-decoration: none;
	margin: 0;
	padding: 5px 14px 5px 5px;
	text-align: left;
	border-bottom: 1px solid #A4B2D5;
}

/* (SUB) Hover State */	
#qm0 div a:hover {	
	background: #2F468B;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	text-decoration: none;
	margin: 0;
	padding: 5px 14px 5px 5px;
	text-align: left;
	border-bottom: 1px solid #A4B2D5;
}

/* (SUB) Active State*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {	
	background: #2F468B;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	min-height: 16px;
	height: auto !important;
	height: 16px;
	text-decoration: none;
	margin: 0;
	padding: 5px 14px 5px 5px;
	text-align: left;
	border-bottom: 1px solid #A4B2D5;
}