/*-----------------------------------------------------------------------------------------------------------------------
  [SUB PAGE STYLESHEET]
  
  Project:		CENTER FOR OUTREACH and INNOVATION
  URL:			northlandcollege.edu/coi/
  Version:		1.0
  Last Change:	07/09/09 [ created ]
  Copyright:	(c)Northland College. All Rights Reserved.
-----------------------------------------------------------------------------------------------------------------------*/	


/*-------------------------------------------------------------
	TABLE OF CONTENTS
---------------------------------------------------------------
	00. BODY
	01. STANDARD NCTC HEADER (export to global file)
	02. SITE STRUCTURE
	03. COI MASTER HEADER
	04. MAIN NAVIGATION BAR
    05. BREADCRUMBS
    06. SECTIONS/LAYERS (Hero, Section2, Section3)
	07. SUB PAGES (structure, typography)
	08. COI MASTER FOOTER
---------------------------------------------------------------*/


/*************************************************************************************************************
	
	00. BODY
	
*************************************************************************************************************/
body {
	/*-background-image:url(bg-gradient.gif);
	background-repeat:repeat;*/
	background-color:#ABB0B1;
	height:100%;}
h1, h2, h3, h4, h5, h6 {
	text-shadow:none!important;}	

/*************************************************************************************************************
	
	01. NCTC HEADER (EXPORT TO GLOBAL FILE. WILL BE USED FOR OTHER SITES.)
	
*************************************************************************************************************/

#header {
	clear:both;
	background-color:#092D46;
	height:30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #BA0303;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;}
#header .wrapper {
	width:982px;
	min-width:982px;	
	margin-right: auto; 
	margin-left: auto;}
#header h1#logo img{
	border:none;
	padding-top:0px!important;
	margin-top:-3px!important;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#nav-utility{
	float:right;
	clear:both;
	_margin-right:-8px;
	padding:0;
	list-style-type:none;
	margin-top: -30px;
	margin-right: -10px;
	margin-bottom: 0;
	margin-left: 0;}
#nav-utility li{
	float:left;
	padding:0px;
	*padding:2px;
	font-size: 11px;
	margin-top: 0;
	margin-right:7px;
	margin-bottom: 0;
	margin-left: 0;}
#nav-utility a{
	color:#FFF;
	padding-right:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;}
#nav-utility li#nav-utility-auth a{border:none;}



/*************************************************************************************************************
	
	02. SITE STRUCTURE
	
*************************************************************************************************************/
.maincap { height: 15px; behavior: url(/001_Global/scripts/iepngfix.htc); }
.maincap.top {
	width:1002px;
	top: 0;
	margin-top:6px;
	margin-bottom:-5px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(content-cap-top.png);
	background-position: center top;
	background-repeat: no-repeat;}
.maincap.bottom {
	width:1002px;
	bottom: 0;
	_bottom: -1px;
	margin-top:-10px;
	margin-bottom:10px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(content-cap-bottom.png);
	background-repeat: no-repeat;
	background-position: center bottom;}
#main {
	width:1002px;
	background: url(content-bg.png) repeat-y;
	background-position: center top;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;}
#main-wrap {
	margin-bottom:10px;}	
#content {
	width:950px;
	margin-right:16px;
	margin-left:26px;
	padding-top: 0;
	padding-right: 0px;
	margin-top:5px;
	padding-bottom:5px;
	padding-left: 0px;}


/*************************************************************************************************************
	
	03. COI MASTER HEADER
	
*************************************************************************************************************/

#site-header {
	height:95px;
	text-align: right;}
#container {
	width:982px;
	margin: 0 auto;}
.logoarea {
	clear: both;
	overflow: hidden;
	height: 90px;}

.logoarea .logo {
	height:36px;
	width:395px;
	margin-top:28px;
	float: left;}

.logoarea .phone {
	float: right;
	padding-top:15px;
	text-align: right;
	line-height: 24px;}
.logoarea .phone a{
	font-weight:bold;}
.fLeft {
	float: left;
	text-align: left;}


/*************************************************************************************************************
	
	04. MAIN NAVIGATION BAR
	
*************************************************************************************************************/

/* top navigation */
#nav-container {
	width:982px;
	height:50px;
	margin: 0 auto;
	overflow:hidden;}
#nav{
	width:950px;
	height:50px;
	padding: 0px;
	float: left;
	display: inline;
	font-size: 13px;
	font-weight: bold;
	margin-bottom:0px;
	background-image: url(bg-navbar.gif);
	background-repeat: repeat-x;
	background-position: left top;}
#nav li{
	float: left;
	border-left: 1px solid #a8adae;
	border-right: 1px solid #4e5354;
	text-align: center;
	width: 114px;
	height:50px;}
#nav li.active {
	color: #000;
	background-image: url(nav-active.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:27px;}
	
	
#nav li.business {
	width:110px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}
#nav li.safety{
	width:128px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}	
#nav li.youth{
	width:101px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}
#nav li.youth { border-right: none;}
#nav li.youth a{border-right: none;}	
#nav li.business a, #nav li.safety a, #nav li.youth a {
	color: #eaebeb;
	display: block;
	overflow:hidden;
	line-height: 1.0em;
	height:50px;
	padding-top:13px;
	padding-bottom:10px;}
