/* 
== GENERAL ====================================================================================

NORTHLAND COLLEGE :: SUB LAYER STYLE CSS
Created by: Northland College


== NOTES ======================================================================================

- Use for standard sub layer pages


== UPDATE INFO ================================================================================

Last updated: November 12, 2009
Last update by: Chad Sperling (Webmaster)


== TABLE OF CONTENTS ==========================================================================

01: BASE BODY STRUCTURE
	a) Body Layout
	b) Page Layout
02: IMAGE FLOATS
03: BREADCRUMBS
04: HERO IMAGES & INTROS
	a) Hero Containers
	a) Hero Images
	b) Hero Introduction
05: PAGE CONTENT STRIPS
	a) Featured Strip
	b) Secondary Strip
	c) Related Strip
	d) Utilities Strip
	e) Bricks Layer	
06: PAGE CONTENT STRIP GRIDS
	a) Grid Columns
	b) Grid Units
	c) Grid Modules
	d) Grid Modules Typography	
07: ONE GRID COLUMN LAYOUT
	a) Containers
	b) Column Layouts
	c) title
	d) title
08: LEFT COLUMN VERTICAL NAVIGATION
09: RIGHT COLUMN RESOURCES
10: INLINE CALLOUTS
	a) Containers
	b) Typography
11: ANKLE RESOURCES
	a) Container
	b) Joints
	c) Typography
	d) Lists
	e) Images
12: FORMS & TABLES
	a) Standard form
	b) Tables	
	
============================================================================================== */



/*
===========================================================================================================================================
	
	01: BASE BODY STRUCTURE
	
===========================================================================================================================================
*/

/*  =BODY LAYOUT ============================================================================================= */  
#main { 
	width: 100%;
	height:100%;
	position: relative;
	background-image: url(../../001_Global/images/bg/bg-subbody-standard.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#E5E5E2;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:20px; /* seperates from footer */}
#content {
	padding: 0px;
	position: relative;
	color: #333;
	margin: 0px;}
#content { 
	width: 982px; 
	padding:0;	
	margin-right: auto;	
	margin-left: auto;
	margin-bottom: 0;}

/*  =PAGE LAYOUT ============================================================================================= */  
#page-content {
	width:982px;
	margin:0 auto;
	height:100%;
	position:relative;
	background-color:#FFF;}
#page-content {
	-o-border-radius:10px!important;
	-khtml-border-radius:10px!important;
	border-radius:10px!important;
	-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	behavior:url(border-radius-ie8.htc)!important;}	
.page-content-wrap {
	height:100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom:15px;
	padding-left: 15px;}

/*  =BODY LAYOUT REMOVE REMOVE REMOVE REMOVE ============================================================================================= */   
#body-container {
	background-image: url(../../001_Global/images/bg/bg-subbody-standard.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#E5E5E2;
	position: relative;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom:15px; /* seperates from footer */}
#body-container .wrap {
	position: relative;
	height:100%;
	width:982px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;}


/*
===========================================================================================================================================
	
	02: IMAGES
	
===========================================================================================================================================
*/
   
img { border: 0;}
img.left { float: left; margin: 2px 20px 16px 0; }
img.right {
	float: right;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:25px;
	margin-left:25px;}
img.flushleft { margin-left: -15px; }
img.flushright { margin-right: -15px;}		
img.across { margin: 0px 0 16px 0; }
a img{ border:0; }

.striped-bar-large {
	background:url("../images/bg/striped-bar.gif") repeat-x;
	display:block;
	height:8px;
	width:100%;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;}
.blank-bar {
	display:block;
	height:8px;
	width:100%;
	margin:0px;
	padding: 0px;}

/*
===========================================================================================================================================
	
	03: BREADCRUMBS (neck)
	
===========================================================================================================================================
*/

#crumbs{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	clear:both;
	width:982px;
	width:auto;
	padding-top:4px;
	padding-right: 0;
	padding-bottom:5px;
	padding-left:0px;}
#crumbs a{text-decoration:underline;font-weight:normal;color:#333;}
#crumbs a:hover{text-decoration:underline;color:#00587A;}
#crumbs span{padding-left:5px;padding-right:5px;}
.ie #crumbs{zoom:1;}
.ie6 #crumbs{padding-top:6px 0 6px 20px;text-align:left;}
.ie6 #crumbs a{position:relative;z-index:4000!important;}	



/*
===========================================================================================================================================
	
	04: HERO IMAGES & INTROS
	
===========================================================================================================================================
*/

/*  =TEMPORARY REMOVE AFTER sIFR installed ========================================================================================== */
h1.current-page-title {
	font-size:360%;
	font-family:Helvetica, Arial, sans-serif!important;
	/*font-family:Georgia, "Times New Roman", Helvetica, Tahoma;*/
	color:#000;
	letter-spacing:-1px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	padding-bottom:3px;
	padding-top:0px;
	margin-bottom:4px;}

/*  =HERO CONTAINERS ========================================================================================== */  
#hero-full {
	float:left;
	position: relative;
	width:952px;
	height:300px;
	max-height:300px;
	min-height:300px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
	display:block;}
#hero-small {
	float:left;
	position:relative;
	width:952px;
	height:150px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
	display:block;}	
#hero {
	position:relative;
	width:952px;
	height:100%;
	margin-top:0px;
	margin-bottom:20px;
	margin-right: auto;
	margin-left: auto;
	padding:0px;
	display:block;}
#hero-nointro {
	position:relative;
	width:952px;
	padding-bottom:20px;
	margin-bottom:15px;
	margin-right: auto;
	margin-left: auto;
	display:block;}
		
/*  =HERO IMAGES =============================================================================================== */  	
#hero .imagehd200 {
	float:left;
	position:relative;
	padding:0px;
	background:#fff;
	z-index:1;
	height:200px;
	margin-left:0px;
	margin-bottom:10px;}
#hero .imagehd {
	float:left;
	position:relative;
	padding:0px;
	background:#fff;
	z-index:1;
	height:auto;
	margin-left:0px;
	margin-bottom:10px;}
#hero .imagehd .c-tl,
#hero .imagehd .c-tr,
#hero .imagehd .c-bl,
#hero .imagehd .c-br {
	position:absolute;
	width:10px;
	height:10px;
	font-size:1px;
	line-height:0;
	z-index:10;
	background-image: url(../images/page-headers/heros/corners.png);
	background-repeat: no-repeat;
	background-position: 0 0;}
#hero .imagehd .c-tl {top:0; left:0; background-position:0 -30px;}
#hero .imagehd .c-tr {top:0; right:0; background-position:-10px -30px;}
#hero .imagehd .c-bl {bottom:0; left:0; background-position:0 -40px;}
#hero .imagehd .c-br {bottom:0; right:0; background-position:-10px -40px;}

.box.inner {padding:0;}
.box.inner .c-tl {top:0; left:0; background-position:0 -30px;}
.box.inner .c-tr {top:0; right:0; background-position:-10px -30px;}
.box.inner .c-bl {bottom:0; left:0; background-position:0 -40px;}
.box.inner .c-br {bottom:0; right:0; background-position:-10px -40px;}

/*  =HERO SINGLE IMAGES ======================================================================================== */ 
#hero img.flushleft {
	float:left;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left:30px;}
#hero img.flushright {
	float:right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left:30px;}


/*  =HERO INTROS =============================================================================================== */ 
#hero .intro {
	position:relative;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}
#hero .intro p {
	margin:0px;
	padding:0px;
	font-size:16px;
	line-height:1.3em;
	color:#333; /* #838383 */ 
	font-weight:normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
#hero .intro p strong{
	font-weight: bold;
	text-transform: normal;
	/*text-decoration: underline;*/ }


/*
===========================================================================================================================================
	
	05: PAGE CONTENT STRIPS
	
===========================================================================================================================================
*/

/*  =FEATURED STRIP =============================================================================================== */ 

/* Structure
---------------------------------------------------------------------------------------------------------- */
#featured-strip {
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	width: 952px;
	margin:0px;}
	
/* Grids/Units
---------------------------------------------------------------------------------------------------------- */
#featured-strip .grid-1column, .grid-2column, .grid-3column { 
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto; 
	margin-right:auto;
	padding-bottom:0px; 
	position: relative; 
	width: 952px;
	max-width: 952px;
	height: auto !important;
	min-height:280px; 
	display: block;}
#featured-strip .grid-1column .unit, .grid-2column .unit, .grid-3column .unit {
	float:left;
	display:inline;
	position:relative;
	overflow:visible;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-o-border-radius:0px;
	-khtml-border-radius:0px;}
#featured-strip .grid-1column .unit {width: 928px; max-width:928px; height:180px; border: 2px solid #E5E5E5; margin-right: 0px; }
#featured-strip .grid-2column .unit {width: 448px; max-width:448px; height:280px; border: 2px solid #E5E5E5; }
#featured-strip .grid-2column .unit.first { margin-left: 0px; }
#featured-strip .grid-2column .unit.last { margin-right: 0px; }
#featured-strip .grid-3column .unit {width: 288px; max-width:288px; height:280px; border: 2px solid #E5E5E5; }
#featured-strip .grid-3column .unit.first { margin-left: 0px; }
#featured-strip .grid-3column .unit.last { margin-right: 0px; }

/* Typography
---------------------------------------------------------------------------------------------------------- */
#featured-strip .unit h1, #related-strip .unit h1, #bricks-strip .unit h1 {
	font-family:Helvetica, Arial, sans-serif!important;
	color: #103346 !important;
	/*font-family:Georgia, "Times New Roman", Helvetica, Tahoma;*/}
#featured-strip .unit h1 {
	font-size:2.5em;
	font-weight:bold !important;
	font-style:normal !important;	
	color: #103346 !important;
	letter-spacing:-0.04em !important;
	margin-top:5px;
	margin-bottom:1px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom:0px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color: #E5E5E5;}
#featured-strip .unit h1 a, #related-strip .unit h1 a, #bricks-strip .unit h1 a {
	color: #103346;
	text-decoration: none;}
