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

- NORTHLANDCOLLEGE.EDU
- GLOBAL ELEMENTS
- Created by: Northland Community and Technical College

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

- Use for standard sub layer pages


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

Last updated: 06/24/2011
Last update by: Chad Sperling


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

01: HOT BUTTONS
02: SUPER BUTTONS (replace with above)
03: CONTENT IMAGES
04: GRAPHIC DIVIDERS
05: ELEMENT SPECIFIC WIDTHS and HEIGHTS
	a) title
	b) title
06: INLINE CALLOUTS
	a) title
	b) title
07: ACCORDIAN SLIDER
08: CONTENT TABLES
09: CONTACT US PROFILES


============================================================================================== */


/*
===========================================================================================================================================
	
	01: HOT BUTTONS (buttons 2.0)
	
===========================================================================================================================================
*/



/*-------------------------------------------------
	BUTTONS (NEW)
-------------------------------------------------*/	
.NEWbtn {-moz-font-smoothing:antialiased;-o-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;visibility:inherit;text-transform:none}

.NEWbtn {-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;background-repeat:no-repeat;border:1px transparent solid;border-radius:40px;box-shadow:inset 0px 0px 0px 0px rgba(21,22,23,0);color:#fff;cursor:pointer;margin:0px 5px 15px 0px;padding:0 18px;position:relative;text-overflow:ellipsis;white-space:nowrap;}

.NEWbtn {font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important;font-size:12px;font-weight:bold;height:32px;line-height:30px;outline:none;overflow:hidden;text-align:center;}


.NEWbtn:before,
.NEWbtn:after{display:inline-block;font-size:inherit}
.NEWbtn:before{margin:0 6px 0 0;vertical-align:1px}
.NEWbtn:after{margin:0 0 0 9px}

.NEWbtn.full-width { max-width:none;width:100%}
.NEWbtn.xxl 	{ font-size:30px;height:56px;line-height:54px;padding:0 36px}
.NEWbtn.xl 		{ font-size:24px;height:56px;line-height:54px;padding:0 36px}
.NEWbtn.lg 		{ font-size:18px;height:44px;line-height:42px;padding:0 34px}
.NEWbtn.med 	{ font-size:14px;height:34px;line-height:32px;padding:0 18px}
.NEWbtn.sm 		{ font-size:12px;height:28px;line-height:26px;padding:0 14px}
.NEWbtn.xsm 	{ font-size:10px;padding:0 8px}


.NEWbtn.blue,
.NEWbtn.red,
.NEWbtn.green,
.NEWbtn.black,
.NEWbtn.yellow		{ color:#FFF;background-image:linear-gradient(124deg, transparent 100%, rgba(0,0,0,0.25) 100%);}
/* .NEWbtn.blue,
.NEWbtn.red,
.NEWbtn.green,
.NEWbtn.black,
.NEWbtn.yellow		{ color:#FFF;background-image:linear-gradient(124deg, transparent 34%, rgba(0,0,0,0.25) 76%);} */


.NEWbtn.white,
a.NEWbtn.white 		{ background-color:#FFF;color:#0344DC !important}
.NEWbtn.blue		{ background-color:#0344DC;}/*007aff */
.NEWbtn.red			{ background-color:#FF0000;}
.NEWbtn.green		{ background-color:#358E3A;}/*83AA0D */
.NEWbtn.black		{ background-color:#000000;}
.NEWbtn.yellow		{ background-color:#ffbf0b;}
.NEWbtn.alt-white	{ background-color:none;border-color:#FFF;color:#FFF !important}
.NEWbtn.alt-blue	{ background-color:none;border-color:#0080C9;color:#0080C9 !important}
.NEWbtn.alt-red		{ background-color:none;border-color:#da291c;color:#da291c !important}

.NEWbtn a 		{ text-decoration:none!important;}

.NEWbtn a:hover,
.NEWbtn:hover	{ color:#fff!important;text-decoration:none!important;}
.NEWbtn a:after,
.NEWbtn a:hover,
.NEWbtn:hover	{ background-image:linear-gradient(124deg, transparent 0%, rgba(0,0,0,0.15) 0%);}

.NEWbtn.white a:hover,
.NEWbtn.white:hover { background-color:#DCDDEE;border-color:#DCDDEE;color:#0344DC !important;background-image:linear-gradient(0deg, transparent 100%, rgba(220,221,238,1) 100%);}
.NEWbtn.alt-blue a:hover,
.NEWbtn.alt-blue:hover { background-color:#0080C9;border-color:#0080C9;color:#FFF !important}
.NEWbtn.alt-red a:hover,
.NEWbtn.alt-red:hover { background-color:#da291c;border-color:#da291c;color:#FFF !important}

#sidebar .CTA ul { overflow:visible;position:relative;}
#sidebar .CTA ul li { display:block;max-width:225px;margin:0 0 0px 0;}
#sidebar .CTA ul li a.NEWbtn { width:155px;max-width:225px;}
#sidebar .CTA ul li .NEWbtn { text-align:left !important;-webkit-box-pack:left;-ms-flex-pack:left;-webkit-justify-content:left;-moz-justify-content:left;justify-content:left;-webkit-box-align:left;-ms-flex-align:left;}

@media screen and (max-width: 600px){ 
	.NEWbtn{max-width:350px;font-size:15px!important;padding:0px 15px!important;}
	.NEWbtn.xl { height:38px;}
	.NEWbtn.lg { height:34px;}
	.NEWbtn.med { height:30px;}

}



/* HOT BUTTON: Structure
---------------------------------------------------------------------------------------------------------- */	
.HOTbutton {
	background: #00a6fc;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	font-family:Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important;
	position: relative;
	cursor: pointer;
	border: none;
	padding-top: 9px;
	padding-right: 30px;
	padding-bottom: 11px;
	padding-left: 30px;}
	
.HOTbutton.cool { 
	background: #00a6fc url(../../images/_navigation/_buttons/bg-cool-gloss.png) repeat-x 0 -34px;
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.40);
	background: #00a6fc url(../../images/_navigation/_buttons/bg-cool-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
	background: #00a6fc url(../../images/_navigation/_buttons/bg-cool-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
	border: 1px solid #0593dc;
	-webkit-transition: background-color .15s ease-in-out;
	-moz-transition: background-color .15s ease-in-out;
	-o-transition: background-color .15s ease-in-out; }

.HOTbutton a em{
	text-transform: lowercase !important;
	font-size:13px;
	font-weight:bold;}


/* HOT BUTTON: Design
---------------------------------------------------------------------------------------------------------- */	
.HOTbutton.radius { 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;}
.HOTbutton.round { 
	-moz-border-radius: 1000px;
	-webkit-border-radius: 1000px;
	border-radius: 1000px;}

.HOTbutton.full-width { 
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; }
	
.HOTbutton.left-align { 
	text-align: left; 
	text-indent: 12px;}
	
.HOTbutton:active {}

.HOTbutton.shadow { 	
	-webkit-box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.9);
	box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.9);}
	
	
/* HOT BUTTON: Sizes
---------------------------------------------------------------------------------------------------------- */	
.xxsmall.HOTbutton {
	font-size: 10px;
	font-weight: normal;
	width: auto;
	margin-top:1px;
	padding-top: 5px;
	padding-right: 11px;
	padding-bottom: 6px;
	padding-left: 11px;}
.xsmall.HOTbutton {
	font-size: 11px;
	font-weight: bold;
	width: auto;
	padding-top: 5px;
	padding-right: 11px;
	padding-bottom: 6px;
	padding-left: 11px;}
.small.HOTbutton {
	font-size: 12px;
	width: auto;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;}
.medium.HOTbutton { 	
	font-size: 15px;
	width: auto;
	padding-top: 9px;
	padding-right: 14px;
	padding-bottom: 7px;
	padding-left: 14px;}
.large.HOTbutton { 
	font-size: 18px;
	width: auto;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;}
.xlarge.HOTbutton { 
	font-size: 22px;
	width: auto;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;}

/* Metro Rollovers ---------- 
.HOTbutton.xlargeMetro { 
	font-size: 19px;
	text-align:left!important;
	font-weight:100!important;
	width: auto;
	padding-top: 21px;
	padding-right: 10px;
	padding-bottom: 19px;
	padding-left: 10px;
    background-color: #393738;
    background-image: url("http://compass.xboxlive.com/assets/14/9d/149d91c9-aa33-4776-8fb1-113e366f6fc7.png#learn-more-arrow-white.png");
    background-position: 120px 19px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;}
.HOTbutton.xlargeMetro { 
	font-size: 19px;
	text-align:left!important;
	font-weight:100!important;
	width: auto;
	padding-top: 21px;
	padding-right: 10px;
	padding-bottom: 19px;
	padding-left: 10px;
    color: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;}
.HOTbutton.wide-200 i {
	max-width: 150px!important;
	display:block;
	font-style: normal!important;}*/

.HOTbutton.xxlargeMetro {
	overflow:hidden;
	display: block; 
	margin: 0px;
	padding-top: 21px;
	padding-right: 10px;
	padding-bottom: 16px;
	padding-left: 10px;
	font-family: Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif !important;
	font-size: 17px !important;
	text-align: left!important;
	font-style: normal;
	line-height: 17px;
	font-weight:100!important;
	font-variant: normal;
	text-transform: none;
	-webkit-box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.9);
	box-shadow: 3px 3px 0px -1px rgba(0, 0, 0, 0.9);}
	
.HOTbutton.xxlargeMetro.wide-00.singleline {
	background-repeat: no-repeat;
	background-position: 10px 17px !important;}
.HOTbutton.xxlargeMetro.wide-00.doubleline {
	background-repeat: no-repeat;
	background-position: 10px 29px !important;}

.HOTbutton.xxlargeMetro.wide-50.singleline {
	background-repeat: no-repeat;
	background-position: 52px 17px !important;}
.HOTbutton.xxlargeMetro.wide-50.doubleline {
	background-repeat: no-repeat;
	background-position: 52px 29px !important;}
	
.HOTbutton.xxlargeMetro.wide-100.singleline {
	background-repeat: no-repeat;
	background-position: 102px 17px !important;}
.HOTbutton.xxlargeMetro.wide-100.doubleline {
	background-repeat: no-repeat;
	background-position: 102px 29px !important;}
	
.HOTbutton.xxlargeMetro.wide-150.singleline {
	background-repeat: no-repeat;
	background-position: 152px 17px !important;}
.HOTbutton.xxlargeMetro.wide-150.doubleline {
	background-repeat: no-repeat;
	background-position: 152px 25px !important;}

.HOTbutton.xxlargeMetro.wide-200.singleline {
	background-repeat: no-repeat;
	background-position: 202px 17px !important;}
.HOTbutton.xxlargeMetro.wide-200.doubleline {
	background-repeat: no-repeat;
	background-position: 202px 29px !important;}



/* Cool Sizes ---------- */
.cool.small.HOTbutton { background-position: 0 -36px; }
.cool.large.HOTbutton { background-position: 0 -30px; }
	 
	 
/* HOT BUTTON: Colors
---------------------------------------------------------------------------------------------------------- */	
.blue.HOTbutton	{background-color: #0092DF;}
.green.HOTbutton { background-color: #83AA0D;}
.red.HOTbutton	{ background-color: #C70000; }
.white.HOTbutton{ background-color: #e9e9e9; color: #333;}
.black.HOTbutton{ background-color: #292929;}
	
/* Cool Colors ---------- */
.cool.blue.HOTbutton{border: 1px solid #0480C1;}
.cool.green.HOTbutton{border: 1px solid #475C06;}
.cool.red.HOTbutton{ border: 1px solid #b90b0b; }
.cool.white.HOTbutton{ border: 1px solid #cacaca; text-shadow: #fff 1px 1px 0 !important; color: #333;}
.cool.black.HOTbutton{ border: 1px solid #000;}
	
	
/* HOT BUTTON: Hovers
---------------------------------------------------------------------------------------------------------- */	
.HOTbutton:hover { background-color: #0192dd; color: #fff!important; text-decoration:none!important; }
.blue.HOTbutton:hover {background-color: #017EC2; text-decoration:none!important;}
.green.HOTbutton:hover { background-color: #75980C; text-decoration:none!important;}
.red.HOTbutton:hover { background-color: #A80000; text-decoration:none!important;}
.white.HOTbutton:hover {background-color: #DDD; color: #333!important; text-decoration:none!important;}
.black.HOTbutton:hover { background-color: #000; text-decoration:none!important;}


/* HOT BUTTON: Icons
---------------------------------------------------------------------------------------------------------- */	
span#go.HOTbutton {
	display: block;
	min-height: 20px;
	padding-right: 20px!important;
	background-image: url(../_images/_icons/_buttons/arrow-go.png);
	background-repeat: no-repeat;
	background-position: right center;}
a#twitterD.HOTbutton span{
	padding-left:22px;
	background-image: url(../_images/_icons/_buttons/dark-twitter.png);
	background-repeat: no-repeat;
	background-position: 0px 0px!important;}
a#docD.HOTbutton span{
	padding-left:22px;
	background-image: url(../_images/_icons/_buttons/dark-doc.png);
	background-repeat: no-repeat;
	background-position: 0px 0px!important;}	
a#videoD.HOTbutton span{
	padding-left:22px;
	background-image:url(../_images/_icons/_buttons/dark-video.png);
	background-repeat:no-repeat;
	background-position:0px -14px;}
a#emailD.HOTbutton span{
	padding-left:22px;
	background-image: url(../_images/_icons/_buttons/dark-email.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;}
a#talkD.HOTbutton span{
	padding-left:22px;
	background-image: url(../_images/_icons/_buttons/dark-blog.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;}	


a#facebook.HOTbutton span{
	padding-left:22px;
	background-image: url(../../images/navigation/buttons/inset-facebook.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;}
a#add.HOTbutton span{
	padding-left:22px;
	background-image: url(../../images/navigation/buttons/inset-add.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;}		
a#delete.HOTbutton span{
	padding-left:22px;
	background-image: url(../../images/navigation/buttons/inset-delete.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;}	
a#calendarBlack.HOTbutton span {
	padding-left:22px;
	background-image:url(../../images/_navigation/_buttons/sprite-icons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;}
a#calendarWhite.HOTbutton span {
	padding-left:22px;
	background-image:url(../../images/_navigation/_buttons/sprite-icons.png);
	background-repeat:no-repeat;
	background-position:0px 0px;}	

/* HOT BUTTON: List Layout
---------------------------------------------------------------------------------------------------------- */	
ul.buttonsRow {
	list-style: none !important;
	margin: 20px 0 0 0 !important;
	padding: 0;}
ul.buttonsRow li { float: left !important; padding-right: 24px!important; }
ul.buttonsRow li:last-child {padding-right: 0px!important;}
ul.buttonsRow li.add {
	float: right !important;
	font-size: 10px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}
ul.buttonsRow li.add a { color: #999 !important;font-weight: normal !important;text-decoration: none;} 	
ul.buttonsRow li.add a:hover {text-decoration: underline;}

ul.buttonsStacked {
	max-width:350px;
	margin: 20px 0 0 0 !important;
	padding: 0;}
ul.buttonsStacked li { float: left !important; margin-bottom: 15px!important; }
ul.buttonsStacked li:last-child {padding-bottom: 0px!important;}




/*
===========================================================================================================================================
===========================================================================================================================================
	
	00: CONTENT IMAGES
	
===========================================================================================================================================
===========================================================================================================================================
*/

/* CONTENT IMAGES: Standard Floats
---------------------------------------------------------------------------------------------------------- */ 
img { border: 0;}
img.left {
	float: left;
	border: 0 !important;
	margin-top: 10px !important;
	margin-right: 30px !important;
	margin-bottom: 20px !important;
	margin-left: 0px !important;}
img.right {
	float: right;
	border: 0 !important;
	margin-top: 10px !important;
	margin-right: 0px !important;
	margin-bottom: 20px !important;
	margin-left: 30px !important;}

img.floatleft {
	float: left;
	margin-top:10px!important;
	margin-right:25px!important;
	margin-bottom:25px!important;
	margin-left:0px!important;
	border: 0 !important;}	
img.floatright {
	float: right;
	margin-top:10px!important;
	margin-right:0px!important;
	margin-bottom:25px!important;
	margin-left:25px!important;
	border: 0 !important;}	
img.flushleft {
	float:left!important;
	margin-left:-15px!important;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom:25px;
	border: 0 !important;}
img.flushright { 
	float: right!important;
	margin-right:-22px!important;
	margin-left:25px!important;
	margin-top: 10px!important;
	margin-bottom:25px!important;
	border: 0 !important;}	
img.flushleft2 {
	float:left!important;
	margin-left:-22px!important;
	margin-top: 15px!important;
	margin-right: 25px!important;
	margin-bottom: 30px!important;
	border: 0 !important;}
img.flushright2 { 
	float: right!important;
	margin-right:-25px!important;
	margin-left:25px!important;
	margin-top: 15px!important;
	margin-bottom:30px!important;
	border: 0 !important;}	
img.scale-with-grid {
	max-width: 100%;
	height: auto; }


/* CONTENT IMAGES: Extreme Floats
---------------------------------------------------------------------------------------------------------- */ 
img.flushleftPLUS {
	float:left!important;
	margin-left:-35px!important;
	margin-top: 0px;
	margin-right: 25px;
	margin-bottom:25px;
	border: 0 !important;}
img.flushrightPLUS { 
	float: right!important;
	margin-right:-35px!important;
	margin-left:25px!important;
	margin-top: 0px!important;
	margin-bottom:25px!important;
	border: 0 !important;}	

img.left-over20 { float:left; margin:0px 30px 10px -20px;}
img.left-over30 { float:left; margin:0px 30px 10px -30px;}
img.left-over40 { float:left; margin:0px 30px 10px -40px;}	
img.left-over50 { float:left; margin:0px 30px 10px -50px;}

img.right-over20 { float:right; margin:0px -20px 10px 30px;}
img.right-over30 { float:right; margin:0px -30px 10px 30px;}
img.right-over40 { float:right; margin:0px -40px 10px 30px;}
img.right-over50 { float:right; margin:0px -50px 10px 30px;}



img.across { margin: 0px 0 20px 0;}

a img{ border:0; }


/* CONTENT IMAGES: Specific Margins
---------------------------------------------------------------------------------------------------------- */ 
img.left.MB100, img.right.MB100, img.flushleft.MB100, img.flushright.MB100 { 
	margin-bottom:100px!important;}
img.left.MB150, img.right.MB150, img.flushleft.MB150, img.flushright.MB150 { 
	margin-bottom:150px!important;}	
img.left.MB200, img.right.MB200, img.flushleft.MB200, img.flushright.MB200 { 
	margin-bottom:200px!important;}	


/* CONTENT IMAGES: Border Styles
---------------------------------------------------------------------------------------------------------- */ 
img.border5px{ border:5px solid #FFFFFF!important; margin-bottom:20px!important;}
img.border10px{ border:10px solid #FFFFFF!important; margin-bottom:20px!important;}
img.shadowSmall { 
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;}
img.shadowMedium { 
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
	box-shadow: 1px 1px 5px #999;}
img.shadowMediumDark { 
	-webkit-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.7);
	box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.7);}

img.polaroid {
	display: block;
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.35);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.35);
	box-shadow:0 0 10px 0 rgba(0,0,0,.35);
	border: 5px solid #FFF!important;}
               




/* CONTENT IMAGES: Inline Fancy Images
---------------------------------------------------------------------------------------------------------- */	
#image {
    position: relative; 
   /* background-color:#000;*/
    clear:both;
    height:100%;
	border: 0 !important;}

#image.left-Standard { float:right; margin:0px 15px 10px 30px;}
#image.left-Flush {
	float:left!important;
	margin-left:-15px!important;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom:25px;}
#image.left-Over { float:left; margin:0px 30px 10px -30px;}	

#image.right-Standard {
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;}
#image.right-Flush { float:right; margin:0px -15px 10px 30px;}
#image.right-Over { float:right; margin:0px -30px 10px 30px;}	

#image span.captionW200 {width:200px;}
#image span.captionW225 {width:225px;}
#image span.captionW250 {width:250px;}
#image span.captionW275 {width:275px;}
#image span.captionW300 {width:300px;}
#image span.captionW325 {width:325px;}
#image span.captionW350 {width:350px;}
#image span.captionW400 {width:400px;}

#image h3.title {
	border-left:20px solid #ff440a;
	color: #FFFFFF;
    display: block;
    font-family: "Stag-Web-SemiBold", serif;
    font-size: 26px;
    letter-spacing: 2px;
    line-height: 30px;
    text-shadow: 0.05em 0.05em #615B5B;
    text-transform: uppercase;
    padding-left:30px;
    margin-bottom:30px;}
#image span strong {
	font-family: Georgia;
	color:#fff;
	font-size:13px;
	text-transform: uppercase;
	margin-right:3px;}
#image span {
	color:#AAA;
	font-family:arial, sans-serif;
	font-size:12px;
	text-shadow: #000 -1px -1px 0;
	line-height:1.5em;
	text-align:left;
	padding:10px;
	margin-bottom:0;
	display:block;
	position:absolute;
	background-color: #222;
	zoom:1;
	left:0;
	bottom:20px;}




/*
===========================================================================================================================================
===========================================================================================================================================
	
	01: GRAPHIC DIVIDERS
	
===========================================================================================================================================
===========================================================================================================================================
*/

/* GRAPHIC DIVIDERS: Shadows
---------------------------------------------------------------------------------------------------------- */ 
.divider-shadowDown {
	display:block;
	clear:both;
	height:70px;
	width:100%;
	margin:15px auto 0px auto;
	padding: 0px;
	background-image: url(http://images.apple.com/v/itunes/new-itunes/a/images/dividerdown.jpg);
	background-repeat: repeat;
	background-position: center top;}
.divider-shadowUp {
	display:block;
	clear:both;
	height:70px;
	width:100%;
	margin:0px auto 15px auto;
	padding: 0px;
	background-image: url(http://images.apple.com/v/itunes/new-itunes/a/images/dividerup.jpg);
	background-repeat: repeat;
	background-position: center bottom;}
.divider-shadowDown.nomargin { margin:0px auto -40px auto !important;}
.divider-shadowUp.nomargin { margin:-40px auto 0px auto !important;}

	
/* GRAPHIC DIVIDERS: Rectangle Bars
---------------------------------------------------------------------------------------------------------- */ 
.divider-shaded-small {
	display:block;
	clear:both;
	height:8px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-shaded-small.gif);
	background-repeat: repeat-x;
	background-position: center top;}
.divider-shaded-large {
	display:block;
	clear:both;
	height:22px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-shaded-large.gif);
	background-repeat: repeat-x;
	background-position: center top;}
.divider-solid-xsmall {
	display:block;
	clear:both;
	height:1px;
	max-height:1px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-solid-small.gif);
	background-repeat: repeat-x;
	background-position: center top;}
.divider-solid-small {
	display:block;
	clear:both;
	height:5px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-solid-small.gif);
	background-repeat: repeat-x;
	background-position: center top;}
.divider-solid-large {
	display:block;
	clear:both;
	height:22px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-solid-large.gif);
	background-repeat: repeat-x;
	background-position: center top;}		
.divider-dotted-small {
	display:block;
	clear:both;
	height:8px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-dotted-small.gif);
	background-repeat: repeat-x;
	background-position: center top;}
.divider-dotted-large {
	display:block;
	clear:both;
	height:22px;
	width:100%;
	padding: 0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-dotted-large.gif);
	background-repeat: repeat-x;
	background-position: center top;}	
.divider-inset-small {
	display:block;
	clear:both;
	height:2px;
	width:100%;
	padding: 0px;
	margin-top:15px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:0px;
	background-image: url(../_images/_dividers/bg-inset-small.gif);
	background-repeat: repeat-x;
	background-position: center top;}

/* GRAPHICDIVIDERS: Fancy Graphics - ThinkNorthland concept - coming soon
---------------------------------------------------------------------------------------------------------- */ 




/*
===========================================================================================================================================
===========================================================================================================================================
	
	11: ELEMENT SPECIFIC WIDTHS and HEIGHTS
	
===========================================================================================================================================
===========================================================================================================================================
*/

/* ELEMENT SPECIFIC WIDTHS and HEIGHTS: Widths
---------------------------------------------------------------------------------------------------------- */ 
.wide-00		{ width:10px!important;max-width:10px;min-width:10px;}
.wide-50		{ width:50px!important;max-width:50px;min-width:50px;}
.wide-100		{ width:100px!important;max-width:100px;min-width:100px;}
.wide-115		{ width:115px!important;max-width:115px;min-width:115px;}
.wide-125		{ width:125px!important;max-width:125px;min-width:125px;}
.wide-150		{ width:150px!important;max-width:150px;min-width:150px;}
.wide-175		{ width:175px!important;max-width:175px;min-width:175px;}
.wide-200		{ width:200px!important;max-width:200px;min-width:200px;}
.wide-215		{ width:215px!important;max-width:215px;min-width:215px;}
.wide-225		{ width:225px!important;max-width:225px;min-width:225px;}
.wide-250		{ width:250px!important;max-width:250px;min-width:250px;}
.wide-275		{ width:275px!important;max-width:275px;min-width:275px;}
.wide-300		{ width:300px!important;max-width:300px;min-width:300px;}
.wide-325		{ width:325px!important;max-width:325px;min-width:325px;}
.wide-350		{ width:350px!important;max-width:350px;min-width:350px;}
.wide-375		{ width:375px!important;max-width:375px;min-width:375px;}
.wide-400		{ width:400px!important;max-width:400px;min-width:400px;}
.wide-425		{ width:425px!important;max-width:425px;min-width:425px;}
.wide-450		{ width:450px!important;max-width:450px;min-width:450px;}
.wide-475		{ width:475px!important;max-width:475px;min-width:475px;}
.wide-488		{ width:488px!important;max-width:488px;min-width:488px;}
.wide-500		{ width:500px!important;max-width:500px;min-width:500px;}
.wide-508		{ width:508px!important;max-width:508px;min-width:508px;}
.wide-525		{ width:525px!important;max-width:525px;min-width:525px;}
.wide-550		{ width:550px!important;max-width:550px;min-width:550px;}
.wide-575		{ width:575px!important;max-width:575px;min-width:575px;}
.wide-600		{ width:600px!important;max-width:600px;min-width:600px;}	
.wide-700		{ width:700px!important;max-width:700px;min-width:700px;}
.wide-712		{ width:712px!important;max-width:712px;min-width:712px;}
.wide-720		{ width:720px!important;max-width:720px;min-width:720px;}	
.wide-740		{ width:740px!important;max-width:740px;min-width:740px;}	
.wide-952		{ width:952px!important;max-width:952px;min-width:952px;}


/* ELEMENT SPECIFIC WIDTHS and HEIGHTS: Heights
---------------------------------------------------------------------------------------------------------- */ 
.high-01		{ height:1px!important; max-height:1px; min-height:1px;}
.high-05		{ height:5px!important; max-height:5px; min-height:5px;}
.high-10		{ height:10px!important; max-height:10px; min-height:10px;}
.high-15		{ height:15px!important; max-height:15px; min-height:15px;}
.high-20		{ height:20px!important; max-height:20px; min-height:20px;}	
.high-25		{ height:25px!important; max-height:25px; min-height:25px;}
.high-30 		{ height:30px!important; max-height:30px; min-height:30px;}
.high-35 		{ height:35px!important; max-height:35px; min-height:35px;}
.high-40		{ height:40px!important; max-height:40px; min-height:40px;}
.high-50 		{ height:50px!important;max-height:50px; min-height:50px;}
.high-75 		{ height:75px!important; max-height:75px; min-height:75px;}
.high-100		{ height:100px!important; max-height:100px; min-height:100px;}
.high-125		{ height:125px!important; max-height:125px; min-height:125px;}
.high-150		{ height:150px!important; max-height:150px; min-height:150px;}

/* NEW NAMING SYSTEM - Will REplace Above */
.spacer01		{ height:1px!important; max-height:1px; min-height:1px;}
.spacer05		{ height:5px!important; max-height:5px; min-height:5px;}
.spacer10		{ height:10px!important; max-height:10px; min-height:10px;}
.spacer15		{ height:15px!important; max-height:15px; min-height:15px;}
.spacer20		{ height:20px!important; max-height:20px; min-height:20px;}
.spacer25		{ height:25px!important; max-height:25px; min-height:25px;}
.spacer30		{ height:30px!important; max-height:30px; min-height:30px;}
.spacer50		{ height:50px!important; max-height:50px; min-height:50px;}

/*
===========================================================================================================================================
===========================================================================================================================================
	
	11: INLINE CONTENT TAB CONTAINERS
	
===========================================================================================================================================
===========================================================================================================================================
*/

/* CONTENT TAB NAVIGATION: Structure
---------------------------------------------------------------------------------------------------------- 	*/
/*ul.contentTabNav {
	display: block;
	padding: 0;
	height: 40px;
	max-width:982px;
	border-bottom: solid 3px #C3C4C4;
	margin-top: 25px !important;
	margin-right: 0;
	margin-bottom: 10px !important;
	margin-left: 0;}	
ul.contentTabNav li { display: block; width: auto; height:40px; padding: 0; float: left; }
ul.contentTabNav li a {
	display: block;
	width: auto;
	height: 39px;
	padding: 0px 9px;
	line-height: 40px;
	border: solid 1px #C3C4C4;
	margin: 0 -1px 0 0;
	font-size:12px!important;
	color: #666666;
	background-color: #F0F0F0;
	background-image: url(../_images/_navigation/_contenttabs/bg-tab-off.gif);
	background-repeat: repeat-x;
	background-position: left top;}
ul.contentTabNav li:first-child { margin-left:10px; }
ul.contentTabNav li.current { background: #fff; color: #000; border-width: 1px 1px 0px 1px; height: 42px; }
ul.contentTabNav li.current a { background: #fff; color: #000; border-width: 1px 1px 0px 1px; height: 42px; }
ul.contentTabNav li.current a:hover {text-decoration: none; cursor:default;}*/



ul.contentTabNav {
	display: block;
	max-width:982px;
	margin-top: 25px !important;
	margin-right: 0;
	margin-bottom: 10px !important;
	margin-left: 0;
	padding: 4px 0 0 1px;
	border-bottom: solid 1px #ddd;
	height: 40px;
	list-style: none;}
ul.contentTabNav li {
	float: left;
	height: 40px;}
ul.contentTabNav li:first-child { margin-left:0px; }	
ul.contentTabNav li a {
	display: block;
	margin: 0 0 0 -1px;
	height: 39px;
	padding: 0px 20px;
	line-height: 40px;
	border: solid 1px #ddd;
	border-width: 1px 1px 0 1px;
	font-size:16px!important;
	font-family:'Georgia', serif!important;
	color: #0080C9;
	background: #f5f5f5;
	font-size: 16px;
	text-decoration: none;}
ul.contentTabNav li a:hover {
	background-color: #EFEFEF;
	color: #00587A;}		
ul.contentTabNav li.current a {
	position: relative;
	height: 40px;
	top: -4px;
	padding-top: 4px;
	background: #fff;
	border-bottom: 1px solid #fff;
	color: #111;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;}
ul.contentTabNav li.current a:hover {text-decoration: none; cursor:default;}


ul.contentTabNav.W720 {
	min-width:720px !important;
	max-width:720px !important;
	width:720px !important;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}	
ul.contentTabNav.W740 {
	min-width:740px !important;
	max-width:740px !important;
	width:740px !important;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;}	


div.tabContainer { 
	clear: both; 
	float: left; 
	min-height:450px;
	overflow:visible;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	padding-left: 0px;}
/* Delete 720 */
div.tabContainer.Wide720 { 
	min-width:720px;
	width:720px;
	max-width:720px;}
div.tabContainer.Wide740 { 
	min-width:740px;
	width:740px;
	max-width:740px;}		
div.tabContainer.Wide952 { 
	min-width:952px;
	width:952px;
	max-width:952px;}	
	
div.tabContainer div.tab {
	display: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }



/*
===========================================================================================================================================
===========================================================================================================================================
	
	13: PANELS
	
===========================================================================================================================================
===========================================================================================================================================
*/

.panel 				{ background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 25px 0; padding: 20px; min-height:200px; }
.panel:first-child 	{ margin-top: 0; }
.panel:last-child 	{ margin-bottom: 0; }
.panel.radius { 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-ms-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px;}
	
.panel.briteblue { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.briteblue h1,
.panel.briteblue h2,
.panel.briteblue h3,
.panel.briteblue h4,
.panel.briteblue h5,
.panel.briteblue h6			{ color: #FFFFFF; }
.panel.briteblue p			{ color: #FFFFFF; }
.panel.briteblue a			{ color: #FFFFFF; text-decoration: underline; font-weight:bold!important;}
.panel.briteblue a:hover	{ color: #CCC; text-decoration: underline;}

.panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.panel.callout p { color: #fff; }
.panel.callout a { color: #fff; }

.panel ul {
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;}
.panel ul li {
	font-family:"Helvetica Neue",Arial,Sans-serif;
	color: #222222;}
.panel ul li {
	font-size:14px;
	line-height: 1.3em;
	padding-left: 13px;
	padding-bottom:8px;
	background-image: url(/001_Global/_images/_icons/_lists/bul-main.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;}
.panel ul li a {
	font-weight:normal!important;
	padding-right:0px;}


/*
===========================================================================================================================================
===========================================================================================================================================
	
	13: INLINE CALLOUTS (replace below with PANELS above)
	
===========================================================================================================================================
===========================================================================================================================================
*/

#CO.darkBox {
	margin-bottom:20px;
	padding:25px;
	background-color: #333;
	background-image: url(../_images/_callouts/corner-dark-box.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;}
#CO.lightBox{
	margin-bottom:20px;
	padding:25px;
	background-color: #DDD;
	background-image: url(../_images/_callouts/corner-light-box.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;}	
#CO.redBox {
	margin-bottom:20px;
	padding:25px;
	background-color: #C00;
	background-image: url(../_images/_callouts/corner-light-box.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;}
#CO.yellowBox {
	margin-bottom:20px;
	padding:25px;
	background-color: #FDB500;
	background-image: url(../_images/_callouts/corner-light-box.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;}
	
	
#CO.darkBox h1, #CO.darkBox h2, #CO.redBox h1, #CO.redBox h2, #CO.lightBox h1, #CO.lightBox h2, #CO.yellowBox h1, #CO.yellowBox h2 {
	font-family:georgia, serif!important;
	margin-bottom:10px!important;
	padding:0px;
	font-weight: normal!important;}
#CO.darkBox h1, #CO.redBox h1, #CO.lightBox h1, #CO.yellowBox h1 { font-size:30px!important; line-height:33px!important;}
#CO.darkBox h2, #CO.redBox h2, #CO.lightBox h2, #CO.yellowBox h2 { font-size:25px!important; line-height:27px!important;}	
#CO.darkBox h1, #CO.darkBox h2, #CO.redBox h1, #CO.redBox h2 { color:#FFF!important;}
#CO.lightBox h1, #CO.lightBox h2, #CO.yellowBox h1, #CO.yellowBox h2 { color:#333!important;}

#CO h2.attention {
	background-image: url(../images/_icons/_callouts/attention.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 4px;
	padding-left:36px;}
#CO h2.checklist {
	background-image: url(../images/_icons/_callouts/checklist.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-left:36px;}



#CO.darkBox .intro_text, #CO.redBox .intro_text, #CO.lightBox .intro_text  {
	font-family:georgia, serif;
	font-size:17px;
	line-height:22px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;}
#CO.darkBox p, #CO.darkBox .intro_text { color:#CCC!important;}
#CO.lightBox p, #CO.lightBox .intro_text { color:#333!important;}
#CO.redBox p, #CO.redBox .intro_text { color:#FFF!important;}



#CO.darkBox ul {
	margin-top:5px;
	margin-left:0px!important;
	margin-bottom:5px;}
#CO.darkBox ul li {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif; 
	color: #FFF !important;}
#CO.darkBox ul li {
	font-size:13px !important;
	line-height: 1.4em;
	padding-left: 18px;
	padding-bottom:15px;
	/* background-image: url(../images/icons/lists/bullet_black.png);
	background-repeat: no-repeat;
	background-position: 0 2px;*/	}
#CO.darkBox ul li:last-child {padding-bottom:0px!important;}	
#CO.darkBox ul li a {
	font-weight:bold!important;
	color: #FFF !important;
	padding-right:5px;}	



/* INLINE CALLOUTS: Structure
---------------------------------------------------------------------------------------------------------- */	
#CO {
	float:left;
	position:relative;
	display:block;
	margin-top:25px;
	margin-bottom:25px;
	padding: 15px 25px 15px 25px;
	overflow:hidden;}	
#CO.top 					{ margin-top:0px;}
#CO.toptight 				{ margin-top:-10px!important;}

#CO.floatleft 				{ float:left; margin-top:0px; margin-right:25px;}
#CO.floatright 				{ float:right; margin-left:25px;}

#CO span.cta-text 			{ float:left; width:75%; margin-top:0px; margin-right:25px;}
#CO span.cta-button 		{ float:right; width:20%; margin:0px;}


/* INLINE CALLOUTS: Grids
---------------------------------------------------------------------------------------------------------- */
#CO .col_1, 
#CO .col_2, 
#CO .col_3, 
#CO .col_4, 
#CO .col_5,
#CO .col_6,
#CO .col_7,
#CO .col_8,
#CO .col_9,
#CO .col_10,
#CO .col_11,
#CO .col_12,
#CO .col_13,
#CO .col_14 				{ display: inline; float: left; margin-right: 20px;}

#CO .col_1.last,
#CO .col_2.last,
#CO .col_3.last,
#CO .col_4.last,
#CO .col_5.last,
#CO .col_6.last,
#CO .col_7.last,
#CO .col_8.last,
#CO .col_9.last,
#CO .col_10.last,
#CO .col_11.last,
#CO .col_12.last,
#CO .col_13.last,
#CO .col_14.last		{ margin-right: 0px !important;}

#CO .col_1				{ width:43px; }
#CO .col_2				{ width:106px; }
#CO .col_3				{ width:169px; }
#CO .col_4				{ width:232px; }
#CO .col_5				{ width:295px; }
#CO .col_6				{ width:358px; }
#CO .col_7				{ width:421px; }
#CO .col_8				{ width:484px; }
#CO .col_9				{ width:547px; }
#CO .col_10				{ width:610px; }
#CO .col_11				{ width:673px; }
#CO .col_12				{ width:736px; }
#CO .col_13				{ width:799px; }
#CO .col_14				{ width:862px; }



/* INLINE CALLOUTS: Widths
---------------------------------------------------------------------------------------------------------- */
#CO.coW200 { width: 200px!important; max-width:200px; }
#CO.coW225 { width: 225px!important; max-width:225px; }
#CO.coW250 { width: 250px!important; max-width:250px; }
#CO.coW275 { width: 275px!important; max-width:275px; }
#CO.coW300 { width: 300px!important; max-width:300px; }
#CO.coW315 { width: 315px!important; max-width:315px; }
#CO.coW320 { width: 320px!important; max-width:320px; }
#CO.coW325 { width: 325px!important; max-width:325px; }
#CO.coW330 { width: 330px!important; max-width:330px; }
#CO.coW350 { width: 350px!important; max-width:350px; }
#CO.coW357 { width: 357px!important; max-width:357px; }
#CO.coW375 { width: 375px!important; max-width:375px; }
#CO.coW400 { width: 400px!important; max-width:400px; }
#CO.coW450 { width: 450px!important; max-width:450px; }
#CO.coW456 { width: 456px!important; max-width:456px; }
#CO.coW458 { width: 458px!important; max-width:458px; }
#CO.coW478 { width: 478px!important; max-width:478px; }
#CO.coW672 { width: 672px!important; max-width:672px; }
#CO.coW680 { width: 680px!important; max-width:680px; }
#CO.coW682 { width: 682px!important; max-width:682px; }
#CO.coW690 { width: 690px!important; max-width:690px; }
#CO.coW710 { width: 710px!important; max-width:710px; }
#CO.coW902 { width: 902px!important; max-width:902px; }
#CO.coW920 { width: 920px!important; max-width:920px; }
#CO.coW922 { width: 922px!important; max-width:922px; }


/* INLINE CALLOUTS: Border Shadows
---------------------------------------------------------------------------------------------------------- */	
#CO.shadownone {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .1);
	box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .1);}
#CO.shadow {
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);}
#CO.shadowmore {
	-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);}
#CO.shadowinset {
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .25);
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .25);
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .25);}	
#CO.shadowinsetmore {
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .45);
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .45);
	box-shadow: inset 1px 1px 2px 0px rgba(0, 0, 0, .45);}	
#CO.shadowinsetfull {
	-webkit-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1);
	-moz-box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1);
	box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, .1);}	