#nav li.business a:hover, #nav li.safety a:hover, #nav li.youth a:hover {
	text-decoration: none;
	background-color: transparent;
	background-image: url(nav-hover.gif);}	

#nav li.certification {
	width:105px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}
#nav li.entrepreneur{
	width:114px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}	
#nav li.fire{
	width:65px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}
#nav li.health{
	width:100px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}
#nav li.leadership{
	width:100px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}
#nav li.manufacturing{
	width:110px;
	height:50px;
	display: block;
	max-height:50px;
	overflow:hidden;}	
#nav li.certification a, #nav li.entrepreneur a, #nav li.fire a, #nav li.health a, #nav li.leadership a, #nav li.manufacturing a {
	color: #eaebeb;
	display: block;
	overflow:hidden;
	line-height: 1.0em;
	height:50px;
	padding-top:18px;
	padding-bottom:5px;}
#nav li.certification a:hover, #nav li.entrepreneur a:hover, #nav li.fire a:hover, #nav li.health a:hover, #nav li.leadership a:hover, #nav li.manufacturing a:hover {
	text-decoration: none;
	background-color: transparent;
	background-image: url(nav-hover.gif);}	


#nav li.business.active a, #nav li.safety.active a, #nav li.youth.active a, #nav li.certification.active a, #nav li.entrepreneur.active a, #nav li.fire.active a, #nav li.health.active a, #nav li.leadership.active a, #nav li.manufacturing.active a {
	color: #000;
	background-image: url(nav-active.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border:none;
	height:27px;}	
	




/*************************************************************************************************************
	
	05. BREADCRUMBS
	
*************************************************************************************************************/

#crumbs{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
	clear:both;
	max-width:950px;
	width:auto;
	padding-top:1px;
	padding-right: 0;
	padding-bottom:5px;
	padding-left:2px;}
#crumbs a{text-decoration:none;font-weight:normal;}
#crumbs a:hover{text-decoration:underline;}
.ie #crumbs{zoom:1;}
.ie6 #crumbs{padding-top:6px 0 6px 20px;text-align:left;}
.ie6 #crumbs a{position:relative;z-index:4000!important;}	


/*************************************************************************************************************
	
	06. PAGE STRUCTURES
	
*************************************************************************************************************/

#subpage #col-full {
	float:left;
	width:940px;
	margin-top: 0;
	margin-right:10px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:0px;}
#subpage #col-left {
	float:left;
	width:180px;
	overflow:hidden;
	margin-top:5px;
	margin-right:15px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	background-color: #FFF;}
#subpage #col-right {
	float:left;
	width:755px;
	margin-top:0px;
	margin-right: 0;
	padding-left:0px;
	padding-right:0px;}

#col-right .maincontent {
	float:left;
	width:560px;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:20px;
	margin-right:10px;
	padding-left:0px;
	padding-right:15px;
	padding-bottom:0px;
	background-color: #fff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
}
.maincontent img.heroStill {
	margin-bottom:20px;
	width:560px;
	height:280px;
	padding:0px;}
#col-right .sidebar {
	float:left;
	width:165px;
	margin-top:0px;
	margin-right: 0;
	padding-left:0px;
	padding-right:0px;}

#col-right .sidebar h3 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size: 16px!important;
	margin-top:15px!important;
	margin-bottom:5px!important;
	color:#FFF!important;
	background-color: #000;
	padding-top: 10px!important;
	padding-right: 5px!important;
	padding-bottom: 10px!important;
	padding-left: 5px!important;
}
#col-right .sidebar ul{
	margin-top:10px;}
#col-right .sidebar li{
	line-height: 1.1em;
	color: #000;
	text-decoration: none;}
#col-right .sidebar li a {
	padding-top:5px;
	padding-right: 0;
	padding-bottom:5px;
	padding-left: 0;}

/*************************************************************************************************************
	
	06. LEFT NAVIGATION COLUMN
	
*************************************************************************************************************/

/* =LEFT NAVIGATION COLUMN - STRUCTURE ***********************************************/
#nav-left {
	 float:left;
	 padding: 1px 0px 0px 0px;
	 width: 180px;}

/* =LEFT NAVIGATION COLUMN - LEVEL ONE ***********************************************/
#nav-left {height:1%; overflow:hidden;}
#nav-left ul {border-top:1px solid #c7c7c7; display:block; height:1%; margin-bottom:10px;}
#nav-left li {margin-top:-1px; float:left; width:100%;}
#nav-left li a span {
	color: #0080C9;/*#797C80, 292929*/
	border:1px solid #fff;
	cursor:pointer;
	display:block;
	line-height:1.1em;
	padding-top:9px;
	padding-right:2px;
	padding-bottom:9px;
	padding-left:8px;}
#nav-left li a:hover span {
	color: #00587A;
	background-color: #F0F0F0;}	
	
#nav-left li a {
	border:1px solid #c7c7c7;
	display:block;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #797C80;}/*#797C80*/
#nav-left li a:hover {
	text-decoration:none;
	color: #00587A;
	background-color: #F0F0F0;}