#featured-strip .unit h1 a:hover, #related-strip .unit h1 a:hover, #bricks-strip .unit h1 a:hover {
	text-decoration: none;
	color: #103346;}	
#featured-strip .unit h4, #related-strip .unit h4, #bricks-strip .unit h4 {
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font-size:1.3em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-weight:normal !important;
	font-style:normal !important;
	color: #838383 !important;
	padding-bottom:3px;
	letter-spacing:-0.04em !important;
	line-height: 1.1 !important;
	margin-top:1px;
	margin-bottom:1px;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color: #E5E5E5;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;}
#featured-strip .unit p, #related-strip .unit p, #bricks-strip .unit p {
	font-size: 1.0em;
	color: #333;
	line-height: 1.4;
	margin-bottom: 14px;}

/* Images
---------------------------------------------------------------------------------------------------------- */
#featured-strip .unit img, #related-strip .unit img, #bricks-strip .unit img {
	border: 0;
	margin-bottom: 0px;}	
#featured-strip .unit img.left, #related-strip .unit img.left, #bricks-strip .unit img.left {
	display: block; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;}
#featured-strip .unit img.leftborder, #related-strip .unit img.leftborder, #bricks-strip .unit img.leftborder {
	display: block;
	float: left;
	margin-left: -10px;
	margin-bottom: 0px;
	margin-right:20px;}		
#featured-strip .unit img.right, #related-strip .unit img.right, #bricks-strip .unit img.right {
	display: block;
	float: right;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left:5px;}	
#featured-strip .unit img.rightborder, #related-strip .unit img.rightborder, #bricks-strip .unit img.rightborder {
	display: block;
	overflow:visible;
	float: right;
	margin-right: -10px;
	margin-bottom: 0px;
	margin-left:5px;}	
#featured-strip .unit img.center { display: block; margin-right: auto; margin-left: auto; margin-top:5px; }



/*  =RELATED STRIP =============================================================================================== */ 

/* Structure
---------------------------------------------------------------------------------------------------------- */
#related-strip {
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	width: 952px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

/* Grids/Units
---------------------------------------------------------------------------------------------------------- */
#related-strip .grid-3column .unit {
	height:320px;
	min-height:320px;
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;}
#related-strip .grid-3column .unit { width: 288px; max-width:288px; border: 2px solid #E5E5E5; }
#related-strip .grid-3column .unit.first { margin-left: 0px; }
#related-strip .grid-3column .unit.last { margin-right: 0px; }
	
/* Units w/ Img Background
---------------------------------------------------------------------------------------------------------- */
#img-unit {
	position: relative;
	padding: 0;
	display: block;
	overflow: hidden;
	width:308px;
	height:325px;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -10px;}
#img-unit .block {
	position: absolute;
	bottom: 0px;
	left:0px;
	right:0px;
	margin: 0px;
	padding: 5px;
	width:308px;
	display: block;}
#img-unit .block.black {
	background:#000;}
#img-unit .block.red {
	background-color: #C00;}
#img-unit .block.blue {
	background-color: #00A1DB;}	
#img-unit .block p.ad-title {
	padding: 0px;
	margin: 0px;
	font-size:2.2em;
	color: #FFF;
	font-weight: bold;
	line-height: 1.2;
	width:288px;}
#img-unit .block p.ad-statement {
	padding: 5px;
	margin: 0px;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	line-height: 23px;
	width:288px;}
#img-unit .block p.ad-statement a { color: #fff !important; font-weight: normal !important; }	
#img-unit .block p.basic-title {
	margin: 0px;
	font-size:1.8em;
	color: #FFF;
	font-weight: bold;
	line-height: 1.2;
	width:288px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;}
#img-unit .block p.basic-statement {
	padding: 5px;
	margin: 0px;
	font-size: 1.0em;
	color: #fff;
	font-weight: normal;
	line-height: 1.4em;
	width:288px;}	
#img-unit .block p.link {
	padding: 5px;
	margin: 0px;
	width:288px;}		
		
	
/* Typography
---------------------------------------------------------------------------------------------------------- */
#related-strip .unit h1 {
	font-size:1.8em;
	font-weight: bold;
	padding-bottom:3px;
	margin-top:5px;
	margin-bottom:1px;
	letter-spacing: 0em;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color: #E5E5E5;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;}	
	
/* Images
---------------------------------------------------------------------------------------------------------- */
#related-strip .unit img.full {
	display: block;
	float: left;
	margin-top: -5px;
	margin-left: -10px;
	padding-bottom:7px;
	margin-right:0px;}
#related-strip .unit img.center {
	display: block;
	float: left;
	margin-top:5px;
	margin-left:0px;
	padding-bottom:7px;
	margin-right:0px;}	



/*  =BRICKS STRIP =============================================================================================== */ 

/* Structure
---------------------------------------------------------------------------------------------------------- */
#bricks-strip {
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	width: 952px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;}

/* Grids/Units
---------------------------------------------------------------------------------------------------------- */
#bricks-strip .grid-2column .unit {
	height:200px;
	min-height:200px;
	float:left;
	display:inline;
	position:relative;
	overflow:hidden;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;}
#bricks-strip .grid-2column .unit { width: 448px; max-width:448px; border: 2px solid #E5E5E5; }
#bricks-strip .grid-2column .unit.first { margin-left: 0px; }
#bricks-strip .grid-2column .unit.last { margin-right: 0px; }

/* Typography
---------------------------------------------------------------------------------------------------------- */
#bricks-strip .unit h1 {
	font-size:1.8em;
	font-weight:bold !important;
	font-style:normal !important;
	/*color: #002E48 !important;*/
	padding-bottom:2px;
	letter-spacing:-0.04em !important;
	margin-top:5px;
	margin-bottom:1px;
	letter-spacing: 0em;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color: #E5E5E5;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;}



/*  =UTILITIES STRIP =============================================================================================== */ 

/* Structure
---------------------------------------------------------------------------------------------------------- */
#utilities-strip {
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	width: 948px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	background-image: url(../images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	border: 2px solid #E5E5E5;}
	
/* Grids/Units
---------------------------------------------------------------------------------------------------------- */
#utilities-strip .grid-3column, .grid-4column {
	margin-top:8px;
	padding-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	width: 948px;
	max-width: 948px;
	height: auto !important;
	min-height:260px;
	z-index: 2;
	display: block;}
#utilities-strip .grid-3column .unit, .grid-4column .unit {
	height:260px;
	min-height:260px;
	float:left;
	border:none;
	display:inline;
	position:relative;
	overflow:visible;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 0;}
	
#utilities-strip .grid-3column .unit {width: 291px; max-width:291px; border-right: 1px solid #E5E5E5; margin-left: 0px; margin-right: 8px; }
#utilities-strip .grid-3column .unit.first { margin-left: 0px; }
#utilities-strip .grid-3column .unit.last { margin-right: 0px; border: 0px; }

#utilities-strip .grid-4column .unit {width: 216px; max-width:216px; border-right: 1px solid #E5E5E5; padding-left: 10px; padding-right: 10px; }
#utilities-strip .grid-4column .unit.first { margin-left: 0px; padding-left: 10px; }
#utilities-strip .grid-4column .unit.last { margin-right: 0px; padding-right: 10px; border: 0px; }

/* Typography
---------------------------------------------------------------------------------------------------------- */
#utilities-strip .unit h1 {
	font-size:1.4em;
	letter-spacing: -5em;
	color: #000;
	font-weight: bold;
	padding-bottom:3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top:1px;
	margin-bottom:5px;
	margin-right: 0px;
	margin-left: 0px;
	letter-spacing: 0em;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color: #E5E5E5;}
#utilities-strip .unit h5 {
	font-size: 1.0em;
	color: #333;
	line-height: 1.1;
	margin:0px;
	padding:0px;}	
#utilities-strip .unit p {
	font-size: 11px;
	color: #333;
	line-height: 1.4em;
	margin-bottom: 12px;}
/* standard list */	
#utilities-strip ul {
	margin-left:2px;
	margin-top:5px;
	margin-bottom:10px;}
#utilities-strip ul li {
	font-family: Arial, Helvetica, sans-serif;
	color: #464D51;}
#utilities-strip ul li {
	font-size: 11px;
	font-weight:bold;
	line-height: 1.2em;
	padding-left: 12px;
	padding-bottom:8px;
	background-image: url(../images/icons/bl-standard.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;}
#utilities-strip ul li a.pdf {
	padding-right:22px;
	background-image: url(../images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: right center;}
#utilities-strip a.more{
	font-size:11px;
	line-height:1.1em;
	text-decoration:none;
	font-weight: normal;
	margin-top: 0px;}
#utilities-strip a.more:hover{
	text-decoration:underline;}		
/* contact list */	
#utilities-strip ul.contact {
	margin-left:0px;
	padding-bottom:15px;}
#utilities-strip ul.contact li {
	font-family: Arial, Helvetica, sans-serif;
	color: #464D51;}
#utilities-strip ul.contact li {
	font-size: 11px;
	font-weight: normal;
	line-height: 1.1em;
	padding-left:0px;
	padding-bottom:3px;
	background:none;}
#utilities-strip ul.contact li a {
	font-weight: bold;
	text-decoration: none;
	padding:0px;}	
#utilities-strip ul.contact li a:hover {
	text-decoration: underline;}/* #24A2DD*/
#utilities-strip ul.contact li.phone {
	margin-top:5px;
	padding-left:22px;
	background-image: url(../images/icons/ico_phone.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;}	
#utilities-strip ul.contact li.email {
	margin-top:5px;
	padding-left:22px;
	background-image: url(../images/icons/ico_email.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;}	
	
/*
===========================================================================================================================================
	
	06: SHARED STRIP STYLES
	
===========================================================================================================================================
*/