/* INLINE CALLOUTS: Border Radius
---------------------------------------------------------------------------------------------------------- */	
#CO.rectangle {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;}
#CO.roundedSmall {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
#CO.roundedMedium {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;}
#CO.roundedLarge {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;}
#CO.roundedBottomSmall {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;}
#CO.roundedBottomMedium  {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;}
#CO.roundedBottomLarge {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-radius: 0px 0px 12px 12px;
	border-radius: 0px 0px 12px 12px;}


/* INLINE CALLOUTS: BG Colors
---------------------------------------------------------------------------------------------------------- */
#CO.white 				{ background-color: #FFFFFF!important;}
#CO.yellow 				{ background-color: #FDCA00!important;}
#CO.red 				{ background-color: #C40022!important;}
#CO.dgrey 				{ background-color: #34363E!important;}
#CO.ddgrey 				{ background-color: #2C2D35!important;}
#CO.lgrey				{ background-color: #EBEBEB!important;}
#CO.llgrey 				{ background-color: #F9F9F9!important;}
#CO.lblue 				{ background-color: #E3ECEE!important;}
#CO.brite-blue 			{ background-color: #00B6DE!important;}

#CO.dgrey-border 		{ background-color: #34363E!important;border: 1px solid #000;}
#CO.lgrey-border 		{ background-color: #F5F5F5!important;border: 1px solid #E8E8E8;}
#CO.llgrey-border 		{ background-color: #F9F9F9!important;border: 1px solid #E8E8E8;}