#nav-left li ul,
#nav-left li ul li {border:0; margin:0; padding:0;}
#nav-left li ul {display:none; margin-top:5px;}
#nav-left li ul li {padding-bottom:8px;}
#nav-left li ul li a {
	border:0;
	padding-left:14px;
	font-size: 11px;}
#nav-left li ul li a:hover {
	text-decoration:underline;
	background-color: #FFF;
	color: #0058A6;}
	
#nav-left li.on ul {
	display:block;}
#nav-left li ul li.on a {
	background-color: #fff;
	color: #333;}


/*************************************************************************************************************
	
	06. LAYERS
	
*************************************************************************************************************/

/* =LAYERS - SECTION01 - HERO BILLBOARD ***********************************************/
#hero {
	width:100%;
	max-height:290px;
	height:290px;
	min-height:290px;
	position:relative;
	z-index:9998;
	margin-top:5px;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0;
	background-repeat:repeat-x;
	margin-right:auto;
	margin-left:auto;
	background-color:#FFF;
	overflow: hidden;}
#hero-wrap {
	width:950px;
	height:290px;
	margin:0px auto;
	position:relative;
	z-index:9998;
	margin-top:0;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0;}
* html #hero-wrap { /* for IE6 */
	padding-top:0px;}
*:first-child+html #hero-wrap { /* for IE7 */
	padding-top:0px;}	
#hero-wrap a img {
	margin-left: 0px;
	border: 0;}
#hero-wrap a:focus {
	outline: none}




/* =DIVIDERS ***********************************************/

.dotted-bar-large {
	display:block;
	height:21px;
	width:100%;
	padding: 0px;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:0px;
	background-image: url(img-divide-dots.gif);
	background-repeat: repeat-x;}
.solid-bar-small {
	display:block;
	height:5px;
	width:100%;
	padding: 0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	background-image: url(../../001_Global/images/bg/solid-bar-small.gif);
	background-repeat: repeat-x;}	

.divider-dotted-large {
	display:block;
	clear:both;
	height:22px;
	width:100%;
	padding: 0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	background-image: url(/001_Global/images/bg/_dividers/bg-dotted-large.gif);
	background-repeat: repeat-x;
	background-position: center top;}	

/* SPECIFIC WIDTHS and HEIGHTS */
.W500 {
	width:500px!important;
	max-width:500px;
	min-width:500px;}
.W712 {
	width:712px!important;
	max-width:712px;
	min-width:712px;}
.W740 {
	width:740px!important;
	max-width:740px;
	min-width:740px;}	
.W952 {
	width:952px!important;
	max-width:952px;
	min-width:952px;}






/* =LAYERS - SECTION02 - NorthlandNOW Integration ***********************************************/

#section02 {
	width: 100%;
	max-height:280px;
	min-height:255px;
	float:left;
	position: relative;
	/*z-index: 9998;*/
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:0px;
	margin-right: auto;
	margin-left: auto;}
#section02-wrap {
	width:982px;
	margin: 0px auto;
	position: relative;
	/*z-index: 9998;*/}	
/* ie hacks */
* html #section02 { /* for IE6 */
	padding-bottom:15px;}
*:first-child+html #section02 { /* for IE7 */
	padding-bottom:15px;}
	
	
	
#NOW_3Col {
	float: left;
	width: 952px !important;
	_width: 952px;
	max-height: 230px !important;
	overflow:hidden;
	margin-top: 10px!important;
	margin-bottom: 15px!important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;}
#NOW_3Col .colLeft {
	float: left;
	width: 296px !important;
	max-width: 296px !important;
	max-height: 230px !important;
	min-height: 230px !important;
	overflow:hidden;
	margin: 0 !important;
	padding-top: 0px !important;}
#NOW_3Col .colMiddle {
	float: left;
	width: 296px !important;
	max-width: 296px !important;
	max-height: 230px !important;
	min-height: 230px !important;
	overflow:hidden;
	height: auto;
	margin-left: 16px !important;
	margin-right: 16px !important;
	padding-top: 0px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;	
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E2E2E2;
	border-left-color: #E2E2E2;}	
#NOW_3Col .colRight {
	float: left;
	width: 296px !important;
	max-width: 296px !important;
	max-height: 230px !important;
	min-height: 230px !important;
	overflow:hidden;
	margin: 0 !important;
	padding-top: 0px !important;}
	
/* MODULE TYPES */		
/*#NOW_3Col .modNews p {
	font-family:Calibri,'Trebuchet MS',Helvetica,sans-serif !important;
	text-shadow: none !important;
	font-size:14px;
	font-weight:normal;
	color:#333 !important;
	line-height:1.3em !important;
	margin:0px !important;
	padding:0px !important;}*/
#NOW_3Col .modNews, #NOW_3Col .modEvents, #NOW_3Col .modAnnouncements {}
#NOW_3Col .modNews .display-news, #NOW_3Col .modEvents .display-events, #NOW_3Col .modAnnouncements .display-announcements {
	height: 150px;
	max-height: 150px;
	margin-bottom: 9px !important;
	padding-top: 0px !important;
	overflow: hidden !important;}