/* Custom Background Images/Colors
---------------------------------------------------------------------------------------------------------- */
.unit.gradient { background-image: url(../images/modules/bg-gradient.jpg); background-repeat: repeat-x; background-position: center bottom;}
.unit.standard { background-color: #FFF;}
.unit.dgrey { background-color: #333;}
.unit.black { background-color: #000;}
.unit.sky { background-color: #E4F2FD;}
.unit.red { background-color: #7E2315;}

/* Custom Unit Typography
---------------------------------------------------------------------------------------------------------- */
#related-strip .unit.dgrey h1, #utilities-strip .unit.dgrey h1 { color: #FFF; }
#related-strip .unit.dgrey p, #utilities-strip .unit.dgrey p { color: #FFF; }
#related-strip .unit.black h1, #utilities-strip .unit.black h1 { color: #FFF; }
#related-strip .unit.black p, #utilities-strip .unit.black p { color: #FFF; }


/* Super Awesome Call to Action Buttons
---------------------------------------------------------------------------------------------------------- */
.cta-awesome {
	font-family: "Arial Narrow", "Helvetica CY", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-transform:uppercase;
	overflow:visible;}	
.cta-awesome, .cta-awesome:visited {
	display: inline-block;
	overflow:visible;
	margin-top:4px;
	margin-bottom:6px;
	margin-right:6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-khtml-border-radius:2px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	background-color: #222;
	background-image: url(../images/glides/bg-overlay.png);
	background-repeat: repeat-x;
	padding-top:6px;
	padding-right:8px;
	padding-bottom:6px;
	padding-left:8px;}
.cta-awesome a { color: #FFF; text-decoration: none;}	
.cta-awesome:hover { background-color: #0C0C0C; color: #FFF; text-decoration: none;}
.cta-awesome:active { top: 0px; text-decoration: none;} /* top: 1px; */
.xsmall.cta-awesome, .xsmall.cta-awesome:visited { font-size: 10px; color: #fff; font-weight: bold; letter-spacing: 0.05em;}
.small.cta-awesome, .small.cta-awesome:visited { font-size: 11px; color: #fff; font-weight: bold; }
.cta-awesome, .cta-awesome:visited,
.medium.cta-awesome, .medium.cta-awesome:visited { font-size: 13px; color: #fff; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.cta-awesome, .large.cta-awesome:visited {
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-left: 15px;}	
.cta-awesome span.pdf {
	padding-right:22px;
	background-image: url(../images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: right center;}

/* Super Awesome Call to Action Button Colors
---------------------------------------------------------------------------------------------------------- */
.green.cta-awesome, .green.cta-awesome:visited { background-color: #91bd09; }
.green.cta-awesome:hover { background-color: #749a02; }
.blue.cta-awesome, .blue.cta-awesome:visited { background-color: #0470AA;}
.blue.cta-awesome:hover { background-color: #035581;}
.aqua.cta-awesome, .aqua.cta-awesome:visited {background-color: #0096B0;}
.aqua.cta-awesome:hover {background-color: #006F82;}
.steel.cta-awesome, .steel.cta-awesome:visited { background-color: #E3EBED; color: #333333;}
.steel.cta-awesome:hover {background-color: #CDD0D0; color: #333333;}
.red.cta-awesome, .red.cta-awesome:visited { background-color: #E71E24;}
.red.cta-awesome:hover { background-color: #C4151A;}
.magenta.cta-awesome, .magenta.cta-awesome:visited { background-color: #a9014b; }
.magenta.cta-awesome:hover { background-color: #630030; }
.orange.cta-awesome, .orange.cta-awesome:visited { background-color: #FF3716; }
.orange.cta-awesome:hover {
	background-color: #F22400;
}
.yellow.cta-awesome, .yellow.cta-awesome:visited { background-color: #F4C52F; }
.yellow.cta-awesome:hover { background-color: #D49D15; }
.purple.cta-awesome, .purple.cta-awesome:visited {background-color: #501278;}
.purple.cta-awesome:hover {background-color: #360951;}

/* List
---------------------------------------------------------------------------------------------------------- */
#featured-strip li, #related-strip li {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 12px;
	padding-left: 15px;
	background-image: url(../images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #D2D2D2;}
#featured-strip li.last, #related-strip li.last {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}
#featured-strip li.single, #related-strip li.single {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}		
#featured-strip li a, #related-strip li a {
	color: #333333;
	display: block;
	text-decoration: none;
	padding-right: 0;}
#featured-strip li a strong, #related-strip li a strong {
	color: #0080C9;
	display: block;
	padding-top: 2px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 6px;}
#featured-strip li a:hover strong, #related-strip li a:hover strong {
	color: #00587A;
	text-decoration: underline;}

/*
===========================================================================================================================================
	
	20: PAGE CONTENT TOWERS
	
===========================================================================================================================================
*/

/*  =COLUMN LAYOUTS =============================================================================================== */ 

/* Structure
---------------------------------------------------------------------------------------------------------- */
#towers-2-v1, #towers-2-v2, #towers-2-v3, #towers-3-v1 {
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	width: 952px;
	margin:0px;}


/*  =TWO COLUMN VERSIONS =============================================================================================== */ 	
	
/* Two Column v1 (main x side)
---------------------------------------------------------------------------------------------------------- */
#tower-2col-v1 .maincontent {
	float:left;
	margin-right:0px;
	padding-right:15px;
	margin-bottom:0px;
	margin-top:0px;
	position: relative;
	width:707px;
	max-width:707px;
	height: auto !important;
	min-height:600px;
	background-image: url(../images/bg/bg-sub-sidecolumn.gif) !important;
	background-repeat: no-repeat;
	background-position: right 15px;}
#tower-2col-v1 .sidebar {
	float:left;
	padding:0px;
	width:220px;
	max-width:220px;
	height: auto !important;
	position:relative;
	overflow:visible;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;}
	
/* Two Column v2 (navigation x main)
---------------------------------------------------------------------------------------------------------- */
#tower-2col-v2 .navbar {
	float:left;
	padding:0px;
	width:220px;
	max-width:220px;
	height: auto !important;
	position:relative;
	overflow:visible;
	background-color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;}
#tower-2col-v2 .maincontent {
	float:left;
	margin:0px;
	padding:0px;
	position: relative;
	width:722px;
	max-width:722px;
	height: auto !important;
	min-height:280px;}	
	
/* Two Column v3 (navigation x main x sidebar)
---------------------------------------------------------------------------------------------------------- */
#tower-2col-v3 .navbar {
	float:left;
	padding:0px;
	width:220px;
	max-width:220px;
	height: auto !important;
	position:relative;
	overflow:visible;
	background-color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;}
#tower-2col-v3 .maincontent {
	float:left;
	margin:0px;
	padding:0px;
	position: relative;
	width:722px;
	max-width:722px;
	height: auto !important;
	min-height:280px;}	
#tower-2col-v3 .sidebar {
	float:left;
	padding:0px;
	width:250px;
	max-width:250px;
	height: auto !important;
	position:relative;
	overflow:visible;
	background-color: #333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;}









































































/*  =SECTION 2 =============================================================================================== */ 
#content-section2 {
	position: relative;
	height:100%;
	margin-bottom:8px;	
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;	
	/*background-image: url(../images/bg/striped-bar.gif);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
#content-section2-wrapper {
	position: relative;
	width:952px;
	background:#FFF;	
	padding-top:0px;
	margin-top:8px;
	margin-bottom:0px;
	margin-right: auto;	
	margin-left: auto;}
	
/*  =SECTION 3 =============================================================================================== */
#content-section3 {
	margin-top:10px;
	margin-bottom:0px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	position: relative;
	background-image: url(../images/bg/striped-bar.gif);
	background-repeat: repeat-x;
	background-position: center top;}
#content-section3-wrapper {
	width:952px;
	background:#FFF;
	min-height:200px;
	position: relative;
	padding-top:0px;
	margin-top:10px;
	margin-right: auto;
	margin-bottom:0px;
	margin-left: auto;}


/*
===========================================================================================================================================
	
	05: ANKLE STRIP
	
===========================================================================================================================================
*/

/*  =STRUCTURE =============================================================================================== */
#anklestrip {
	height:auto;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:7px;
	padding-left:0px;
	padding-right:0px;
	position: relative;
	background-image: url(../images/bg/striped-bar.gif);
	background-repeat: repeat-x;
	background-position: center top;}
/*  =TYPES =============================================================================================== */
#anklestrip .grid2column, .grid3column, .grid4column { 
	background:#FFF; 
	margin-top:10px;
	margin-bottom:0px; 
	margin-left:auto; 
	margin-right:auto; 
	position: relative; 
	width: 952px;
	max-width: 952px;
	height: auto !important;
	min-height:255px; 
	z-index: 2;
	display: block;}
/*  =TWO TOWER GRID =============================================================================================== */	
#anklestrip .grid2column .joint {
	width: 288px;
	height:270px;
	min-height:270px;
	background-color:#FFF;
	border: 1px solid #E5E5E5;
	float:left;
	display:inline;
	position:relative;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;}
#anklestrip .grid2column .joint.first { border: none; margin-left: 1px; border: 1px solid #E5E5E5; }
#anklestrip .grid2column .joint.last { border: none; margin-right: 0px; border: 1px solid #E5E5E5; }
/*  =THREE TOWER GRID =============================================================================================== */	
#anklestrip .grid3column .joint {
	width: 288px;
	height:270px;
	min-height:270px;
	background-color:#FFF;
	border: 1px solid #E5E5E5;
	float:left;
	display:inline;
	position:relative;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;}
#anklestrip .grid3column .joint.first { border: none; margin-left: 1px; border: 1px solid #E5E5E5; }
#anklestrip .grid3column .joint.last { border: none; margin-right: 0px; border: 1px solid #E5E5E5; }
/*  =FOUR TOWER GRID =============================================================================================== */	
#anklestrip .grid4column .joint {
	max-width: 208px;
	width: 208px;
	overflow:hidden;
	height:270px;
	min-height:270px;
	background-color:#FFF;
	border: 1px solid #E5E5E5;
	float:left;
	display:inline;
	position:relative;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;}
#anklestrip .grid4column .joint.first { border: none; margin-left: 1px; border: 1px solid #E5E5E5; }
#anklestrip .grid4column .joint.last { border: none; margin-right: 0px; border: 1px solid #E5E5E5; }
/*  =TYPOGRAPY =============================================================================================== */	

/* Super Awesome Headers
---------------------------------------------------------------------------------------------------------- */
.hd-awesome {
	display: inline-block;
	width:100%;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	background-color: #222;
	background-image: url(../images/glides/bg-overlay.png);
	background-repeat: repeat-x;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:5px;
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 8px;}
.small.hd-awesome { font-size: 11px; color: #fff; }
.hd-awesome, .medium.hd-awesome{ font-size:140%; color: #fff; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.hd-awesome { font-size: 14px; color: #fff; padding: 8px 14px 9px; }	

/* Super Awesome Header Colors
---------------------------------------------------------------------------------------------------------- */
.green.hd-awesome { background-color: #91bd09; }
.grey.hd-awesome { background-color: #222; }



#anklestrip .joint h4 {
	color: #FFF;
	font-size:140%;
	font-weight: bold;
	text-decoration: none;
	line-height:1em;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #AC0302;
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:7px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 7px;}
#anklestrip .joint h4 a {
	color: #000;
	text-decoration: none;}
#anklestrip .joint h4 a:hover {
	color: #000;
	text-decoration: underline;}
#anklestrip .joint h4.grey {
	background-color: #909092;}
#anklestrip .joint h4.yellow {
	background-color: #EE9600;}
#anklestrip .joint h4.orange {
	background-color: #EB421A;}
#anklestrip .joint h4.blue {
	background-color: #0080C2;}
#anklestrip .joint h4.purple {
	background-color: #42145F;}
#anklestrip h4.standard {
	padding-top:3px;
	padding-left:1px;
	color:#FFF;
	background-color: none;
	border-bottom: 3px solid #AC0302;}	
#anklestrip h4.contact {
	padding-left:28px;
	border-bottom: 3px solid #0098DB;
	background-image: url(../images/icons/contact-20.png);
	background-repeat: no-repeat;
	background-position: 2px 5px;}
#anklestrip h4.resources {
	padding-left:26px;
	border-bottom: 3px solid #B52025;
	background-image: url(../images/icons/resource-20.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;}	
#anklestrip h5 {
	font-family:trebuchet ms, arial, verdana, sans-serif;
	font-size: 1.3em;
	letter-spacing:0px;
	color:#002E48;
	font-weight: normal;
	padding-bottom:0px;
	padding-top:5px;
	margin-bottom:6px;
	text-transform: capitalize;}
#anklestrip p {
	color:#464D51;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;}		
/*  =LISTS ======================================================================================== */			
/* links */
#anklestrip ul.links {
	margin-left:2px;
	margin-top:10px;
	margin-bottom:10px;}
#anklestrip ul.links li {
	font-family: Arial, Helvetica, sans-serif;
	color: #464D51;}
#anklestrip ul.links li {
	font-size: 12px;
	font-weight:normal;
	line-height: 1.2em;
	padding-left: 12px;
	padding-bottom:8px;
	background-image: url(../images/icons/bl-standard.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;}
#anklestrip ul.links li a.pdf {
	padding-right:22px;
	background-image: url(../images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: right center;}
#anklestrip a.more{
	font-size:11px;
	line-height:1.1em;
	text-decoration:none;
	font-weight: normal;
	margin-top: 0px;}
#anklestrip a.more:hover{
	text-decoration:underline;}	
/* contact list */	
#anklestrip ul.contact {
	margin-left:0px;
	padding-bottom:15px;}
#anklestrip ul.contact li {
	font-family: Arial, Helvetica, sans-serif;
	color: #464D51;}
#anklestrip ul.contact li {
	font-size: 1.0em;
	line-height: 1.1em;
	padding-left:0px;
	padding-bottom:3px;}
#anklestrip ul.contact li a {
	font-weight: normal;
	text-decoration: none;
	padding:0px;}	
#anklestrip ul.contact li a:hover {
	font-weight: normal;
	text-decoration: underline;}/* #24A2DD*/
#anklestrip ul.contact li.phone {
	margin-top:5px;
	padding-left:22px;
	background-image: url(../images/icons/ico_phone.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;}	
#anklestrip ul.contact li.email {
	margin-top:5px;
	padding-left:22px;
	background-image: url(../images/icons/ico_email.gif);
	background-repeat: no-repeat;
	background-position: 0px -2px;}	
/*  =IMAGES ======================================================================================== */		
#anklestrip .joint img {
	border: 0;
	margin-bottom: 0px;}
#anklestrip .joint img.left {
	display: block; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;}