/* INLINE CALLOUTS: Typography
---------------------------------------------------------------------------------------------------------- */
/* Headings */
#CO h1 {
	/*font-family: Georgia, "Times New Roman", Times, serif !important;*/
	text-transform: uppercase;
	font-size: 20px!important;
	font-weight: bold!important;
	line-height: 26px!important;
	letter-spacing:-0.03em!important;
	text-decoration: none;
	margin:0px!important;
	padding: 1px 0px 2px 0px!important;}
#CO h2 {
	font-size: 20px!important;
	font-weight: bold!important;
	line-height:1.0em!important;
	letter-spacing:-0.01em!important;
	text-decoration: none;
	margin:0px!important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;}

/* Paragraph */
#CO p {
	font-family:"Helvetica Neue",Arial,Sans-serif!important;
	font-size:15px !important;
	line-height: 1.4em !important;
	padding:0px!important;
	margin-top:0!important;
	margin-right:0!important;
	margin-left:0!important;}
#CO p:first-child { margin-bottom:0px;}
#CO p:last-child { margin-bottom:10px;}	
#CO.white p, #CO.yellow p, #CO.lgrey p, #CO.llgrey p, #CO.lblue p { color:#333 !important; text-shadow:none !important;}
#CO.red p, #CO.red p, #CO.brite-blue p { color: #FFF!important; text-shadow:none !important;}
#CO.dgrey p, #CO.ddgrey p {
	color: #CDCED1!important;
	text-shadow:none !important;}