/* News */	
#NOW_3Col .modNews { }
#NOW_3Col .modNews .headline {
	min-height: 68px;
	max-height: 68px;
	margin-top: 2px !important;
	margin-bottom: 8px !important;
	padding-top: 0px !important;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6E6E6;}
#NOW_3Col .modNews .headline span.date {
	font-size: 11px;
	font-weight: bold;
	color: #999;
	display: block;
	line-height: 10px;
	padding-top: 5px;}
#NOW_3Col .modNews .headline span.title {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.01em!important;
	display: block;
	line-height: 1.1em;}
#NOW_3Col .modNews .headline span.title a { }	


/* Events */
#NOW_3Col .modEvents { margin:0; }
/*#NOW_3Col .modEvents .event {
	min-height: 55px;
	max-height: 55px;
	margin-bottom: 10px !important;
	padding-top: 0px !important;
	overflow: hidden;}*/
#NOW_3Col .modEvents ul.event { }	
#NOW_3Col .modEvents ul.event li {
	float:left;
	height:65px;
	margin-bottom:10px;
	padding-bottom:3px;
	line-height:1.3em;
	clear:both;
	list-style-type:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6E6E6;}
#NOW_3Col .modEvents ul.event li a, #NOW_3Col .modEvents ul.event li a:hover span.title {
	font-family:Arial, Helvetica, sans-serif!important;
	text-decoration: none;}
#NOW_3Col .modEvents ul.event li span.date {
	float:left;
	width:55px;
	height:60px;
	padding:0px;
	background-color: #A0A0A0;
	margin-top: 0;
	margin-right: 11px;
	margin-bottom: 0px;
	margin-left: 0;}
#NOW_3Col .modEvents ul.event li span.number {
	display:block;
	position:relative;
	top:24px;
	left:24px;
	padding-bottom:2px;	
	font-size:23px;
	letter-spacing: -0.08em;
	color:#FFF;
	font-weight:bold;}
#NOW_3Col .modEvents ul.event li span.month {
	display:block;
	position:relative;
	top:24px; 
	left:24px;
	color:#FFF;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing: -0.08em;
	font-weight:bold;}	
#NOW_3Col .modEvents ul.event li a span.title {
	float:left;
	display:block;
	width:225px;
	max-width:225px;
	text-decoration: none;
	padding-top:6px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.01em!important;
	line-height: 1.1em;}
#NOW_3Col .modEvents ul.event li a:hover span.title {text-decoration: underline; }
#NOW_3Col .modEvents ul.event li a span.time {
	float:left;
	display:block;
	width:200px;
	max-width:200px;
	text-decoration: none;
	padding-top:3px;
	font-size: 11px;
	font-weight: bold;
	color:#999;
	line-height: 1.0em;}
#NOW_3Col .modEvents ul.event li a:hover span.time {text-decoration: none;color:#999; }	

/* Announcements */
#NOW_3Col .modAnnouncements {}
#NOW_3Col .modAnnouncements .headline {
	min-height: 68px;
	max-height: 68px;
	margin-top: 2px !important;
	margin-bottom: 8px !important;
	padding-top: 0px !important;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E6E6E6;}
#NOW_3Col .modAnnouncements .headline span.date {
	font-size: 11px;
	font-weight: bold;
	color: #999;
	display: block;
	line-height: 1.0em;
	padding-top: 5px;}
#NOW_3Col .modAnnouncements .headline span.title {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.01em!important;
	display: block;
	line-height: 1.1em;}	
#NOW_3Col .modAnnouncements .headline span.title a { }


/* NOW Tools and Social Media Links */
ul.NOWtools {
	list-style: none;
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
	width:296px;
	max-height:24px;
	height:24px;}
ul.NOWtools li.more, ul.NOWtools li.add {
	font-family: "Arial", "Helvetica", sans-serif;}
ul.NOWtools li.more {
	float: left;
	font-size: 11px;
	line-height:24px;
	padding: 0px;
	margin-right: 5px;}
ul.NOWtools li.more a {
	color:#0080D8;
	background:#E3F2F4;
	font-weight:bold;
	text-decoration:none;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;}