#anklestrip .joint img.right {
	display: block;
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left:10px;}	
#anklestrip .joint img.center { display: block; margin-right: auto; margin-left: auto; margin-top:5px; }


	
/*
===========================================================================================================================================
	
	05: PROMO BRICKS STRIP
	
===========================================================================================================================================
*/	
#layer-promobricks{
	width:982px;
	_width:982px;
	margin-top:15px;
	padding-bottom:0px;
	padding-top:0;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;}







/*
===========================================================================================================================================
	
	06: CONTENT GRIDS (grid2Column, grid3Column, grid4Column)
	
===========================================================================================================================================
*/

/*  =GRID COLUMNS =============================================================================================== */
.grid1Column, .grid2Column, .grid3Column, .grid4Column { 
	width:952px;
	background:#FFF;
	position:relative;}

/*  =GRID UNITS =============================================================================================== */
.grid2Column .unit {
	width:454px;
	margin-bottom:0px;}
.grid3Column .unit {
	width:312px;
	margin-bottom:0px;}
.grid4Column .unit {
	width:222px;
	margin-bottom:0px;}
.grid2Column .unit, .grid3Column .unit, .grid4Column .unit {
	position:relative;
	float:left;
	display:inline;
	padding-top: 0;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:8px;}
.grid2Column .first, .grid3Column .first, .grid4Column .first { padding-left:0; }
.grid2Column .last, .grid3Column .last, .grid4Column .last {
	padding-right:0;
	border-right-style: none;}

/*  =GRID MODULES =============================================================================================== */
.grid2Column #modbox, .grid3Column #modbox, .grid4Column #modbox {
	margin-bottom:8px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;}
.grid2Column #modbox .white, .grid3Column #modbox .white, .grid4Column #modbox .white {
	display: block;
	border: 2px solid #DDDDDD;
	-moz-border-radius:10px; /* adjusts border radius corner */
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color: #64645c;
	line-height: 1.5em;
	height:100%;
	min-height:350px;
	background-color: #FFF;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;}
.grid2Column #modbox .gradient, .grid3Column #modbox .gradient, .grid4Column #modbox .gradient {
	display: block;
	border: 2px solid #DDDDDD;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-khtml-border-radius:0px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color: #64645c;
	line-height: 1.5em;
	height:100%;
	min-height:340px;
	max-height:340px;
	background-color: #FFF;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	background-image: url(../images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;}
	
/*  =GRID MODULES TYPOGRAPY ======================================================================================== */	
.grid2Column #modbox h1, .grid3Column #modbox h1, .grid4Column #modbox h1 {
	font-size:1.8em;
	color: #3B4348;
	font-weight: bold;
	padding-bottom:7px;
	margin-top:10px;
	margin-bottom:10px;
	letter-spacing: 0em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color: #E5E5E5;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;}
.grid2Column #modbox h1 a, .grid3Column #modbox h1 a, .grid4Column #modbox h1 a {
	color: #3B4348;
	text-decoration: none;}
.grid2Column #modbox h1 a:hover, .grid3Column #modbox h1 a:hover, .grid4Column #modbox h1 a:hover {
	text-decoration: none;
	color: #000;}	
.grid2Column #modbox h4, .grid3Column #modbox h4, .grid4Column #modbox h4 {
	font-family:trebuchet ms, arial, verdana, sans-serif;
	font-size: 1.3em;
	line-height:1.1em;
	padding-bottom:6px;
	color: #002E48;
	letter-spacing:0em;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	border: none;}
.grid2Column #modbox p, .grid3Column #modbox p, .grid4Column #modbox p {
	font-size: 1.0em;
	color: #333;
	line-height: 1.4;
	margin-bottom: 14px;}


/*  =GRID MODULES LINKS/BUTTONS ======================================================================================== */			

/* List Text Links
---------------------------------------------------------------------------------------------------------- */
.grid2Column #modbox #textLinks, .grid3Column #modbox #textLinks, .grid4Column #modbox #textLinks {
	width: 271px;
	padding-top:5px;}
.grid2Column #modbox #textLinks li, .grid3Column #modbox #textLinks li, .grid4Column #modbox #textLinks li {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	width: 271px;
	padding-top: 0px;
	padding-bottom: 7px;
	padding-left: 13px;
	background-image: url(../images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D2D2D2;}
.grid2Column #modbox #textLinks li.last, .grid3Column #modbox #textLinks li.last, .grid4Column #modbox #textLinks li.last {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}
.grid2Column #modbox #textLinks li.single, .grid3Column #modbox #textLinks li.single, .grid4Column #modbox #textLinks li.single {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}		
.grid2Column #modbox #textLinks li a, .grid3Column #modbox #textLinks li a, .grid4Column #modbox #textLinks li a {
	color: #333333;
	display: block;
	text-decoration: none;
	padding-right: 0;}
.grid2Column #modbox #textLinks li a strong, .grid3Column #modbox #textLinks li a strong, .grid4Column #modbox #textLinks li a strong {
	color: #0080C9;
	display: block;
	padding-top: 2px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 6px;}
.grid2Column #modbox #textLinks li a:hover strong, .grid3Column #modbox #textLinks li a:hover strong, .grid4Column #modbox #textLinks li a:hover strong {
	color: #00587A;
	text-decoration: underline;}
	
/*  =GRID MODULES IMAGE FLOATS ======================================================================================== */		
.grid2Column #modbox img, .grid3Column #modbox img, .grid4Column #modbox img {
	border: 0;
	margin-bottom: 0px;}
.grid2Column #modbox img.left, .grid3Column #modbox img.left, .grid4Column #modbox img.left {
	display: block; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0;}