#CO p a {text-decoration: underline !important;}

/* Links */
#CO.white a, #CO.yellow a, #CO.white a, #CO.white a, #CO.lgrey a, #CO.lblue a {
	color: #1580C9;
	text-decoration: underline;
	font-weight: bold;}
#CO.dgrey a, #CO.ddgrey a, #CO.red a { color: #FFF!important; text-decoration: none;}

/* Link Hovers */
#CO a:hover {text-decoration: underline; color: #00587A;}
#CO a:focus, #CO a:hover {color:#00587A; text-decoration: underline; outline: none}
#CO.red a:hover { color: #FFF!important;}
#CO.red a:focus, #CO.red a:hover {color:#FFF!important;}
#CO.dgrey a:hover, #CO.ddgrey a:hover { color: #CCC!important;}
#CO.dgrey a:focus, #CO.dgrey a:hover, #CO.ddgrey a:focus, #CO.ddgrey a:hover {color:#CCC!important;}

/* Lists */
#CO ul {
	margin-top:5px;
	margin-left:0px;
	margin-bottom:5px;}
#CO ul li {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif; 
	color: #515151;}
#CO ul li {
	font-size:13px !important;
	line-height: 1.4em;
	padding-left: 18px;
	padding-bottom:10px;
	background-image: url(../images/icons/lists/bullet_black.png);
	background-repeat: no-repeat;
	background-position: 0 2px;}