ul.NOWtools li.more a:hover {background-color: #D2EBEE;color: #0058A2;text-decoration: none;}

ul.NOWtools li.add {
	float: right;
	font-size: 10px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}
ul.NOWtools li.add a { color: #999 !important;font-weight: normal !important;text-decoration: none;} 	
ul.NOWtools li.add a:hover {text-decoration: underline;}
	
ul.NOWtools li.facebook, ul.NOWtools li.twitter, ul.NOWtools li.linkedin, ul.NOWtools li.rss, ul.NOWtools li.youtube, ul.NOWtools li.flickr, ul.NOWtools li.blog, ul.NOWtools li.googleplus {
	display: block;
	float: left;
	opacity: 0.85;
	filter: alpha(opacity=85);
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-repeat: no-repeat;
	margin-left: 8px;
	margin-top: 0px;}
ul.NOWtools li.facebook:hover,ul.NOWtools li.facebook:focus,ul.NOWtools li.facebook:active,
ul.NOWtools li.twitter:hover,ul.NOWtools li.twitter:focus,ul.NOWtools li.twitter:active,
ul.NOWtools li.linkedin:hover,ul.NOWtools li.linkedin:focus,ul.NOWtools li.linkedin:active,
ul.NOWtools li.rss:hover,ul.NOWtools li.rss:focus,ul.NOWtools li.rss:active, 
ul.NOWtools li.youtube:hover,ul.NOWtools li.youtube:focus,ul.NOWtools li.youtube:active, 
ul.NOWtools li.flickr:hover,ul.NOWtools li.flickr:focus,ul.NOWtools li.flickr:active, 
ul.NOWtools li.blog:hover,ul.NOWtools li.blog:focus,ul.NOWtools li.blog:active, 
ul.NOWtools li.googleplus:hover,ul.NOWtools li.googleplus:focus,ul.NOWtools li.googleplus:active {
	opacity: 1.0;
	filter: alpha(opacity=100);}

ul.NOWtools li.facebook {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px 0px no-repeat; }
ul.NOWtools li.twitter {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -24px no-repeat; }
ul.NOWtools li.linkedin {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -48px no-repeat; }
ul.NOWtools li.rss {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -72px no-repeat; }
ul.NOWtools li.youtube {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -96px no-repeat; }
ul.NOWtools li.flickr {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -120px no-repeat; }
ul.NOWtools li.blog {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -144px no-repeat; }
ul.NOWtools li.googleplus {background: transparent url(/001_Global/images/icons/_sectionNOW/sprite-social.png) 0px -168px no-repeat; }

ul.NOWtools li.facebook a, ul.NOWtools li.twitter a, ul.NOWtools li.linkedin a, ul.NOWtools li.rss a, ul.NOWtools li.youtube a, ul.NOWtools li.flickr a, ul.NOWtools li.blog a, ul.NOWtools li.googleplus a {
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	text-indent: -9999px;}	
	
	
	
	
	
	
	
	
#section02 #left {
	float:left;
	width:570px;
	height:210px;
	min-height:210px;
	overflow:hidden;
	margin-top: 0;
	margin-right:10px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:0px;
	background-color: #FFF;}
#section02 #right {
	float:left;
	width:360px;
	height:210px;
	min-height:210px;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0;
	padding-left:0px;
	padding-right:0px;}
	
/* =SECTION02 - WELCOME ***********************************************/
#section02 #widget-Welcome {
	width:560px;
	min-height:200px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	/*border:2px solid #fff;DDD
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;*/	
	background-color: #fff;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:0px;
	padding-left:5px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #F0F0F0;	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/
}
#section02 #widget-Welcome h1 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size:36px!important;
	padding:0px!important;
	margin: 0px!important;}	
#section02 #widget-Welcome p {
	font-size: 14px;
	font-family:Tahoma, Geneva, sans-serif;
	color: #333;
	line-height:1.6em;
	text-decoration: none;
	font-weight: normal;
	text-align: left;
	margin-top:4px!important;
	text-align:left;
	display: block;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left:5px;}	

/* =SECTION02 - NEWS and EVENTS ***********************************************/
#section02 #widget-NewsEvents {
	width:336px;
	min-height:175px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	/*border:0px solid #50575D;EEE7D5
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;*/	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section02 #widget-NewsEvents { /* for IE6 */
	margin-left:0px;}
*:first-child+html #section02 #widget-NewsEvents { /* for IE7 */
	margin-left:0px;}	
#section02 #widget-NewsEvents h1 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size:23px!important;
	padding:0px!important;
	margin: 0px!important;
	color: #C00!important;
}	
#section02 #widget-NewsEvents .releases {
	height:128px;
	max-height:128px;
	margin-top:10px;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0;}	
#section02 #widget-NewsEvents .releases ul {
	list-style-type:none;
	margin-top:0px;
	margin-right:0;
	margin-bottom:1.0em;
	margin-left:0;
	padding-top:0px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0em;}	
#section02 #widget-NewsEvents .releases ul li {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding-top: 0;
	padding-right:0;
	padding-bottom:8px;
	padding-left:0;
	line-height: 1.2em;}
#section02 #widget-NewsEvents .releases ul li span{
	color: #999;
	font-weight: normal;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
}				
#section02 #widget-NewsEvents .extra {
	width:100%;
	height:18px;
	padding-top:1px;
	margin-right: 0;
	margin-bottom:0px;
	margin-left: 0;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#DFDED9;}
#section02 #widget-NewsEvents .extra ul	{
	font-family:Tahoma, Geneva, sans-serif;
	list-style-type: none;
	margin-top:0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left:0px;
	padding-top:0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0em;}
#section02 #widget-NewsEvents .extra ul li {
	font-weight: normal;
	display: inline;
	margin: 0;
	padding-top: 0;
	padding-right: 0.2em;
	padding-bottom: 0;
	padding-left: 0.5em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D8D7CF;}
#section02 #widget-NewsEvents .extra ul li a {
	font-size: 11px;}	