.grid2Column #modbox img.right, .grid3Column #modbox img.right, .grid4Column #modbox img.right {
	display: block;
	float: right;
	margin-top: 5px;
	margin-right:0px;
	margin-bottom: 5px;
	margin-left:10px;}
.grid2Column #modbox img.rightborder, .grid3Column #modbox img.rightborder, .grid4Column #modbox img.rightborder {
	display: block;
	float: right;
	margin-top: 5px;
	margin-right: -10px;
	margin-bottom: 5px;
	margin-left:15px;}		
.grid2Column #modbox img.center, .grid3Column #modbox img.center, .grid4Column #modbox img.center {
	display: block; 
	margin-right: auto; 
	margin-left: auto; 
	margin-top:5px;
	margin-bottom: 5px;}


/*
===========================================================================================================================================
	
	07: CONTENT FRAMES/TOWERS
	
===========================================================================================================================================
*/

/*  =FRAME TYPES ======================================================================================== */	
#frame1A, #frame2A, #frame2B, #frame3A, #frame3B {
	height:auto;
	min-height:400px;
	position:relative;
	display: block;
	width:952px;
	max-width:952px;
	overflow:hidden;
	margin:0px;
	padding:0px;}	

/*  =TOWER LAYOUT ======================================================================================== */	

/* ONE - frame1A - towerMain (main content) 952px
---------------------------------------------------------------------------------------------------------- */
#frame1A #towerMain {
	float:left;
	overflow:hidden;
	width:952px;
	max-width:952px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0px;}
	
/* TWO - frame2A - towerMain (main content) 712px x Last (right resources) 210px
---------------------------------------------------------------------------------------------------------- */
#frame2A #towerMain {
	width:712px;
	max-width:712px;
	min-height:500px;
	float:left;
	position:inherit;
	padding-right:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:visible;
	background-color: #FFF;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;}
#frame2A #towerLast {
	float:left;
	overflow:hidden;
	width:210px;
	max-width:210px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:0px;
	padding:0px;
	background-color: #FFF;}
	
/* THREE - frame3B - First (navigation) 200px x Main (main content) 490px x Last (right resources) 210px
---------------------------------------------------------------------------------------------------------- */	
#frame3A #towerFirst {
	width:200px;
	max-width:200px;
	min-height:500px;
	float:left;
	position:inherit;
	padding-right:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:visible;
	background-color: #000;}
#frame3A #towerMain {
	width:490px;
	max-width:490px;
	min-height:500px;
	float:left;
	position:inherit;
	padding-right:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:visible;
	background-color: #FFF;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;}
#frame3A #towerLast {
	float:left;
	overflow:hidden;
	width:210px;
	max-width:210px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:0px;
	padding:0px;
	background-color: #FFF;}	

/* THREE - frame3B - Main 300px x Main 300px x Main 300px
---------------------------------------------------------------------------------------------------------- */	
#frame3B #towerMain {
	width:290px;
	max-width:290px;
	min-height:300px;
	float:left;
	display:inline;
	padding-right:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:visible;}
#frame3B #towerMain .last {
	margin-right:0px;}	

	
/*
===========================================================================================================================================
	
	08: NAV COLUMN VERTICAL NAVIGATION - change #column-left-navmenu to #towerFirst
	
===========================================================================================================================================
*/

#column-left-navmenu ul.navigation {height:1%; overflow:hidden;}
#column-left-navmenu ul.navigation {border-top:1px solid #DBE1E6; display:block; height:1%; margin-bottom:10px;}
#column-left-navmenu ul.navigation li {margin-top:-1px; float:left; width:100%;}
#column-left-navmenu ul.navigation li a span {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	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;
	background-image: url(../images/navigation/bg-leftcol-navmenu.png);
	background-repeat: repeat-x;
	background-position: left bottom;}
#column-left-navmenu ul.navigation li a:hover span {
	color: #00587A;
	background:none;
	background-color: #F1F1F1;}
	
#column-left-navmenu ul.navigation li a {
	border:1px solid #DBE1E6;
	display:block;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #797C80;}/*#797C80*/
#column-left-navmenu ul.navigation li a:hover {
	text-decoration:underline;
	color: #00587A;
	background-color: #EFF3F5;}

#column-left-navmenu ul.navigation li ul,
#column-left-navmenu ul.navigation li ul li {border:0; margin:0; padding:0;}
#column-left-navmenu ul.navigation li ul {display:none; margin-top:5px;}
#column-left-navmenu ul.navigation li ul li {padding-bottom:8px;}
#column-left-navmenu ul.navigation li ul li a {
	border:0;
	padding-left:14px;
	font-size: 11px;}
#column-left-navmenu ul.navigation li ul li a:hover {
	text-decoration:underline;
	background-color: #FFF;
	color: #0058A6;}
	
#column-left-navmenu ul.navigation li.on ul {
	display:block;}
#column-left-navmenu ul.navigation li ul li.on a {
	background-color: #fff;
	color: #333;}
	
/*
===========================================================================================================================================
	
	08: MAIN COLUMN TYPOGRAPHY
	
===========================================================================================================================================
*/

ul.big-icon {
	list-style:none;
	padding:0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f0f0f0;
	border-right-color: #f0f0f0;
	border-bottom-color: #f0f0f0;
	border-left-color: #f0f0f0;
	margin-bottom: 3px;
	width:60%;}
ul.big-icon  li {
	border-top:1px solid #f0f0f0;
	clear:both;
	min-height: 35px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;}
* html ul.big-icon  li { 
	height: 35px;  } /*Set height for IE6 */
ul.big-icon  li.alt { 
	background:#fbfbfb; }
ul.big-icon  li img { 
	float:left; }
ul.big-icon  li div {
	margin-left:50px;
	padding-left:8px;
	font-size:.95em;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/icons/bl-redarrow.gif);
	background-repeat: no-repeat;
	background-position: left 7px;}
ul.big-icon li ul,
ul.big-icon li ul li,
ul.big-icon li h6 { 
	list-style:none; 
	margin:0; border:0; 
	padding:0; 
	line-height:1.2em; }
ul.big-icon li h6 { 
	font-size:16px; }
ul.big-icon li h6 a { 
	text-decoration:none; }
ul.big-icon li h6 a:hover { 
	text-decoration:underline; }
ul.big-icon li p {
	margin:0 0 1em;
	font-size: 11px;
	color: #666666;}
	

/*
===========================================================================================================================================
	
	09: LAST COLUMN RESOURCES
	
===========================================================================================================================================
*/

/*  =MODULES ======================================================================================== */	
#towerLast .modBox {
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom:30px;
	margin-left: 0;}
#towerLast .modBox #blue {
	display: block;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	height: auto !important;
	background-color: #FFF;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #0098DB;
	border-bottom-color: #DDD;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 0px;}	
#towerLast .modBox #red {
	display: block;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	height: auto !important;
	background-color: #FFF;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B52025;
	border-bottom-color: #DDD;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}	
#towerLast .modBox #grey {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	background: #FFFFFF;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}
#towerLast .modBox #grey p.sh-logo {text-align: center; margin-top: 0; padding-top: 0;}
#towerLast .modBox #content {
	margin-bottom:0px;
	padding-top:10px;
	padding-right:8px;
	padding-bottom:0px;
	padding-left:8px;
	background-color: #F5F5F5;}

/*  =TYPOGRAPY ======================================================================================== */	
#towerLast h1, #towerLast h2, #towerLast h3, #towerLast h4, #towerLast h5, #towerLast h6 {
	font-family: "trebuchet ms", sans-serif;
	letter-spacing: -1px;}
#towerLast h2 {
	font-size: 20px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding-bottom:8px;
	margin-top:15px;
	margin-bottom:10px;}	
#towerLast h3 {
	font-weight:normal;
	background:#FFF;
	height:25px;
	color: #3B4348;
	font-size:19px;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0px;
	margin-left:0;
	padding-top:4px;
	padding-right:0;
	padding-bottom:6px;
	padding-left:0px;}
#towerLast h3.resources-header {
	padding-left:28px;
	border-bottom: 3px solid #B52025;
	background-image: url(../images/icons/resource-20.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;}	
#towerLast h3.contact-header {
	padding-left:28px;
	border-bottom: 3px solid #0098DB;
	background-image: url(../images/icons/contact-20.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;}	
#towerLast h4 {
	font-size: 16px; 
	font-weight: bold;}	
#towerLast h5 {
	font-size:13px;
	letter-spacing:0px;
	color:#4F565C;
	font-weight: bold;
	padding-bottom:0px;
	padding-top:5px;
	margin-bottom:6px;
	text-transform: capitalize;}	
#towerLast p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2;
	color: #464D51;
	margin-bottom: 12px;}
	
/*  =LISTS ======================================================================================== */		
#towerLast ul.standard {
	margin-left:2px;
	padding-bottom:20px;}
#towerLast ul.standard li {
	font-family: Arial, Helvetica, sans-serif;
	color: #4F565C;}
#towerLast ul.standard li {
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 10px;
	padding-bottom:10px;
	background-image: url(../images/icons/bl-standard.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;}
#towerLast ul.standard li a {
	font-weight: normal;
	text-decoration: none;
	padding:0px;}	
#towerLast ul.standard li a:hover {
	font-weight: normal;
	text-decoration: underline;}/* #24A2DD*/
#towerLast ul.standard li span {
	font-size: 1.1em;
	color:#CC0000;
	line-height: 1.2em;}
	
#towerLast ul.contact {
	margin-left:0px;
	padding-bottom:25px;}
#towerLast ul.contact li {
	font-family: Arial, Helvetica, sans-serif;
	color: #62727B;}
#towerLast ul.contact li {
	font-size: 0.9em;
	line-height: 1.1em;
	padding-left:0px;
	padding-bottom:6px;}
#towerLast ul.contact li a {
	font-weight: normal;
	text-decoration: none;
	padding:0px;}	
#towerLast ul.contact li a:hover {
	font-weight: normal;
	text-decoration: underline;}/* #24A2DD*/
#towerLast ul.contact li.phone {
	margin-top:2px;
	padding-left:22px;
	background-image: url(../images/icons/ico_phone.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;}	