#CO ul li:last-child {padding-bottom:0px!important;}	
#CO ul li a {
	font-weight:bold!important;
	padding-right:5px;}	

#CO ol {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	/*font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;*/
	font-size:13px!important;
	color:#515151!important;
	text-shadow: none!important;
	margin-top:0px;
	margin-left:25px;
	padding:0px;}
#CO ol li {
	padding-left:0px;
	list-style-type: decimal;
	padding-bottom:5px!important;
	margin-bottom:0px!important;
	line-height: 1.3em!important;}		
#CO ol li ul{
	font-size: 11px!important;
	margin-left:30px;
	line-height: 1.0em;
	padding-top:15px;
	padding-bottom:3px;
	text-align: left;
	list-style-position: outside;
	list-style-type: none!important;}
#CO ol li ul li {
	line-height: 1.5em;
	padding-left: 15px;
	padding-bottom:8px;
	background-image: url(../images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;}

/* List Icons */
#CO ul li a.pdf, #CO ol li a.pdf {
	padding-left:22px;
	background-image: url(../images/_icons/_lists/doc_pdf.png);
	background-repeat: no-repeat;
	background-position: left center;}	
#CO ul li a.doc, #CO ol li a.doc {
	padding-left:22px;
	background-image: url(../images/_icons/_lists/doc_word.png);
	background-repeat: no-repeat;
	background-position: left center;}	