#section02 #widget-NewsEvents .extra ul li.first {border: none; padding-left: 0.2em;}
#section02 #widget-NewsEvents .extra ul li.twitter {
	padding-left:22px;
	padding-top:0px;
	margin-left:0px;
	background-image: url(icon-twitter.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;}
#section02 #widget-NewsEvents .extra ul li.facebook {
	padding-left:22px;
	padding-top:0px;
	margin-left:0px;
	background-image: url(icon-facebook.gif);
	background-repeat: no-repeat;
	background-position: 5px 1px;}	
	


/* =LAYERS - SECTION03 - TRAINING AREAS ***********************************************/
#section03 { 	
	width: 100%;
	height:670px!important;
	position: relative;
	/*z-index: 9998;*/
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin-right: auto;
	margin-left: auto;}
#section03-wrap {
	width:982px;
	margin: 0px auto;
	position: relative;
	/*z-index: 9998;*/}	
/* ie hacks */
* html #section03 { /* for IE6 */
	padding-bottom:15px;}
*:first-child+html #section03 { /* for IE7 */
	padding-bottom:15px;}		
#section03 #full {
	float:left;
	width:950px;
	margin-top: 0;
	margin-right:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom: 10px;}


#section03 #widget-TrainingAreas h1 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size:30px!important;
	padding:0px!important;
	margin-bottom:10px!important;}	

#section03 #widget-TrainingAreas {
	width:950px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;	
	background-color: #fff;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas { /* for IE7 */
	margin-left:10px;}	









/* =SECTION03 - Rows ***********************************************/
#section03 #widget-TrainingAreas #ROW-1 {
	width:950px;
	height:295px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:10px;
	margin-left:0px;
	display: block;	
	padding-top:0px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;}
#section03 #widget-TrainingAreas #ROW-2 {
	width:950px;
	height:295px;
	margin-bottom:0px;
	display: block;	
	padding:0px;}

/* =SECTION03 - Four Column Layout ***********************************************/
#section03 #widget-TrainingAreas #column-A {
	float:left;
	width:230px;
	margin-right:10px;
	overflow:hidden;}
#section03 #widget-TrainingAreas #column-B {
	float:left;
	width:230px;
	margin-right:10px;
	overflow:hidden;}
#section03 #widget-TrainingAreas #column-C {
	float:left;
	width:230px;
	margin-right:10px;
	overflow:visible;}
#section03 #widget-TrainingAreas #column-D {
	float:left;
	width:230px;
	overflow:visible;}	
/* IE hacks */	
* html #section03 #column-A { /* for IE6 */
	margin-right:0px;}
*:first-child+html #section03 #column-A { /* for IE7 */
	margin-right:0px;}
* html #section03 #column-B { /* for IE6 */
	margin-right:0px;}
*:first-child+html #section03 #column-B { /* for IE7 */
	margin-right:0px;}

/* =SECTION03 - Modules ***********************************************/
#section03 #widget-TrainingAreas .module-BizComputer {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #50575D;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-BizComputer { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-BizComputer { /* for IE7 */
	margin-left:10px;}	
	
	
#section03 #widget-TrainingAreas .module-Certifications {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #46008C;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Certifications { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Certifications { /* for IE7 */
	margin-left:10px;}	


#section03 #widget-TrainingAreas .module-Entrepreneur {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #CC3366;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Entrepreneur { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Entrepreneur { /* for IE7 */
	margin-left:10px;}


#section03 #widget-TrainingAreas .module-Fire {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #CC0000;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Fire { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Fire { /* for IE7 */
	margin-left:10px;}
	

#section03 #widget-TrainingAreas .module-Health {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #0065A0;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Health { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Health { /* for IE7 */
	margin-left:10px;}
	

#section03 #widget-TrainingAreas .module-Leader {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #FF9900;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Leader { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Leader { /* for IE7 */
	margin-left:10px;}
	

#section03 #widget-TrainingAreas .module-Manufacture {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #333333;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Manufacture { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Manufacture { /* for IE7 */
	margin-left:10px;}
	

#section03 #widget-TrainingAreas .module-Safety {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #669900;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module-Safety { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module-Safety { /* for IE7 */
	margin-left:10px;}	
	
	
#section03 #widget-TrainingAreas .module {
	width:206px;
	min-height:285px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0px;
	display: block;
	border:2px solid #ECECEC;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	/*background-image: url(/001_Global/images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
/* IE hacks */
* html #section03 #widget-TrainingAreas .module { /* for IE6 */
	margin-left:10px;}
*:first-child+html #section03 #widget-TrainingAreas .module { /* for IE7 */
	margin-left:10px;}	



#section03 #widget-TrainingAreas li {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 0px;
	padding-bottom:9px;
	padding-left: 14px;
	background-image: url(/001_Global/images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;}		
#section03 #widget-TrainingAreas li a {
	color: #2E80DA;
	text-decoration: none;}
#section03 #widget-TrainingAreas li a:hover {
	color: #00587A;
	text-decoration: underline;}	
#section03 #widget-TrainingAreas li a strong {
	color: #0080C9;
	display: block;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 6px;}
#section03 #widget-TrainingAreas li a:hover strong {
	color: #00587A;
	text-decoration: underline;}