#towerLast ul.contact li.email {
	margin-top:2px;
	padding-left:22px;
	background-image: url(../images/icons/ico_email.gif);
	background-repeat: no-repeat;
	background-position: 0px -1px;}	
	

/*
===========================================================================================================================================
	
	10: INLINE CALLOUTS
	
===========================================================================================================================================
*/

#featured-callout { 	
	height:auto;
	width:100%;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:20px;
	padding:0px;
	float:left;}
#featured-callout .yellow-box {
	position:relative;
	min-height:50px;
	height: auto !important;
	display: block;
	margin: 0;
	border: 2px solid #F6EFA3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color: #FCFACF;
	padding-top:15px;
	padding-right: 15px;
	padding-bottom:15px;
	padding-left: 15px;	
	/*background-image: url(../images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}	
#featured-callout .blue-box {
	position:relative;
	min-height:50px;
	height: auto !important;
	display: block;
	margin: 0;
	border: 2px solid #8AB2CE;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	background-color: #EEF2F3;
	padding-top:15px;
	padding-right: 15px;
	padding-bottom:15px;
	padding-left: 15px;}	
#featured-callout h3 {
	font-size: 150%;
	font-weight: bold;
	color:#266875;
	border-bottom-width: 0px;
	padding-top:0px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:0px;}	
#featured-callout h4 {
	font-size: 110%; 
	font-weight: bold;}



/*
===========================================================================================================================================
	
	12: FORMS & TABLES
	
===========================================================================================================================================
*/

/*  =STANDARD FORM ======================================================================================== */	
form {margin-top: 1em;}
form.alt {margin: 0;}

fieldset {
	margin-bottom: 20px;
	padding-bottom: 25px;
	border: 4px solid #c4e3ff;
	border-width: 0 0 4px;}
fieldset.last {padding: 0; border: 0;}
fieldset.submit {
  width: 310px;
  margin: 40px 0 20px;
  padding: 30px 20px;
  border: 1px solid #c4e3ff;
  border-width: 4px 0 1px;
  background: #e1f1ff url(/images/bg-listbox.gif) repeat-x;}

legend {
	padding: 5px 0 15px;
	color: #93bb3a;
	font-size: 17px;
	font-weight: bold;
	font-family:trebuchet ms, arial, verdana, sans-serif;}
legend span {
	display: block;
	color: #999;
	font-weight: normal;
	font-size: 12px;}
	
label2 {
	color: #4d5762;
	font-size: 12px;
	font-family:trebuchet ms, arial, verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 0 0;
	line-height: 1.2em;}
label span {color: #000;}
label span.required, .required {color: #f00;}
label.alt {
	color: #555;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;}

input.textfield, textarea {
	width: 280px;
	padding: 4px;
	border: 2px solid #ddd;
	border-top: 2px solid #ccc;
	color: #777;
	margin: 0 10px 0 0;
	background: #f9f9f9;
	font-size: 150%;
	font-family: Arial, Verdana, sans-serif;}

select {
	font-family: Arial, Verdana, sans-serif;
	font-size: 150%;
	color: #777;
	margin: 0 10px 0 0;
	padding: 5px;
	width: 100%;
	border: 2px solid #ddd;
	background: #f9f9f9;
	outline: none;}

textarea {font-size: 120%;}
textarea {
	width: 280px;
	height:150px;
	color: #777;
	font-size: 130%;
	font-family: Arial, Verdana, sans-serif;}
input.img-btn {display: inline;}
input.textfield:focus, textarea:focus, input.select:focus, select:focus {
	border: 2px solid #9ec1e0;
	color: #333;}

/*  =TABLES ======================================================================================== */	
table.formtable, table.formtablesubmit {border-collapse: collapse;}
table.formtablesubmit {margin: 20px 0;}
.formtable th, .formtablesubmit th {
	width: 150px;
	border-bottom: 1px solid #ddd;
	text-align: right;
	vertical-align: top;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left:0px;}
.formtablesubmit th {
  padding: 20px 15px 20px 0;
	border: 1px solid #c4e3ff;
	border-width: 4px 0 1px;
  background: #e1f1ff url(/images/bg-listbox.gif) repeat-x;}
.formtable td, .formtablesubmit td, .formtable td.alt {
	width: 250px;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;}
.formtable tr.alt td {width: 350px;}
.formtablesubmit td {
	padding: 20px 15px 20px 0;
	border: 1px solid #c4e3ff;
	border-width: 4px 0 1px;
	background: #e1f1ff url(/images/bg-listbox.gif) repeat-x;}
.formtable tr.last td, .formtable tr.last th {
	border-bottom: none;}
.formtable td.info, .formtablesubmit td.info {
	color: #999;
	font-family:trebuchet ms, arial, verdana, sans-serif;
	font-size: 11px;
	line-height: 120%;}
.formtable td.info span{color: #C00;}	
.formtablesubmit td.info {padding-top: 30px;}
.formtable td.info img {display: block; margin: 10px 0 -10px; border: none;}
































































/* ++++ STILL IN USE? ++++++++ */
/*************************************************************************************************************
	
	SUB CONTENT - 3RD LAYER PAGE STRUCTURE (9/10/09)
	
*************************************************************************************************************/
/* standard page structure */
#page-container {
	background-image: url(../../001_Global/images/bg/bg-subbody-standard.gif);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#E5E6E6;
	margin-left: auto;
	margin-right: auto;
	height:1%;
	padding-top: 0px;}
#page-container-wrap {
	width:982px;
	position:relative;
	margin: 0 auto;
	padding-bottom:15px;}
#page-container-content {
	width:952px;
	background-color:#FFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	padding:15px;}		








/*************************************************************************************************************
	
	07. SUB CONTENT - COLUMN GRID LAYOUTS (No Modules) (09/10/09)
	
*************************************************************************************************************/
#grid-1A {
	overflow:auto;
	width:100%;
	position:relative;
	padding:0px;
	background-color:#FFF;
	margin-top:50px;/* find better solution. temporary fix for chrome and safari */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}
#grid-2A {
	overflow:auto;
	width:100%;
	position:relative;
	padding:0px;
	background-color:#FFF;
	margin-top:170px;/* find better solution. temporary fix for chrome and safari */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}	
#grid-3B {
	overflow:auto;
	width:100%;
	position:relative;
	padding:0px;
	background-color:#FFF;
	margin-top: 160px;/* find better solution. temporary fix for chrome and safari */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;}

/* grid-1A main content column */
#grid-1A #column-main-content {
	width:952px;
	float:left;
	min-height:500px;
	padding-right:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:hidden;
	background-color: #FFF;}
/* grid-2A main content column */
#grid-2A #column-center-content {
	width:727px;
	float:left;
	position:inherit;
	min-height:500px;
	padding-right:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:hidden;
	background-color: #FFF;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;}
/* grid-2A side features column */
#grid-2A #column-right-resources {
	float:left;
	overflow:hidden;
	width:195px;
	max-width:195px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:0px;
	padding:0px;
	background-color: #FFF;}
	
/* vertical navigation menu column */
#column-left-navmenu {
	float:left;
	position:relative;
	overflow:hidden;
	width:170px;
	max-width:170px;
	margin-right:15px;
	margin-bottom:20px;
	margin-top:0px;
	padding:0px;}	
/* main content column */
#column-center-content {
	width:557px;
	float:left;
	position:inherit;
	min-height:500px;
	padding-right:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	overflow:hidden;
	background-color: #FFF;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;}
/* side features column */
#column-right-resources {
	float:left;
	overflow:hidden;
	width:180px;
	max-width:180px;
	margin-right:0px;
	margin-bottom:20px;
	margin-top:0px;
	padding:0px;}	


/*************************************************************************************************************
	
	NEW - COLUMN GRID STYLES (9/10/09)
	
*************************************************************************************************************/

/* VERICAL NAVIGATION MENU
   ----------------------------------------------------*/
#column-left-navmenu h3 {
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding-bottom:4px;
	margin-top:5px;
	margin-bottom:10px;}	
#column-left-navmenu h4 {
	font-size: 110%; 
	font-weight: bold;}
	
#column-left-navmenu ul.navigation {height:1%; overflow:hidden;}
#column-left-navmenu ul.navigation {border-top:1px solid #DBE1E6; display:block; height:1%; margin-bottom:10px;}
#column-left-navmenu ul.navigation li {margin-top:-1px; float:left; width:100%;}
#column-left-navmenu ul.navigation li a span {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	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;
	background-image: url(../images/navigation/bg-leftcol-navmenu.png);
	background-repeat: repeat-x;
	background-position: left bottom;}
#column-left-navmenu ul.navigation li a:hover span {
	color: #00587A;
	background:none;
	background-color: #F1F1F1;}
	
#column-left-navmenu ul.navigation li a {
	border:1px solid #DBE1E6;
	display:block;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #797C80;}/*#797C80*/
#column-left-navmenu ul.navigation li a:hover {
	text-decoration:underline;
	color: #00587A;
	background-color: #EFF3F5;}

#column-left-navmenu ul.navigation li ul,
#column-left-navmenu ul.navigation li ul li {border:0; margin:0; padding:0;}
#column-left-navmenu ul.navigation li ul {display:none; margin-top:5px;}
#column-left-navmenu ul.navigation li ul li {padding-bottom:8px;}
#column-left-navmenu ul.navigation li ul li a {
	border:0;
	padding-left:14px;
	font-size: 11px;}
#column-left-navmenu ul.navigation li ul li a:hover {
	text-decoration:underline;
	background-color: #FFF;
	color: #0058A6;}
	
#column-left-navmenu ul.navigation li.on ul {
	display:block;}
#column-left-navmenu ul.navigation li ul li.on a {
	background-color: #fff;
	color: #333;}
	

/* SIDE FEATURES COLUMN SYTLES
   ----------------------------------------------------*/
#column-right-resources h3 {
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	padding-bottom:4px;
	margin-top:5px;
	margin-bottom:10px;}	
#column-right-resources h4 {
	font-size: 110%; 
	font-weight: bold;}	
	
#column-right-resources ul {
	margin-left:2px;
	margin-bottom:15px;}