#CO ul li a.video, #CO ol li a.video {
	padding-left:22px;
	background-image: url(../images/_icons/_lists/film.png);
	background-repeat: no-repeat;
	background-position: left center;}

/* Thumb/Icon Images */
#CO img { border: 0;}
#CO img.left { float: left; margin: 2px 20px 16px 0; border: 0 !important; }
#CO img.right {
	float: right;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:25px;
	margin-left:25px;
	border: 0 !important;}
#CO img.flushleft {
	float:left!important;
	margin-left:-15px!important;
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom:25px;
	border: 0 !important;}
#CO img.flushright { 
	float: right!important;
	margin-right:-20px!important;
	margin-left:10px;
	margin-top: 0px;
	margin-bottom:10px;
	border: 0 !important;}	
#CO img.offright { 
	float: right!important;
	margin-right:-50px!important;
	margin-left:10px;
	margin-top: -10px;
	margin-bottom:10px;
	border: 0 !important;}	

#CO div#newicon{
	width: 32px;
	height: 18px;
	background-image: url(../images/_icons/_callouts/icon-new.png);
	margin:0px;
	padding:0px;}
#CO div#newicon span { display: none;}




/*
===========================================================================================================================================
===========================================================================================================================================
	
	14: CONTENT ACCORDIAN SLIDER
	
===========================================================================================================================================
===========================================================================================================================================
*/