/*
===========================================================================================================================================
	
	10: HOME PAGE SECTION HEADERS
	
===========================================================================================================================================
*/

h3.sectionHD {
	font-family: Calibri, 'Trebuchet MS', Helvetica, sans-serif !important;
	text-shadow: none !important;
	font-size: 19px !important;
	font-weight: bold !important;
	color: #000;
	letter-spacing: 1px !important;
	text-decoration: none;
	margin-bottom: 10px !important;
	text-transform: uppercase !important;
	padding-top: 10px !important;
	padding-right: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 8px !important;}

/* HOME PAGE SECTION HEADERS = Stripe BG Colors
---------------------------------------------------------------------------------------------------------- */
h3.sectionHD.black-stripe {
	color:#FFF !important;
	background-color: #000;
	background-image: url(/001_Global/images/bg/_hTags/blackStripe.png);}
h3.sectionHD.red-stripe {
	color:#FFF !important;
	background-color: #000;
	background-image: url(/001_Global/images/bg/_hTags/blueStripe.png);}

/* HOME PAGE SECTION HEADERS = Icons
---------------------------------------------------------------------------------------------------------- */
h3.sectionHD span.HDicon {
	display: block;
	text-indent: -999em;
	float: left;
	padding: 0px !important;
	width: 22px !important;
	height: 20px !important;
	background-repeat: no-repeat;
	margin-top: -1px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;}		
h3.sectionHD.News span.HDicon {
	background: transparent url(/001_Global/images/icons/_sectionHD/sprite-icons.png) 0px 0px no-repeat; height: 20px !important;}
h3.sectionHD.Events span.HDicon {
	background: transparent url(/001_Global/images/icons/_sectionHD/sprite-icons.png) 0px -21px no-repeat; height: 20px !important;}	
h3.sectionHD.Announcements span.HDicon {
	background: transparent url(/001_Global/images/icons/_sectionHD/sprite-icons.png) 0px -42px no-repeat; height: 20px !important;}
h3.sectionHD.Videos span.HDicon {
	background: transparent url(/001_Global/images/icons/_sectionHD/sprite-icons.png) 0px -20px no-repeat; height: 20px !important;}	



















/*************************************************************************************************************
	
	07. SUB PAGES (structure, typography)
	
*************************************************************************************************************/

/* =SUB PAGES - Structure ***********************************************/
#subpage {
	width: 100%;
	min-height:550px;
	position: relative;
	/*z-index: 9998;*/
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin-right: auto;
	margin-left: auto;}
/* ie hacks */
* html #subpage { /* for IE6 */
	padding-bottom:10px;}
*:first-child+html #subpage { /* for IE7 */
	padding-bottom:10px;}	


/* =SUB PAGES - Headers/Typography ***********************************************/
h1.main-cvop {
	height:72px;
	width:950px;
	margin-top:0px;
	margin-right:auto;
	padding-bottom:0px;
	margin-left:auto;
	text-indent:-9999px;
	background-image: url(../safety-transportation/_assets/hd-cvop.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;}	
h1.programs {
	height:40px;
	width:189px;
	text-indent:-9999px;
	background-image: url(hd-programs.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	border: none;}
h1.pagename {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	margin: 0px;
	font-size:44px!important;
	color: #000!important;
	text-decoration: none;
	font-weight:bold!important;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h2 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size:28px!important;
	margin: 0px!important;
	padding-top: 15px!important;
	padding-right: 0px;
	padding-bottom: 5px!important;
	padding-left: 0px;}
h3 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size:21px!important;
	margin: 0px!important;
	padding-top: 15px!important;
	padding-right: 0px;
	padding-bottom: 5px!important;
	padding-left: 0px;}
h5 {
	font-family:"Lucida Grande", Arial, Verdana, sans-serif!important;
	font-weight:bold!important;
	font-size:16px!important;
	margin: 0px!important;
	padding-top: 10px!important;
	padding-right: 0px;
	padding-bottom: 2px!important;
	padding-left: 0px;}	
img.left {
	float: left;
	margin-top:15px;
	margin-left:10px;
	margin-bottom:20px;
	margin-right:25px;}	
img.right {
	float: right;
	margin-top:15px;
	margin-right:10px;
	margin-bottom:20px;
	margin-left:25px;}	
	
/* =SUB PAGES - Features Columns ***********************************************/
#features {
	margin-top:5px;
	margin-bottom:15px;
	padding-top:15px;
	padding-bottom:15px;
	float:left;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #D1D1D1;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #D1D1D1;}
#features .grid3col {
	position:relative;
	max-width:950px;
	overflow:hidden;
	width: 950px;
	float:left;}
#features .grid3col .column {
	padding:10px;
	margin-left:0px;	
	margin-right:10px;
	width:286px;
	min-height:285px;
	min-height:300px;
	background-color: #000;
	float:left;}
#features .grid3col .column.register {
	display: block;
	border:2px solid #272D31;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	float:left;}	
#features .grid3col .column.why {
	display: block;
	border:2px solid #272D31;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	float:left;}
#features .grid3col .column.contact {
	display: block;
	border:2px solid #272D31;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;	
	background-color: #FFF;
	margin-right:0px;
	float:left;}	