#column-right-resources ul li {
	font-family: Arial, Helvetica, sans-serif;
	color: #4F565C;}
#column-right-resources ul li {
	font-size: 1.0em;
	line-height: 1.2em;
	padding-left: 12px;
	padding-bottom:10px;
	background-image: url(../images/icons/li-standard.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;}
#column-right-resources ul li a {
	font-weight: normal;
	text-decoration: none;
	padding:0px;}	
#column-right-resources ul li a:hover {
	font-weight: normal;
	text-decoration: underline;}	/* #24A2DD*/
#column-right-resources ul li span {
	font-size: 1.1em;
	color:#CC0000;
	line-height: 1.2em;}












/*************************************************************************************************************
	
	06. SECTION 2 - FEATURED MODULES STRUCTURE (OLD NO BORDERS SET - REMOVE)
	
*************************************************************************************************************/


/* =FEATURED MODULES - LAYOUT STRUCTURE (2,3,4 Columns) ***********************************************/
.grid-2ColFeat { 
	width:982px;
	position:relative;}
.grid-2ColFeat .unit {
	width:322px;
	margin-bottom:0px;}

.grid-3ColFeat { 
	width:982px;
	position:relative;}
.grid-3ColFeat .unit {
	width:320px;
	margin-bottom:0px;}

.grid-4ColFeat { 
	width:982px;
	position:relative;}
.grid-4ColFeat .unit {
	width:232px;
	margin-bottom:0px;}

.grid-2ColFeat .unit, .grid-3ColFeat .unit, .grid-4ColFeat .unit {
	position:relative;
	float:left;
	display:inline;
	padding-top: 0;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:11px;}
.grid-2ColFeat .first, .grid-3ColFeat .first, .grid-4ColFeat .first { padding-left:0; }
.grid-2ColFeat .last, .grid-3ColFeat .last, .grid-4ColFeat .last {
	padding-right:0;
	border-right-style: none;}


/* =FEATURED MODULES - MODULE BOXES ***********************************************/	
.grid-3ColFeat #modbox {
	margin-bottom: 8px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;}
.grid-3ColFeat #modbox .white {
	display: block;
	border: 5px solid #E4E4E4;
	-moz-border-radius:10px; /* adjusts border radius corner */
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color: #64645c;
	line-height: 1.5em;
	height:100%;
	min-height:230px;
	background-color: #FFF;
	padding-top:5px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;	/*background-image: url(../images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}
.grid-3ColFeat #modbox .lightgrey {
	display: block;
	border: 2px solid #DDD;
	-moz-border-radius:0px; /* adjusts border radius corner */
	-webkit-border-radius:0px; /* adjusts border radius corner */
	font: .9em Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color: #64645c;
	line-height: 1.5em;
	height:100%;
	min-height:220px;
	background-color: #F1F1F1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}

/* =FEATURED MODULES - GRAPHIC HEADERS ***********************************************/
.grid-3ColFeat #modbox h1.inthenews {
	height:40px;
	width:155px;
	margin-top:-2px;
	margin-right:0px;
	margin-left:0px;
	text-indent:-9999px;
	background-image: url(../images/modules/hd-inthenews.gif);
	background-repeat: no-repeat;
	background-position: left top;}
.grid-3ColFeat #modbox h1.academicnews {
	height:40px;
	width:201px;
	margin-top:-2px;
	margin-right:0px;
	margin-left:0px;
	text-indent:-9999px;
	background-image: url(../images/modules/hd-academicnews.gif);
	background-repeat: no-repeat;
	background-position: left top;}		
.grid-3ColFeat #modbox h1.areasofstudy {
	height:40px;
	width:182px;
	margin-top:-2px;
	margin-right:0px;
	margin-left:0px;
	text-indent:-9999px;
	background-image: url(../images/modules/hd-areasofstudy.gif);
	background-repeat: no-repeat;
	background-position: left top;}	
.grid-3ColFeat #modbox h1.toolsresources {
	height:40px;
	width:223px;
	margin-top:-2px;
	margin-right:0px;
	margin-left:0px;
	text-indent:-9999px;
	background-image: url(../images/modules/hd-toolsresources.gif);
	background-repeat: no-repeat;
	background-position: left top;}	


/* =FEATURED MODULES - TYPOGRAPHY ***********************************************/
.grid-3ColFeat #modbox h1 {
	font-size:2.2em;
	padding-bottom:0px;
	margin-bottom:0px;}
.grid-3ColFeat #modbox h4 {
	font-size: 1.1em;
	line-height:1.2em;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	padding-bottom:3px;
	margin-bottom:0px;
	color: #000;
	letter-spacing: -0.03em;
	font-weight: bold;}
.grid-3ColFeat #modbox p,
.grid-3ColFeat #modbox td {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color: #333;}
.grid-3ColFeat #modbox p {
	font-size: 1.0em;
	line-height: 1.4;
	margin-bottom: 12px;}
.grid-3ColFeat #modbox a {
	color: #0080C9;
	text-decoration: none;}
.grid-3ColFeat #modbox a:hover {
	text-decoration: underline;
	color: #00587A;}
	
	
/* =FEATURED MODULES - IMAGES ***********************************************/
.grid-3ColFeat #modbox img {
	border: 0;
	margin-bottom: 0px;}
.grid-3ColFeat #modbox img.left {
	display: block; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;}
.grid-3ColFeat #modbox img.right {
	display: block;
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left:10px;}	
.grid-3ColFeat #modbox img.center { display: block; margin-right: auto; margin-left: auto; margin-top:5px; }


/* =FEATURED MODULES - UL ICON LINKS ***********************************************/	
.grid-3ColFeat #modbox #iconLinks {
	width:296px;}
.grid-3ColFeat #modbox #iconLinks li {
	width:296px;
	display:block;
	min-height:80px;
	height:100%;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}
.grid-3ColFeat #modbox #iconLinks li.last {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}	
.grid-3ColFeat #modbox #iconLinks li a {
	color: #333333;
	display: block;
	font-size:0.9em;
	line-height: 1.3em;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;}
.grid-3ColFeat #modbox #iconLinks li a img.icon {
	float: left;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left:0px;}	
.grid-3ColFeat #modbox #iconLinks li a strong {
	color: #0080C9;
	display: block;
	padding-top: 6px;
	padding-bottom:4px;
	font-size: 12px;
	line-height: 6px;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;}
.grid-3ColFeat #modbox #iconLinks li a:hover strong {
	color: #00587A;
	text-decoration: underline;}


/* =FEATURED MODULES - UL TEXT LINKS ***********************************************/		
.grid-3ColFeat #modbox #textLinks {
	width: 281px;
	padding-top:8px;}
.grid-3ColFeat #modbox #textLinks li {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	width: 281px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 13px;
	background-image: url(../images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}
.grid-3ColFeat #modbox #textLinks li.last {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}
.grid-3ColFeat #modbox #textLinks li.single {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;}		
.grid-3ColFeat #modbox #textLinks li a {
	color: #333333;
	display: block;
	text-decoration: none;
	padding-right: 0;}
.grid-3ColFeat #modbox #textLinks li a strong {
	color: #0080C9;
	display: block;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 12px;
	line-height: 6px;}
.grid-3ColFeat #modbox #textLinks li a:hover strong {
	color: #00587A;
	text-decoration: underline;}


/* =FEATURED MODULES - IN THE NEWS MODULE ***********************************************/	
.grid-3ColFeat #modbox #module-News {
	width:280px;
	min-height:280px;
	overflow:hidden;
	margin-top:0;
	margin-right:0;
	margin-bottom:10px;
	margin-left:0;
	padding-left: 5px;}	
.grid-3ColFeat #modbox #module-News .releases {
	width:280px;
	min-height:280px;
	overflow:hidden;
	margin-top:8px;
	margin-right: 0;
	margin-bottom:0px;
	margin-left:0;}
.grid-3ColFeat #modbox #module-News .releases ul {
	list-style-type:none;
	margin-top:0;
	margin-right:0;
	margin-bottom:1.3em;
	margin-left:0;
	padding-top:0px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0em;}	
.grid-3ColFeat #modbox #module-News .releases ul li {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding-top: 0;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	line-height: 1.2em;}
.grid-3ColFeat #modbox #module-News .releases ul li span{
	color: #B40D10;
	font-weight: bold;
	font-size: 11px;}		
.grid-3ColFeat #modbox #module-News .tools {
	width:280px;
	height:25px;
	overflow:hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:0px;
	margin-left: 0;
	border-top-width:2px;
	border-top-style:solid;
	border-top-color:#DDD;}
.grid-3ColFeat #modbox #module-News .tools ul	{
	list-style-type: none;
	margin-top:0em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left:0px;
	padding-top:5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left:0em;}
.grid-3ColFeat #modbox #module-News .tools ul li {
	font-weight: bold;
	display: inline;
	font-size: 10px;
	border-left: 1px solid #DFDED9;
	margin:0px;
	padding-top: 0;
	padding-right: 0.2em;
	padding-bottom: 0;
	padding-left: 0.5em;}
.grid-3ColFeat #modbox #module-News .tools ul li a {
	font-size: 10px;}		
.grid-3ColFeat #modbox #module-News .tools ul li.first {border: none; padding-left: 0.2em;}
.grid-3ColFeat #modbox #module-News .tools ul li.twitter {
	padding-left:15px;
	padding-top:0px;
	margin-left:0px;
	background-image: url(/001_Global/images/icons/twitter.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;}	
.grid-3ColFeat #modbox #module-News .tools ul li.rss {
	padding-left:18px;
	padding-top:0px;
	margin-left:0px;
	background-image: url(/001_Global/images/icons/rss.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;}













/* standard container - custom container part of custom site css files */
#main-container{
	margin: 0 auto;
	height: 100%;
	background-image: url(../../001_Global/images/bg/bg-page-standard.gif);
	background-repeat: repeat-x;
	background-position: center top;
	overflow:visible;}
#main-container-wrap {
	width:982px;
	_width:982px;
	min-height:600px;
	_min-height:600px;
	position:relative;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0;
	margin-bottom:0px;
	margin-right:auto;
	margin-left:auto;}