/* Structure */ 
.accordian_slider {
	margin-bottom: 10px;
	background-color: #f3f3f3; }
.accordian_slide_open { 
	border-bottom: 1px solid #d8dcdf; }
.accordian_slide_section {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;}
	
/* Togglers */
.accordian_slider h1.toggler, 
.accordian_slider h2.toggler, 
.accordian_slider h3.toggler, 
.accordian_slider h4.toggler, 
.accordian_slider h5.toggler, 
.accordian_slider h6.toggler,
.accordian_slider a.toggler {
	display: block!important;
	font-weight: bold!important;
	font-size: 17px!important;
	line-height: 1.1em!important;
	text-transform: none!important;
	color: #0080C9!important;
	margin: 0!important;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 30px;
	background-color: #f3f3f3;
	background-image: url(../images/_navigation/_accordian/arrow-togglers.png);
	background-repeat: no-repeat;
	background-position: 0 4px;}
.accordian_slide_open h1.toggler, 
.accordian_slide_open h2.toggler, 
.accordian_slide_open h3.toggler, 
.accordian_slide_open h4.toggler, 
.accordian_slide_open h5.toggler, 
.accordian_slide_open h6.toggler,
.accordian_slide_open a.toggler {
	color: #717d84!important;
	background-color: #f3f3f3;
	background-image: url(../images/_navigation/_accordian/arrow-togglers.png);
	background-repeat: no-repeat;
	background-position: 0 -97px;}
h1.toggler:hover, 
h2.toggler:hover, 
h3.toggler:hover,
h4.toggler:hover, 
h5.toggler:hover, 
h6.toggler:hover,
a.toggler:hover { 
	color:#00587A!important;}	
	
/* Table */ 
.accordian_slide_section table.content{
	margin-top:15px!important;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #E2E2E2;}
.accordian_slide_section table.content,
.accordian_slide_section table.content tr,
.accordian_slide_section table.content td {
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;}
.accordian_slide_section table.content th {
	margin: 0!important;
	min-width:50px;
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	font-weight: bold!important;
	font-size: 12px!important;
	line-height: 1.1em!important;
	background-color: #E2E2E2;}
.accordian_slide_section table.content th.course_nbr {width:125px; }	
.accordian_slide_section table.content th.course_title {width:260px; }
.accordian_slide_section table.content th.course_credits {width:60px; text-align:center;}
.accordian_slide_section table.content th.course_goals {width:100px; text-align:center;}
.accordian_slide_section table.content tr td {
	border-top: 1px solid #d8dcdf!important;
	padding: 10px 0!important;}
.accordian_slide_section table.content tr:first-child td {
	border-top: 0; }
.accordian_slide_section table.links td { 
	background-color: #f3f3f3; }
	
/* Typography */ 	
h5.answer {
	font-size: 18px;
	color:#AAA;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 2px;
}
.accordian_slide_section ul,
.accordian_slide_section ol {
	margin: 15px 0 0 15px;
	padding: 0;}



/*
===========================================================================================================================================
===========================================================================================================================================
	
	14: STANDARD CONTENT TABLES
	
===========================================================================================================================================
===========================================================================================================================================
*/
table.content {
	background: #fff;
	width: 100%;
	border: 1px solid #E5E5E5;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;}
	
table.content thead {
	background-color: #39434C;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;}
table.content thead tr th {
	padding: 10px !important;
	font-size: 15px !important;
	line-height: 18px;
	text-align: left;
	font-weight: bold !important;
	color: #fff;
	text-transform: uppercase;}

table.content tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
table.content tbody tr td strong { font-size: 13px !important; }
table.content thead tr th:first-child { border-left: none; }
table.content thead tr th:last-child { border-right: none; }
	
table.content thead tr {  }
table.content tbody {  }
table.content tbody tr {  }
table.content tbody tr.even,
table.content tbody tr.alt { background: #F5F5F5; }
table.content tbody tr:nth-child(even) { background: #F5F5F5; }
table.content tbody tr td { color: #333; padding: 9px 10px !important; vertical-align: top !important; border: none; }

table.content tbody tr.total {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
	font-weight: bold !important;
	background-color: #FFF;}
table.content tbody tr.total td {
	font-size: 18px !important;
	color: #090 !important;
	padding: 15px 10px 15px 10px !important;
}


/*
===========================================================================================================================================
===========================================================================================================================================
	
	14: INLINE CONTACT PROFILES
	
===========================================================================================================================================
===========================================================================================================================================
*/

/* INLINE CONTACT PROFILES: Structure
---------------------------------------------------------------------------------------------------------- */	
#contentContact {
	position: relative;
	width: 100%;
	float:left;
	margin-top:5px!important;
	margin-bottom:15px!important;
	padding: 0px!important;}
#contentContact .leftColumn, #contentContact .rightColumn {
	float:left;
	width: 340px;
	display:inline;
	position:relative;
	margin-top: 0px!important;
	margin-right:24px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px!important;
	padding-right: 0px;}
#contentContact .rightColumn {
	margin-right: 0px!important;
	padding: 0px!important;
	border:none;}	
#contentContact .contact-bio { float:left; }	

/* INLINE CONTACT PROFILES: Typography
---------------------------------------------------------------------------------------------------------- */	
#contentContact ul#contact {
	position: relative;
	float:left;
	list-style: none;
	background-image: url(../images/bg/table-thead-row.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #EBEBEB;
	width: 325px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}
#contentContact ul#contact .thumbmail {
	display:inline;
	position:relative;
	width:90px;
	height:90px;
	float:left;
	margin-right:12px!important;}
#contentContact ul#contact .thumbmail img {
	width:80px!important;
	height:80px!important;
	border:6px solid #E0E0E0!important;
	/*-webkit-box-shadow: 1px px 1px rgba(0, 0, 0, .2);
	-moz-box-shadow: 1px px 1px rgba(0, 0, 0, .2);
	box-shadow: 1px px 1px rgba(0, 0, 0, .2);*/}	
#contentContact ul#contact .data {
	display:inline;
	position:relative;
	float:left;
	overflow:hidden;
	width:220px!important;
	max-width:220px!important;
	margin:0px;}	
#contentContact ul#contact li {
	overflow:hidden;
	border:none;
	padding-left: 25px;
	margin-left:0px;
	line-height:1.1em;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 7px;}
#contentContact ul#contact li a, #contentContact ul#contact li a:visited, #contentContact ul#contact li a:active {
	border-bottom: none;
	overflow:hidden;
	padding-left: 25px;
	line-height:1.1em;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 8px;}
#contentContact ul#contact li a:hover{ 
	border-bottom: none; 
	text-decoration: none;}	

#contentContact ul#contact li.name {
	font-size:16px!important;
	font-weight: bold!important;
	color:#333;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;}
#contentContact ul#contact li.title{
	font-size:13px!important;
	font-weight: bold;
	color:#333;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 4px;
	padding-left: 0px;}	
#contentContact ul#contact li.location, #contentContactul#contact li.campus, #contentContact ul#contact li.office {
	font-size:12px!important;
	font-weight: normal;
	color:#666666;
	text-decoration: none;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 0px;}		
#contentContact ul#contact li.phone {
	color:#333;
	font-size:12px!important;
	background-image: url(../images/_icons/_lists/phone_office.png);
	padding-top: 5px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 0px 3px;}
#contentContact ul#contact li.phonemobile {
	color:#333;
	font-size:12px!important;
	background-image: url(../images/_icons/_lists/phone_mobile.png);
	padding-top: 5px;
	padding-bottom: 4px;
	background-repeat: no-repeat;
	background-position: 2px 2px;}
#contentContact ul#contact li.email {
	font-size:12px!important;
	background-image: url(../images/_icons/_lists/email.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-bottom: 0px;}	
#contentContact ul#contact li.email a{
	font-weight:bold;	
	padding-left:0px;}
#contentContact ul#contact li.email a:hover {
	text-decoration:underline;}