/* IE6 Fix */
* html #features .grid3col image { width: 90px; margin-right: -20px; display: block; float: right; }

#features .grid3col img { margin:0px 0px 0 0; _position:relative; }


	
#features .grid3col h3 {
	font-weight:bold !important;
	font-size:20px !important;
	text-transform:none !important;
	line-height:1.1em;
	margin-top: 0 !important;
	margin-right: 0;
	margin-bottom:15px !important;
	margin-left: 0;
	padding: 0 !important;
}
#features .grid3col h3.white{
	color: #FFF;}
#features .grid3col h3 a { 
	color:#333;}
#features .grid3col h3 a:hover { 
	text-decoration:none; 
	color:#08c;}
#features .grid3col p {
	margin-top:0;
	line-height:1.2em;
	padding-top: 0;
	padding-right:0px;
	padding-bottom: 0;
	padding-left:0px;}
#features .grid3col .column img {
	display:block;
	padding-bottom:5px;
	padding-left: 5px;}

#features2 {
	margin-top:5px;
	padding-top:5px;}
#features2 .grid1col {
	position:relative;
	max-width:950px;
	overflow:hidden;
	width: 950px;}
#features2 .grid1col .column {
	padding:10px;
	margin-left:0px;	
	margin-right:0px;
	width:930px;
	min-height:120px;
	background-color: #000;}
#features2 .grid1col .column.partners {
	display: block;
	border:0px solid #272D31;/*DDD*/
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-khtml-border-radius:7px;
	background-color: #6C1E1E;
	background-image: url(../safety-transportation/_assets/bg-feat-partners.gif);
	background-repeat: repeat;}
#features2 .grid1col h3.partners {
	height:29px;
	width:334px;
	padding-bottom:8px;
	background-image: url(../safety-transportation/_assets/hd-feat-partners.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;}	
#features2 .grid1col h3.partners span {
	display: none;}	
#features2 .grid1col p {
	margin-top:0;
	line-height:1.3em;
	padding-top: 0;
	padding-right:0px;
	padding-bottom: 0;
	padding-left:0px;
	color: #FFF;}
#features2 .grid1col p a {
	margin-top:0;
	font-size:15px;
	padding-top: 0;
	padding-right:0px;
	padding-bottom: 0;
	padding-left:0px;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;}
	
/* =SUB PAGES - ul/li lists ***********************************************/
#standard ul {
	margin: 0px;
	padding: 0px;}
#standard li {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font-size:13px;
	color: #000;
	list-style: none;
	margin-top:12px;
	margin-bottom: 5px;
	line-height: 0.8em;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom:5px;
	padding-left:15px;
	margin-left: 5px;
	background-image: url(/001_Global/images/icons/arrow-link-blue.png);
	background-repeat: no-repeat;
	background-position: 3px 2px;}	
#standard li a {
	font-weight: bold;
	text-decoration: none;
	padding:0px;}	
#standard li a:hover {
	text-decoration: underline;}	/* #24A2DD*/	
#standard li ul {margin-top:15px; margin-bottom:0px;}
#standard li ul li {
	border:0;
	padding-left:20px;
	margin-top:0px;
	margin-left:15px;
}



/* =SUB PAGES - Hero Images ***********************************************/
body#cvop .hero {
	width:964px;
	max-height:455px;
	height:455px;
	min-height:455px;
	position:relative;
	z-index:9998;
	margin-top:0px;
	margin-bottom:0;
	margin-left:-14px;
	padding-bottom:0;
	background-repeat:repeat-x;
	background-color:#FFF;
	overflow: hidden;}
body#cvop .hero-wrap {
	width:964px;
	height:455px;
	margin:0px auto;
	position:relative;
	z-index:9998;
	margin-top:0;
	margin-bottom:0;
	padding-top:0px;
	padding-bottom:0;}
* html body#cvop .hero-wrap { /* for IE6 */
	padding-top:0px;}
*:first-child+html body#cvop .hero-wrap { /* for IE7 */
	padding-top:0px;}
	
	
/*************************************************************************************************************
	
	08. COI MASTER FOOTER
	
*************************************************************************************************************/

#footer { 	
	width:100%;
	background-color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:4px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;}
#footer-wrap {
	min-height:70px;
	overflow:hidden;
	margin-bottom:0px;
	background-color:#EDEDED;}
	
#footer p{
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	line-height: 1.2em;	
	margin: 0;
	padding: 6px 0 0 0;
}

.footer-top {
	margin: 0 auto;
	height:60px;
	padding: 10px 0 0 0;
	width:100%;
	text-align: left;
}

.footer-bottom {
	margin: 0 auto;
	height: 42px;
	width:100%;
	text-align: left;
	padding:0 0 0px 0;
	background-color: #000;
	background-image: url(http://american.edu/images/footer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

.footer-top-left { margin: 0 0 0 8px; }
.footer-bottom-left { margin: 0 0 0 8px; }
.footer-top-right { margin: 0 8px 0 0; }
.footer-bottom-right { margin: 0 8px 0 0; }
.float-left, .left    	{ float:left; }
.float-right, .right   	{ float:right; }
	