#content-home {
	width:982px;
	height:auto;
	margin:0 auto;
	padding-top: 0px;
	text-align:left;
	position:relative;
	overflow:visible;}	
#content-home-wrap {
	background-color: #FFF;
	width:982px;
	height:auto;
	float:left;
	margin-top:0;
	margin-right: auto;
	margin-bottom:10px; /* gives separation from footer */
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px; /* gives separation from footer */
	padding-left: 0px;}

#content-sub {
	width:982px;
	height:auto;
	margin:0 auto;
	padding-top: 0px;
	text-align:left;
	position:relative;}	
#content-sub-wrap {
	background-color: #FFF;
	width:952px;
	height:auto;
	float:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom:20px; /* gives separation from footer */
	margin-left: auto;
	padding-top:20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;}






	












	
/*************************************************************************************************************
	
	03. OLD GRID STRUCTURES
	
*************************************************************************************************************/

/* ---------- REMOVE below ---------- */

.column22A {
	padding-bottom:30px;
	width:630px;
	max-width:630px;
	margin-right:10px;
	padding-right:17px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	float:left;
	border-right-width: 0px;
	border-right-style: dotted;
	border-right-color: #000;
	background-image: url(../images/bg/bg-column-divider.gif);
	background-repeat: no-repeat;
	background-position: right top;}	
.column22B {
	width:325px;
	max-width:325px;
	padding-right:0px;
	padding-left:0px;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}	
	
/* -- REMOVE used on commencement site and pioneernews -- */
.column2A {
	padding-bottom:30px;
	width:500px;
	max-width:500px;
	margin-right:10px;
	padding-right:16px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-top:10px;
	float:left;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #000;}	
.column2B {
	width:425px;
	padding-right:0px;
	padding-left:0px;
	margin-top:10px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}		




/* ---------- PAGE LAYOUT GRID VARIATIONS ---------- */

#grid-2ColA .column-first {
	padding-bottom:30px;
	width:752px;
	max-width:752px;
	margin-right:10px;
	padding-right:20px;
	margin-bottom:20px;
	margin-top:0px;
	float:left;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;}	
#grid-2ColA .column-last { 	
	height:auto;
	width:200px;
	padding-right:0px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}
	
#grid-2ColB .column-first {
	padding-bottom:30px;
	width:680px;
	max-width:680px;
	margin-right:10px;
	padding-right:20px;
	margin-bottom:20px;
	margin-top:0px;
	float:left;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;}	
#grid-2ColB .column-last { 	
	height:auto;
	width:272px;
	padding-right:0px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}

#grid-2ColC .column-first {
	padding-bottom:30px;
	width:512px;
	max-width:512px;
	margin-right:10px;
	padding-right:20px;
	margin-bottom:20px;
	margin-top:0px;
	float:left;
	/* --background-image: url(http://www.northlandcollege.edu/001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right 10px;-- */}	
#grid-2ColC .column-last { 	
	height:auto;
	width:440px;
	padding-right:0px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}













	

/*************************************************************************************************************
	
	04. SUB LAYER VERTICAL NAVIGATION
	
*************************************************************************************************************/

.side-navigation {height:1%; overflow:hidden;}
.side-navigation ul {border-top:1px solid #c7c7c7; display:block; height:1%; margin-bottom:10px;}
.side-navigation li {margin-top:-1px; float:left; width:100%;}
.side-navigation 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;}
.side-navigation li a:hover span {
	color: #00587A;
	background-color: #F0F0F0;}	
#S01 .side-navigation li.S01 a span,
#S02 .side-navigation li.S02 a span,
#S03 .side-navigation li.S03 a span,
#S04 .side-navigation li.S04 a span,
#S05 .side-navigation li.S05 a span,
#S06 .side-navigation li.S06 a span,
#S07 .side-navigation li.S07 a span,
#S08 .side-navigation li.S08 a span,
#S09 .side-navigation li.S09 a span,
#S10 .side-navigation li.S10 a span,
#S11 .side-navigation li.S11 a span,
#S12 .side-navigation li.S12 a span,
#S13 .side-navigation li.S13 a span,
#S14 .side-navigation li.S14 a span,
#S15 .side-navigation li.S15 a span {
	display:block;
	background-color: #DDDDDD;
	color: #000000;}
#S01 .side-navigation li.S01 a:hover span,
#S02 .side-navigation li.S02 a:hover span,
#S03 .side-navigation li.S03 a:hover span,
#S04 .side-navigation li.S04 a:hover span,
#S05 .side-navigation li.S05 a:hover span,
#S06 .side-navigation li.S06 a:hover span,
#S07 .side-navigation li.S07 a:hover span,
#S08 .side-navigation li.S08 a:hover span,
#S09 .side-navigation li.S09 a:hover span,
#S10 .side-navigation li.S10 a:hover span,
#S11 .side-navigation li.S11 a:hover span,
#S12 .side-navigation li.S12 a:hover span,
#S13 .side-navigation li.S13 a:hover span,
#S14 .side-navigation li.S14 a:hover span,
#S15 .side-navigation li.S15 a:hover span {
	background-color: #DDDDDD;
	color: #000000;}
		
	
.side-navigation 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*/
.side-navigation li a:hover {
	text-decoration:none;
	color: #00587A;
	background-color: #F0F0F0;}

.side-navigation li ul,
.side-navigation li ul li {border:0; margin:0; padding:0;}
.side-navigation li ul {display:none; margin-top:5px;}
.side-navigation li ul li {padding-bottom:8px;}
.side-navigation li ul li a {
	border:0;
	padding-left:14px;
	font-size: 11px;}
.side-navigation li ul li a:hover {
	text-decoration:underline;
	background-color: #FFF;
	color: #0058A6;}
	
.side-navigation li.on ul {
	display:block;}
.side-navigation li ul li.on a {
	background-color: #fff;
	color: #333;}
















/*************************************************************************************************************
	
	05. RIGHT COLUMN (column-last) MODULE BOXES
	
*************************************************************************************************************/

.column-last #modbox {
	width: 100%;
	min-height: 50px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;}
.column-last #modbox .White {
	display: block;
	border: 2px solid #DDD;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	height: auto !important;
	padding: 10px;
	background-color: #FFF;}	
.column-last #modbox .Yellow {
	display: block;
	border: 2px solid #F6EFA3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: auto !important;
	padding: 10px;
	background-color: #FCFACF;}
.column-last #modbox .LiteGrey {
	display: block;
	border: 2px solid #DDD;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	height: auto !important;
	padding: 10px;
	background-color: #F3F3F3;}
.column-last #modbox .Clear {
	display: block;
	border: 0px solid #D7D7D7;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	height: auto !important;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;}
	
.column-last #modbox h1.black {
	color: #000;
	font-size:150%;
	font-family: trebuchet ms, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:1.0em;
	margin: 0;
	padding-top: 5px;
	padding-right:0px;
	padding-bottom:8px;
	padding-left:0px;}
.column-last #modbox h1.clearblack {
	color: #33302D;
	font-size:150%;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:0.9em;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #33302D;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #E6E6E6;
	margin-top:0px;
	margin-bottom:8px;
	background-color: #FFF;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 2px;
	text-transform: uppercase;}	
.column-last #modbox h2 {
	font: bold 2.0em Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
	margin: 0;
	padding-bottom: 10px;}
.column-last #modbox h3,
.column-last #modbox h4,
.column-last #modbox h5,
.column-last #modbox h6 {
	font: bold .9em Arial, Helvetica, sans-serif;
	color: #373b3c;
	line-height: 1.5em;
	margin: 0;
	padding: 0;}

.column-last #modbox p,
#modbox td,
#modbox li {
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	margin-bottom:10px;
	color:#000;
	font-size:12px;}
.column-last #modbox a {
	color: #0080C9;
	text-decoration: none;}
.column-last #modbox a:hover {
	text-decoration: underline;
	color: #00587A;}

.column-last #modbox ul {
	margin-bottom: 5px;}
.column-last #modbox ul li {
	color: #333;}
.column-last #modbox ul li {
	line-height: 1.2em;
	padding-left: 14px;
	padding-bottom:5px;
	background-image: url(../images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;}

.column-last #modbox hr {
	clear: both;
	width: 100%;
	height: 1px;
	border: 0;
	color: #eeeeeb;
	background-color: #eeeeeb;
	margin: 2px 0 10px 0;
	padding: 0;}

	
/*************************************************************************************************************
	
	07. ANKLE MODULE BOXES - used on academics home - needs updating
	
*************************************************************************************************************/

#ankle { 	
	height:auto;
	width:982px;
	max-width:982px;
	overflow:hidden;
	padding-right:0px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:10px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;}
#ankle .border01 {
	position:relative;
	min-height:235px;
	width:982px;
	display: block;
	margin: 0;
	border: 0px solid #E4E4E4;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	height: auto !important;
	background-color: #F0F0F0;
	padding-top:15px;
	padding-right: 0px;
	padding-bottom:15px;
	padding-left: 0px;	/*background-image: url(../images/modules/bg-gradient.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;*/}

#ankle .unit {
	width:208px;
	height:235px;
	min-height:235px;
	margin-bottom:0px;
	position:relative;
	float:left;
	display:inline;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:0px;
	padding-left:20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDD;
}
#ankle .first { border-left-style: none; }
#ankle .last {
	padding-right:0;
	border-style: none;}
#ankle h1 {
	color: #000;
	font-size:140%;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	letter-spacing: -0.8px;
	text-decoration: none;
	line-height:1em;
	margin: 0;
	padding-top: 5px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;
}
#ankle h1 a {
	color: #000;
	text-decoration: none;}
#ankle h1 a:hover {
	color: #000;
	text-decoration: underline;}	
#ankle img {
	border: 0;
	margin-bottom: 0px;}
#ankle img.left {
	display: block; 
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;}
#ankle img.right {
	display: block;
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left:10px;}	
#ankle img.center { display: block; margin-right: auto; margin-left: auto; margin-top:5px; }