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

NORTHLAND COLLEGE :: MASTER STYLE CSS
Created by: Northland College


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

- Use on all sites


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

Last updated: March 18, 2010
Last update by: Chad Sperling (Webmaster)


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

	00: RESETS
			a) General
			b) No Script
	01: LAYOUT
			a) Body Layout
			b) Page Container
			c) Accessability
	02. SITE HEADER TITLES/LOGOS (ie football, baseball, volleyball)
			a) Standard Text w/ Sub Title	
	03. PAGE HEADER TITLES (ie team schedule, history, roster)	
	04: TYPOGRAPHY
			a) Headings
			b) Paragraph
			c) Links
			d) Image Captions
			e) Misc
			f) Lists (ul/li/ol)	
	05: SUPER BUTTONS
	06: ONLINE FORM
	07: GLOBAL FOOTER
			a) Structure
			b) Links	
			c) Legal
	
=============================================================================================== */



/*
===========================================================================================================================================
	
	00: RESETS
	
===========================================================================================================================================
*/

/* RESETS = General
---------------------------------------------------------------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a:active, a:focus { outline: 0} /* fixes annoying Firefox quirk that adds dotted border to click links */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.accessiblity {
	height:0;
	width:0;
	overflow:hidden;
	position:absolute;}	
.floatleft{float:left!important;}
.floatright{float:right!important;}

/* RESETS = No Script
---------------------------------------------------------------------------------------------------------- */
noscript div {
	background: #ccc;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #052439;
	margin: 0px;}
noscript .wrapper {
	width: 980px;
	padding: 15px;
	border:none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}
noscript div p {
	color: #000;}
noscript div ol {
	list-style: decimal;
	margin-bottom: 0px;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 15px;}



/*
===========================================================================================================================================
	
	02: PAGE STRUCTURE/LAYOUT
	
===========================================================================================================================================
*/

/* PAGE STRUCTURE/LAYOUT = Body
---------------------------------------------------------------------------------------------------------- */
body {
	margin:0;
	min-width:988px;
	font:1.2em/1.6em  Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	color:#1e1e1e;
	background-color: #021420;
	background-image: url(../images/bg-body-jersey.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed!important;}
* { font-size:100.00%; margin: 0; padding: 0;}
html { font-size:62.5%;}

/* PAGE STRUCTURE/LAYOUT = Body
---------------------------------------------------------------------------------------------------------- */
#page_content_container {
	width:980px;
	_width:980px;
	min-width:980px;
	max-width:980px;
	min-height:1200px;
	/*position:relative;
	z-index: 9990;*/
	padding-top:0;
	padding-bottom:0;
	overflow:visible!important;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px!important;
	margin-left: auto;}
	

/* ???????????????????????? */
#body-image {
	width: 100%;
	height:100%;
	background-repeat:no-repeat;
	background-position: center top;
	background-attachment: fixed!important;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;}	
#body-image.standard {
	background-image: url(../images/img-body-standard.jpg);
	background-color:#fff;}
/* ???????????????????????? */


/*
===========================================================================================================================================
	
	02: BREADCRUMBS
	
===========================================================================================================================================
*/
#crumbs{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#333;
	width:982px;
	padding-top:3px;
	padding-right: 0;
	padding-bottom:6px;
	padding-left:5px;}
#crumbs a{text-decoration:none;font-weight:normal;color:#333;}
#crumbs span.on{font-weight:bold!important;padding:0px!important;}
#crumbs a:hover{text-decoration:underline;color:#00587A;}
#crumbs span{padding-left:5px;padding-right:5px;}
#crumbs.white {color:#FFF!important;text-decoration:none!important;}
#crumbs.white a{color:#FFF!important;text-decoration:none!important;}
#crumbs.white a:hover{color:#FFF!important;text-decoration:underline!important;}

* html #crumbs { /* for IE6 */
	padding-top:6px 0 6px 20px;}
*:first-child+html #crumbs { /* for IE7 */
	padding-top:6px 0 6px 20px;}


/*
===========================================================================================================================================
	
	00: SITE HEADER LOGOS
	
===========================================================================================================================================
*/

/* SITE HEADER LOGOS = Standard Text w/ Sub Title
---------------------------------------------------------------------------------------------------------- */
#site_subheader {/* background:none!important;*/
	background:none!important;
	overflow:hidden;
	clear:both;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}
#site_subheader h2.standard {
	font-size:30px!important;
	font-family:Helvetica, Arial, sans-serif!important;
	color:#fff;
	text-shadow:1px 2px 2px #000!important;
	font-style:italic!important;
	line-height:25px!important;
	font-weight:600!important;
	padding:0 20px 0 0!important;
	margin:0px!important;
	float:left;}
#site_subheader h2.standard a {
	color:#fff;
	text-decoration:none;}
#site_subheader h2.logo {
	display:block;
	padding:0px!important;
	margin:0px!important;
	min-height:50px;
	min-width:250px!important;
	background-repeat: no-repeat!important;
	text-indent: -9000px;
	overflow:visible!important;}
#site_subheader h2.logo a {
	display:block;
	text-indent: -9000px;
	height:50px!important;
	min-height:50px;
	padding:0px!important;
	margin:0px!important;
	background-repeat: no-repeat!important;
	overflow:hidden!important;
	border:none!important;}

#site_subheader .sub-title{
	font-size:12px;
	text-shadow:1px 1px 1px #000!important;
	font-weight:700;
	color:#CCC;
	overflow:hidden;
	clear:both;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
	text-transform: uppercase;}



/*
===========================================================================================================================================
	
	02: PAGE CONTENT CONTAINER
	
===========================================================================================================================================
*/

/* PAGE CONTENT CONTAINER = Structure
---------------------------------------------------------------------------------------------------------- */
#page_content_border {
	overflow:hidden;
	clear:both;
	width:100%!important;
	height: 100%!important;
	/*position:relative;
	z-index: 9991; */
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	-moz-box-shadow:0 0 15px #000;
	-webkit-box-shadow:0 0 15px #000;
	box-shadow:3px 3px 3px 3px #000;
	border:1px solid transparent;
	*border:1px solid #999;	
	/*-moz-box-shadow:0 3px 10px rgba(0,0,0,0.95);
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.95);*/
	background:#FFF;}
#page_content_border.wrapper {
	width:960px;
	_width:960px;
	min-width:960px;
	max-width:960px;
	margin:0px auto;
	padding:10px!important;}


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
	REPLACE #page_container-White, #page_container-White .wrap. #main, #main.wrap (updated above)
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
#page_container-White {
	overflow:hidden;
	clear:both;
	width:100%!important;
	height: 100%!important;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	-moz-box-shadow:0 0 15px #000;
	-webkit-box-shadow:0 0 15px #000;
	box-shadow:3px 3px 3px 3px #000;
	border:1px solid transparent;
	*border:1px solid #999;	
	/*-moz-box-shadow:0 3px 10px rgba(0,0,0,0.95);
	-webkit-box-shadow:0 3px 10px rgba(0,0,0,0.95);*/
	background:#FFF;}
#page_container-White .wrap {
	width:960px;
	_width:960px;
	min-width:960px;
	max-width:960px;
	margin:0px auto;
	position:relative;
	padding:10px!important;}
#main {
	overflow:hidden;
	clear:both;
	width:100%!important;
	height: 100%!important;
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}
* html #main {height: 100%;}
#main.wrap {
	width:982px;
	_width:982px;
	min-width:982px;
	max-width:982px;
	margin:0px auto;
	position:relative;
	padding-top:0;
	padding-bottom:0;}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


/* PAGE CONTENT CONTAINER = Sub Page Content + Columns
---------------------------------------------------------------------------------------------------------- */
#content {
	width: 960px!important;
	_width: 960px;
	margin-top:0px!important;
	padding-bottom:20px!important;
	overflow:hidden;
	background-image: url(../images/bg-vertline.gif);
	background-repeat: repeat-y;
	background-position: 714px 0;}	
#content #colLeft {
	float:left;
	width:704px;
	height:auto;
	min-height:600px;
	margin-right:21px;
	padding-top:0px;}
#content #colRight {
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:235px;}



/*
===========================================================================================================================================
	
	01: PAGE HEADER TITLES
	
===========================================================================================================================================
*/

.dt-hdr{
	display: inline-block;
	margin-bottom: 10px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	font-family:Helvetica, Arial, sans-serif;
	padding-top:10px;
	padding-bottom: 5px;}	
.dt-hdr h2 {
	font-weight: bold !important;
	font-size: 30px !important;
	line-height: 30px !important;
	padding: 0 !important;
	margin-bottom: 2px;}
.dt-hdr h3 {
	font-weight: normal; 
	font-size: 13px; 
	line-height: 13px; 
	color: #505050; 
	text-transform: uppercase; 
	margin: 0 0 3px 0; 
	padding: 0;}



/*
===========================================================================================================================================
	
	03: STANDARD CONTENT TYPOGRAPHY
	
===========================================================================================================================================
*/
	
/* TYPOGRAPHY = Headers
---------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	/*font-family:"Georgia", "Cambria", Times New Roman, Times, serif!important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif!important;
	font-family: "trebuchet ms", sans-serif;*/
	font-family:Helvetica, Arial, sans-serif!important;	
	text-shadow: 1px 1px 2px #c2c2c2;
	line-height: 1;
	letter-spacing:0px;
	padding-top:0px;
	padding-bottom:5px;}
h1 {
	font-size:33px;
	font-weight: normal!important;
	color:#333!important;/*013554*/
	letter-spacing:-1px;
	padding-bottom:3px;
	padding-top:0px;
	margin-bottom:6px;}
h2 {
	font-size:22px;
	font-weight:normal!important;	
	font-style:normal!important;	
	color: #333!important;/*103346*/
	letter-spacing:0px!important;
	padding-bottom:0px;
	padding-top:14px;
	margin-bottom:6px;}
h3 {
	font-size:14px;
	letter-spacing:1px;
	font-weight: normal!important;
	color:#333!important;
	padding-bottom:3px;
	padding-top:14px;
	margin-bottom:3px;
	text-transform: uppercase;}
h3 span{
	font-size:10px!important;
	letter-spacing:1px;
	font-weight: normal!important;
	text-shadow:none!important;
	color:#999!important;
	padding-bottom:3px;
	padding-top:12px;
	margin-bottom:5px;
	text-transform: uppercase;
}		
h4 {
	font-size:1.2em !important;
	color:#000;
	padding-bottom:0px;
	padding-top:10px;
	margin-bottom:5px;}
h5 {
	font-size:150%;
	color:#B52025;
	padding-bottom:0px;
	padding-top:10px;
	margin-bottom:5px;}
h6 {
	font-size:125%;
	color:#333;
	padding-bottom:0px;
	padding-top:10px;
	margin-bottom:5px;}

	
/* TYPOGRAPHY = Paragraph
---------------------------------------------------------------------------------------------------------- */
p {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.5;
	color: #464D51;
	margin:0 0 1.5em;}
p span.red {
	color: #C00;}	
p span.blue {
	color: #069;}	
	
	
/* TYPOGRAPHY = Links
---------------------------------------------------------------------------------------------------------- */	
a {color:#225DB7; text-decoration:none;}
a:hover {text-decoration: underline;color: #163D76;}
a:focus, a:hover {color:#163D76;text-decoration: underline;outline: none}

	  
/* TYPOGRAPHY = Misc/Resets
---------------------------------------------------------------------------------------------------------- */
:focus { outline:0; }
.replaced { display: block; height: 10px; overflow: hidden; outline: none; text-indent: -9999px; width: 10px; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}


/* TYPOGRAPHY = Circle List (standard)
---------------------------------------------------------------------------------------------------------- */
ul.circle {
	margin-left:6px;
	margin-bottom:12px;}
ul.circle li {
	font-family: Arial, Helvetica, sans-serif;
	color: #4F565C;}
ul.circle li {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left: 15px;
	padding-bottom:8px;
	background-image: url(../images/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;}
ul.circle li a.pdf {
	padding-right:22px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: right center;}
ul.circle li a.doc {
	padding-right:22px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: right center;}	
ul.circle li ul{
	padding-left:0;
	line-height: 1.4em;
	padding-top:8px;
	padding-bottom:3px;
	text-align: left;}
ul.circle li ul li {
	font-size: 1.0em;
	line-height: 1.5em;
	padding-left: 12px;
	padding-bottom:8px;
	background-image: url(../images/bl-standard.gif);
	background-repeat: no-repeat;
	background-position: 0 8px;
}	

/* TYPOGRAPHY = Numbered List
---------------------------------------------------------------------------------------------------------- */
ul.ordered {
	margin-top:15px;
	margin-bottom:15px;
	margin-left:5px;}
ul.ordered li {
	padding-left:0;
	line-height: 1.3em;
	padding-bottom:12px;
	text-align: left;}
ul.ordered li em{
	display:block;
	float:left;
	width:1em;
	text-align:right;
	font-style:normal;
	color:#666;
	font-size:1.6em;
	font-family:Helvetica, Arial, sans-serif!important;
	text-shadow: 1px 1px 2px #c2c2c2;
	background-color: #fff;
}
ul.ordered li span{display:block;margin-left:2.5em; padding-top:2px;color: #4F565C!important; font-weight:bold;}
ul.ordered li ul{
	padding-left:0;
	line-height: 1.em;
	padding-top:15px;
	padding-bottom:3px;
	text-align: left;}
ul.ordered li ul li {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left: 15px;
	padding-bottom:8px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/icons/bl-circle.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;}


/*
===========================================================================================================================================
	
	02: RIGHT COLUMN ELEMENTS
	
===========================================================================================================================================
*/
/*** colRight Elements: Standard ***/
.rightBox  {
	margin-bottom:20px;}
.rightBox h2 {
	font-family:helvetica,arial,sans-serif!important;
	font-size:15px!important;
	color:#000!important;
	text-shadow:none;
	text-transform: uppercase;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}
.rightBox .text {
	font-weight:normal!important;
	font-family:Arial, Helvetica, sans-serif!important;
	font-size:13px!important;
	color:#333!important;
	line-height:2.0em!important;}	

/*** colRight Elements: Navigation ***/
.rightBoxNavigation  {
	margin-bottom:20px;}
.rightBoxNavigation h2 {
	font-family:Helvetica, Arial, sans-serif!important;
	font-size:15px!important;
	font-weight:bold!important;
	line-height:20px !important;
	color:#333!important;
	text-transform: uppercase!important;
	margin:0px!important;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;}
	
.rightBoxNavigation ul {
	border-top: none!important;}
.rightBoxNavigation ul li{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;}
.rightBoxNavigation ul li a, .rightBoxNavigation ul li a:visited, .rightBoxNavigation ul li a:active{
	border-bottom: #E7E7E7 solid 1px;
	overflow:hidden;
	display: block;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	line-height:1.1em;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;}
.rightBoxNavigation ul li a:hover{
	border-bottom: #E6E6E6 solid 1px;
	text-decoration: none;
	background-color: #F0F0F0;}	
.rightBoxNavigation ul li#first a {}	
.rightBoxNavigation ul li.active a {
	background: #F0F0F0;
	color:#333333;
	cursor:default;}	
	
/*** colRight Elements: Breaking News ***/
.rightBoxShout  {
	margin-bottom:20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #C00;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom:15px;
	padding-left: 5px;
	background-image: url(../images/bg-rightBox-shout.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #FFF;}
.rightBoxShout h2 {
	font-family:Helvetica, Arial, sans-serif!important;
	font-size:15px!important;
	font-weight:bold!important;
	color:#FFF!important;
	text-shadow:none;
	text-transform: uppercase;
	background-color: #C00;
	padding: 5px;}
.rightBoxShout .text {
	font-weight:normal!important;
	font-family:Arial, Helvetica, sans-serif!important;
	font-size:13px!important;
	color:#333!important;
	line-height:18px !important;}
	
	
	
/*
===========================================================================================================================================
	
	04: SUPER BUTTONS
	
===========================================================================================================================================
*/

/* SUPER BUTTONS: General
---------------------------------------------------------------------------------------------------------- */
.cta { position:absolute;} /* DO WE NEED - LOOK INTO REMOVING */

.button{
	display:inline-block;
	color:#fff !important;
	letter-spacing:-0.02em;
	font-family:Arial, Helvetica, Helvetica Neue, Verdana, sans-serif!important;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
	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;
	overflow:visible;
	width:auto;
	background-color: #222;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/btn-super-overlay.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	margin-bottom: 6px !important;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;}
button::-moz-focus-inner{
	border:0;
	padding:0}
.button:hover{
	background-color:#111;
	color:#fff;
	text-decoration:none !important;}
.button:active{
	top:0px}
.small.button{
	font-size:11px}
.large.button{
	font-size:14px;
	padding:8px 19px 9px}
		
/* SUPER BUTTONS: Background Colors
---------------------------------------------------------------------------------------------------------- */		
.green.button, .green.button:visited{
	background-color:#91bd09}
.green.button:hover{
	background-color:#749a02}
.secondary.button, .secondary.button:visited{
		color:#555 !important;
		text-shadow:0 1px 1px rgba(255,255,255,0.5);
		border:1px solid #bbb;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
		background-color: #fff;
		background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/btn-super-black.png);
		background-repeat: repeat-x;
		background-position: 0 0;}
.secondary.button:hover{
		background-color:#eee;
		color:#444 !important;
		text-decoration:none !important;
		border-color:#999}
.aqua.button, .aqua.button:visited{
	background-color:#2BA2B3}
.aqua.button:hover{
	background-color:#007593}
.blue.button, .blue.button:visited{
	background-color:#0470AA}
.blue.button:hover{
	background-color:#035581}
.red.button, .red.button:visited{
	background-color:#E80000}
.red.button:hover{
	background-color:#950000}
.magenta.button, .magenta.button:visited{
	background-color:#a9014b}
.magenta.button:hover{
	background-color:#630030}
.orange.button, .orange.button:visited{
	background-color:#ff5c00}
.orange.button:hover{
	background-color:#d45500}
.yellow.button, .yellow.button:visited{
	background-color:#ffb515}
.yellow.button:hover{
	background-color:#fc9200}
.white.button, .white.button:visited{
	background-color:#fff;
	border:1px solid #ccc;
	color:#666 !important;
	font-weight:normal;
	text-shadow:0 1px 1px rgba(255,255,255,1)}
.white.button:hover{
		background-color:#eee;
		text-decoration:none !important;}
.maroon.button, .maroon.button:visited {
	background-color: #930;}
.maroon.button:hover {
	background-color: #6F2400;}
.steel.button, .steel.button:visited { background-color: #E3EBED; color: #333333;}
.steel.button:hover {background-color: #CDD0D0; color: #333333;}
.black.button, .black.button:visited {
	background-color: #292929;
}
.black.button:hover {background-color: #000;}


/* SUPER BUTTONS: Hover States
---------------------------------------------------------------------------------------------------------- */			
.super.button{
	background-image:url(http://www.northlandcollege.edu/001_Global/images/navigation/btn-super-overlaysuper.png);
	font-size:13px !important;
	padding:0;
	border:1px solid rgba(0,0,0,.25);
	-webkit-border-radius:15px;
	-moz-border-radius:15px}
.small.super.button{font-size:11px;-webkit-border-radius:12px;-moz-border-radius:12px}
.large.super.button{background-position:left bottom;-webkit-border-radius:18px;-moz-border-radius:18px}
	
		
/* SUPER BUTTONS: Super Super Style
---------------------------------------------------------------------------------------------------------- */	
.super.button {
		background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/btn-super-blend.png);
		padding: 4px 14px 6px !important;
		border: 1px solid rgba(0,0,0,.25);
		border-bottom-color: rgba(0,0,0,.35);
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;}
.small.super.button { 
		font-size: 10px !important; 
		-webkit-border-radius: 11px; 
		-moz-border-radius: 11px; }
.medium.super.button { 
		font-size: 11px !important; 
		-webkit-border-radius: 11px; 
		-moz-border-radius: 11px;
		padding-top: 6px !important;
		padding-right: 17px;
		padding-bottom: 8px !important;
		padding-left: 17px;}
.large.super.button {
		font-size:13px !important;
		background-position: 0 0;
		-webkit-border-radius: 14px;
		-moz-border-radius: 14px;
		padding-top: 7px !important;
		padding-right: 17px;
		padding-bottom: 9px !important;
		padding-left: 17px;}
.secondary.button { 
		background-color: #fff; }
.secondary.button:hover { 
		background-color: #eee;
		text-decoration:none !important;}
.medium.super.button span{padding:8px 8px 10px;}
.large.super.button span{padding:7px 13px 9px;}

/* SUPER BUTTONS: Icons
---------------------------------------------------------------------------------------------------------- */	
a#twitter span{
	padding-left:20px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/inset-twitter.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;}
a#pdf span{
	padding-left:23px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/buttons/inset-document.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;}	
a#blog span{
	padding-left:23px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/buttons/inset-blog.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;}	
a#movie span{
	padding-left:23px;
	background-image: url(http://www.northlandcollege.edu/001_Global/images/navigation/buttons/inset-video.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;}	




.cta p { clear: both; padding-bottom: 1.7em; }
.cta-awesome {
	font-family: "Arial Narrow", "Helvetica CY", Arial, Helvetica, Verdana, Tahoma, sans-serif;
	text-transform:uppercase;
	overflow:visible;
	float:left;}	
.cta-awesome, .cta-awesome:visited {
	display: inline-block;
	overflow:visible;
	margin:0px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	-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(http://www.northlandcollege.edu/001_Global/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: 14px; color: #fff; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); margin-bottom:5px; }
.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(http://www.northlandcollege.edu/001_Global/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;}
.maroon.cta-awesome, .maroon.cta-awesome:visited {
	background-color: #930;
}
.maroon.cta-awesome:hover {
	background-color: #6F2400;
}

p.cta-extra {
	font-size:11px!important;
	width:100%!important;
	line-height:1.3em;
	color:#333333;
	font-weight:normal;
	overflow:visible;
	padding-top:8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}



/*
===========================================================================================================================================
	
	02: PAGE DIVIDER BARS/SPACERS
	
===========================================================================================================================================
*/
.striped-bar-small {
	display:block;
	height:8px;
	width:100%;
	padding: 0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	background-image: url(../images/img-stripedbar-sm.gif);
	background-repeat: repeat-x;}
.striped-bar-large {
	display:block;
	height:22px;
	width:100%;
	padding: 0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	background-image: url(../images/img-stripedbar-lg.gif);
	background-repeat: repeat-x;}
.solid-bar-small {
	display:block;
	height:5px;
	width:100%;
	padding: 0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:0px;
	background-image: url(../images/img-solidbar-sm.gif);
	background-repeat: repeat-x;}	
.blank-bar {
	display:block;
	height:8px;
	width:100%;
	margin:0px;
	padding: 0px;}
.spacer {
    width:5px!important;
    height:10px!important;
    clear:both!important;}



/*
===========================================================================================================================================
	
	06: HEADLINES, NEWS, EVENTS BAR
	
===========================================================================================================================================
*/

.homecol{
	display:inline;
	float: left;
	height:310px;
	margin-top: 0;
	margin-right: 25px;
	margin-bottom: 0;}
.homecol.last{
	margin-right:0px!important;}	
.homecol .news  {
	width:285px!important;
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;}
.homecol .upcomingevents  {
	width:300px!important;
	margin-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;}

.homecol h1 {
	/*font-family:"Georgia", "Cambria", Times New Roman, Times, serif!important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif!important;
	font-family: "trebuchet ms", sans-serif;*/
	font-family:"Georgia", "Cambria", Times New Roman, Times, serif!important;	
	font-size:2.2em!important;
	font-weight:normal!important;
	color: #000!important;
	padding-top: 0;
	padding-right: 0;
	padding-bottom:5px;
	padding-left: 0;}
* html .homecol h1 { /* for IE6 */
	margin-bottom:-15px;;}
*:first-child+html .homecol h1 { /* for IE7 */
	margin-bottom:-15px;}		
span.link a {
	font-size:11px!important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif!important;
	font-weight:normal!important;
	float:right!important;
	text-shadow:none!important;
	padding-top:7px!important;}		
* html span.link a  { /* for IE6 */
	top:-30px;
	position: relative;}
*:first-child+html span.link a   { /* for IE7 */
	top:-30px;
	position: relative;}	
	
.headline {
	clear:both;
	border-bottom:1px #ccc dotted;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;}
.headline.notop {
	border-top:0px;
	padding-top:0;}	

.headline .tagpost_row {
	display:inline;
	float: left;
	width:100%!important;
	_width:100%;
	height:20px!important;
	_height:20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-bottom:3px;}
.headline span.tag {
	line-height:2.0em!important;
	font-weight:bold;
	color: #FFF;
	font-size: 10px;
	background-color: #C00;
	margin-right:2px!important;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.headline span.post_date {
	line-height:2.0em!important;
	font-weight:normal;
	color: #333;
	font-size: 11px;
	background-color: #FFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}	
.headline h2.headlineTitle a{
	font-weight:bold;
	line-height:1.1em;}	
	
	
.headline p {
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;}
.headline p a {
	font-weight:bold;
	line-height:1.1em;}	

.headline p span.ndate {
	line-height:1em;
	font-weight:normal;
	color: #666;
	font-size: 11px;}
.headline p span.tag {
	line-height:2.0em!important;
	font-weight:bold;
	color: #FFF;
	font-size: 10px;
	background-color: #C00;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;}


.display_events{
	height:190px!important;
	_height:190px;
	max-height:190px!important;
	overflow:hidden!important;
	clear:both;
	padding-top:0px;}
.events{
	clear:both;
	margin:0 0 10px 0!important;	
	height:60px!important;}
.events p{
	padding-top:2px!important;
	margin-left:50px;
	line-height:1.1em!important;}
.events p a {
	font-weight:bold;
	line-height:1.1em;}		
.events p span.edate {
	line-height:1em;
	font-weight:normal;
	color: #666;
	font-size: 11px;}	
.events span.tag {
	line-height:1.5em!important;
	font-weight:bold;
	color: #FFF;
	font-size: 10px;
	background-color: #C00;
	margin-right:2px!important;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.date{
	float:left;
	width:38px!important;
	height:38px!important;
	padding-top:2px;
	margin:4px 10px 0px 0;
	line-height:19px;
	text-align:center;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-date.gif);
	background-repeat: no-repeat;
	background-position: 0 0;}
.date span{
	font-size:1.5em;
	display:block;}
.date small{
	display:block;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	color:#6E6E6E;}
.followus{
	clear:both;
	padding-top:0px!important;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;}
	
	
.homecol .leagues h1 {
	font-size:1.7em!important;
	text-shadow:none!important;
	text-align:center!important;
	color: #000!important;
	padding-top:20px!important;
	padding-right: 0;
	padding-bottom:15px!important;
	padding-left: 0;}





.homecol .leagues {
	width:302px!important;
	height:305px!important;
	padding-top: 0px;
	margin-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
	background-image: url(../images/bg-homcol-leagues.gif);
	background-repeat: no-repeat;}	
.leagues .logos {
	display:inline;
	float: left;
	height:150px!important;
	_height:150px;
	margin-top: -25px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;}
.leagues .logos img,
.leagues .logos a img {
	display:inline;
	float:left;
	padding:5px;
	margin:0;
	border:none;}
.leagues .logos a:hover img,
.leagues .logos a:focus img {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #052136;
}
.leagues .logos div.two {
	width:150px;
	height:150px;
	float:left;}

.homecol .ihigh {
	float:left;
	width:302px!important;
	height:50px!important;
	margin-top: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7E7E7;
}	




/*
===========================================================================================================================================
	
	06: FEATURED ROW
	
===========================================================================================================================================
*/

.featured_row {
	display:inline;
	float: left;
	width:960px!important;
	_width:960px;
	max-width:960px;
	height:152px!important;
	_height:152px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;}
.featured_row h2 {
	padding:0;
	font-size:1.5em;
	line-height:140%;
	margin:0;}
.featured_row p {
	font-size: 1.2em;
	line-height:145%;
	padding:2px 0 /*16px*/15px 0;
	margin:0;}

.featured_row img,
.featured_row a img {
	border: 1px solid #cdcdcd;
	display:inline;
	float:left;
	padding:5px;
	margin:0;}
.featured_row a:hover img,
.featured_row a:focus img {
	border: 1px solid #052136;
	background-color: #F5F5F5;}

.featured_row div.two-ads {
	width:444px;
	height: 140px;
	float:left;}
	
.featured_row div.three-ads {
	width:310px;
	display:inline;
	float:left;
	height: 140px;
	margin-right:14px!important;}
.featured_row div.four-ads {
	width:222px;
	display:inline;
	float:left;
	height: 140px;}

.featured_row div.three-ads.last {
	margin-right:0px!important;}



/*
===========================================================================================================================================
	
	06: FLICKR Import
	
===========================================================================================================================================
*/

div.flickr {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%px;}
div.flickr a {
	display: block;
	float: left;
	margin: 0 20px 14px 0;
	padding: 3px;
	border: none;
	border: 1px solid #dfe5e7;}
div.flickr a:hover {
	padding: 0;
	border: 4px solid #F00;
}
div.flickr a.flickr-image-six,
div.flickr a.flickr-image-twelve {
	float: right;
	margin: 0 0 14px 0;}
div.flickr a img {
	float: left;
	margin: 0;
	padding: 0;
	width: 53px;
	height: 53px;}



/*
===========================================================================================================================================
	
	06: ONLINE FORMS
	
===========================================================================================================================================
*/
/* base form styles */
label, input, select, textarea {font-family:inherit;font-size:1.2em;line-height:1.5em;}
#content fieldset div, #content fieldset fieldset {margin-bottom:1.8em;}
label {font-weight:bold;display:block;}
label em {color:#c00;}
select {margin-right:6px;}
input.button {cursor:pointer;}
#content input.button {color:#fff;font-weight:bold;padding:4px 12px 4px 12px;background:#3089c2;}
form .inline {display:inline;margin-left:1.4em;}
/* radios and checkboxes */
.radio label, .checkbox label {font-weight:normal;display:inline;}
.input-inline input[type=radio], .input-inline input[type=checkbox] {}
.input-inline input[type=text] {margin-right:6px;}
.input-inline label {padding-right:1.4em;}
.input-row input[type=radio], .input-row input[type=checkbox] {float:left;clear:both;margin:1px 3px 0 0 !important;margin:0;}
.input-row label {display:block;}

/* ONLINE FORMS: Structure
---------------------------------------------------------------------------------------------------------- */
.form_wrapper {
	font-weight:normal;
	font-size: 1em;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;}	
.input_complex span input {
	padding-right:3px;}
	
.form_wrapper ul.gform_fields{
	padding:0px;
	margin:0px}	
ul.top_label .clear-multi {overflow:hidden;clear:both}	
.form_wrapper label{
	font-weight:normal;
	font-size: .9em;
	text-transform: uppercase;
	color:#333;}
.form_wrapper h2.form_title {
	font-size:18px!important;
	border-top: 5px solid #e5e5e5;
	text-transform: uppercase;
	text-shadow:none!important;
	margin-top:10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.form_wrapper h3.form_title {
	text-transform: none;
	margin-bottom: 14px !important;}
	
.form_footer {margin-top: 18px;clear:left;}
div.gsection_description {padding-bottom:14px;}
.form_wrapper .input_full label, body .form_wrapper .input_left label, body .form_wrapper .input_right label {text-transform: none;padding-left:2px; color:#bfbfbf;}
.form_wrapper a {border:none !important;}

/* form fields */
.input_complex span input, .form_wrapper input.xsmall, .form_wrapper input.small,.form_wrapper input.medium,.form_wrapper input.large,.form_wrapper input,.form_wrapper textarea,.form_wrapper select {
	font-family:helvetica, arial, verdana, sans-serif;
	color:#787878;
	background: #fbfbfb;
	border: 3px solid #e4e4e4;
	padding:7px 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;}	
.form_wrapper .top_label input.xsmall, .form_wrapper .top_label select.xsmall{width:15%}
.form_wrapper .top_label input.small, .form_wrapper .top_label select.small{width:25%}
.form_wrapper .top_label input.medium, .form_wrapper .top_label select.medium{width:50%}
.form_wrapper .top_label input.large, .form_wrapper .top_label select.large, .form_wrapper .top_label textarea.textarea{width:94%}
.form_wrapper .right_label input.small, .form_wrapper .right_label select.small, .form_wrapper .left_label input.small, .form_wrapper .left_label select.small{width:15%}
.form_wrapper .right_label input.medium, .form_wrapper .right_label select.medium, .form_wrapper .left_label input.medium, .form_wrapper .left_label select.medium{width:35%}
.form_wrapper .right_label input.large, .form_wrapper .right_label select.large, .form_wrapper .left_label input.large, .form_wrapper .left_label select.large, .form_wrapper textarea.textarea{width:59%}
.form_wrapper .right_label div.input_complex, .form_wrapper .left_label div.input_complex{width:64%;float:left}





.form_wrapper{
	overflow:hidden;
	margin:10px 0;
	width:100%;}
.form_wrapper h1, .form_wrapper h2, .form_wrapper h3{
	outline:none;
	background:none}
.form_wrapper:focus{
	outline:none}
.form_wrapper form{
	text-align:left}
.form_wrapper input{
	outline-style: none;
	font-size:inherit;
	font-family:inherit;
	padding:2px;}
.form_wrapper textarea{
	outline-style: none;
	font-size:inherit;
	font-family:inherit;
	padding:2px;
	resize:none;}
.form_wrapper ul{
	margin:0;
	list-style-type:none}
html >body .entry ul, .form_wrapper ul{
	text-indent:0px}
.form_wrapper li, .form_wrapper form li{
	list-style-type:none!important;
	overflow:hidden;background-image:none !important;
	margin-left:0 !important;
	padding-left:0 !important;}
	
.form_wrapper ul.gfield_radio li, .form_wrapper ul.gfield_checkbox  li {overflow:visible;}
.form_wrapper form ul.right_label li, .form_wrapper form ul.left_label li, .form_wrapper form ul.top_label li {margin-bottom:14px}
.form_wrapper ul li:before, .form_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:"";/* for safari */}
.form_wrapper ul li:before, .form_wrapper ul li:after, .entry ul li:before, .entry ul li:after{content:none;# /* for other browsers  */}
.form_wrapper select{padding:3px 0 3px 0;}
.form_wrapper .inline{display:inline!important}
.form_wrapper .field_name_first, .form_wrapper .field_name_last{width:50%;float:left}
.form_wrapper .input_complex {overflow:hidden;}

/* .form_wrapper .input_complex, .form_wrapper .clear-multi {overflow:hidden;margin-bottom:-14px;} */
.form_wrapper .field_name_first input, .form_wrapper .input_complex .input_left input{width:90%!important}
.form_wrapper .field_name_last input{width:93%!important}
.form_wrapper .input_complex .input_left, .form_wrapper .input_complex .input_right{width:48%;float:left;}
.form_wrapper .input_complex input, .form_wrapper .input_complex select{width:92%!important}
.form_wrapper .input_complex label, .form_wrapper .gfield_time_hour label, .form_wrapper .gfield_time_minute label, .form_wrapper .gfield_date_month label, .form_wrapper .gfield_date_day label, .form_wrapper .gfield_date_year label, .form_wrapper .instruction {display:block;margin:3px 0 14px 0;font-size:.9em;color:#939B9F;}
.form_wrapper .input_complex .name_prefix{float:left;width:30px!important;margin-right:14px}
.form_wrapper .input_complex .name_suffix{float:left;width:30px!important}
.form_wrapper .input_complex .name_first, .form_wrapper .input_complex .name_last{float:left;width:100px;margin-right:8px}
.form_wrapper .top_label .gfield_label{margin:0;font-weight:bold;display:-moz-inline-stack;display:inline-block;line-height:1.3em;clear:both}
.form_wrapper .left_label .gfield_label{float:left;margin:2px 15px 0 0;width:29%;font-weight:bold}
.form_wrapper .right_label .gfield_label{float:left;margin:2px 15px 0 0;width:29%;font-weight:bold;text-align:right}
.form_wrapper .left_label ul.gfield_checkbox, .form_wrapper .right_label ul.gfield_checkbox, .form_wrapper .left_label ul.gfield_radio, .form_wrapper .right_label ul.gfield_radio{margin-left:32%}




/* updated radio and checkbox styling - justifies lenghty labels ----------------------------------- */
.form_wrapper .gfield_checkbox li, .form_wrapper .gfield_radio li {position:relative;margin-bottom:12px !important;}
.form_wrapper ul.gfield_checkbox, .form_wrapper ul.gfield_radio {margin:3px 0 0 0; padding:0;}
.form_wrapper .gfield_checkbox li label,.form_wrapper .gfield_radio li label {display:block; clear:none; margin: 0 0 0 19px; padding:0; width: auto; line-height:1.3em; vertical-align: top;}
.form_wrapper .gfield_checkbox li input[type=checkbox], .form_wrapper .gfield_radio li input[type=radio], .form_wrapper .gfield_checkbox li input {float:left; margin:0; padding:0; border:none;}


/* some built in styles to use for quick radio/checkbox columns ----------------------------------- */
.gf_2col ul.gfield_checkbox li, .gf_2col ul.gfield_radio li {width:50%;float:left;margin:0;min-height:1.8em;}
.gf_3col ul.gfield_checkbox li, .gf_3col ul.gfield_radio li {width:33%;float:left;margin:0;min-height:1.8em;}
.gf_4col ul.gfield_checkbox li, .gf_4col ul.gfield_radio li {width:25%;float:left;margin:0;min-height:1.8em;}
.gf_2col ul.gfield_checkbox, .gf_2col ul.gfield_radio, .gf_3col ul.gfield_checkbox, .gf_3col ul.gfield_radio, .gf_4col ul.gfield_checkbox, .gf_4col ul.gfield_radio {overflow:hidden;}
.gf_height25 ul.gfield_checkbox li, .gf_height25 ul.gfield_radio li  {height:25px;}
.gf_height50 ul.gfield_checkbox li, .gf_height50 ul.gfield_radio li  {height:50px;}
.gf_height75 ul.gfield_checkbox li, .gf_height75 ul.gfield_radio li  {height:75px;}
.gf_height100 ul.gfield_checkbox li, .gf_height100 ul.gfield_radio li  {height:100px;}
.gf_height125 ul.gfield_checkbox li, .gf_height125 ul.gfield_radio li  {height:125px;}
.gf_height150 ul.gfield_checkbox li, .gf_height150 ul.gfield_radio li  {height:150px;}

.form_wrapper .description, .form_wrapper .gfield_description, .form_wrapper .gsection_description,.form_wrapper .instruction {clear:both;}
.form_wrapper .description, .form_wrapper .gfield_description {padding:4px 0 8px 0}
.form_wrapper .gfield_description  {padding: 3px 0 0 0;}
.gfield_date_year+.gfield_description {padding:0 0 8px 0}
.input_complex + .gfield_description {padding-top:0!important}
.form_wrapper .right_label .gfield_description, .form_wrapper .left_label .gfield_description, .form_wrapper .left_label .instruction, .form_wrapper .right_label .instruction{margin-left:29%;padding-left:15px}
.form_wrapper .left_label .gsection .gsection_description, .form_wrapper .right_label .gsection .gsection_description{margin-left:0;padding-left:0;}
.form_wrapper .gfield_required{color:#c00;margin-left:4px}
.form_wrapper textarea.small{height:80px}
.form_wrapper textarea.medium{height:150px}
.form_wrapper textarea.large{height:250px}

.form_wrapper .top_label .gfield_error input.large, .form_wrapper .top_label .gfield_error select.large, .form_wrapper .top_label .gfield_error textarea.textarea{width:100%}
.form_wrapper .right_label .gfield_error input.large, .form_wrapper .right_label .gfield_error select.large, .form_wrapper .right_label .gfield_error textarea.textarea, .form_wrapper .left_label .gfield_error input.large, .form_wrapper .left_label .gfield_error select.large, .form_wrapper .left_label .gfield_error textarea.textarea {width:66%}
.form_wrapper .validation_error{color:#c00;font-weight:bold;font-size:16px;line-height:1.3em;margin-bottom:1em;}
.form_wrapper .validation_message{color:#c00!important;}
.form_wrapper .gform_footer{padding:14px 0 0 0;margin:14px 0 1.4em 0;}
.form_wrapper .gform_footer.right_label, .form_wrapper .gform_footer.left_label {padding:14px 0 14px 31%}
.form_wrapper input.button{color:#222}
.form_wrapper input.button:hover{color:#000}


/* added for v1.3 ------------------------------------------------------------------------- */
.form_wrapper .input_complex .input_left, .form_wrapper .input_complex .input_right, .form_wrapper .input_complex .input_full {/* min-height:43px; */display:block;overflow:hidden}


/* a few IE7 specific hacks ------------------------------------------------------------------------- */
.form_wrapper .gfield_time_hour{*width:80px}
.form_wrapper .gfield_time_minute{*width:70px}
.form_wrapper .gfield_time_ampm{*padding-top:2px}
.form_wrapper .gfield_time_hour input, .form_wrapper .gfield_time_minute input{*margin-left:0}
.form_wrapper .input_complex .input_left label, .form_wrapper .input_complex .input_right label {*margin:3px 0 5px 0}
.gform_footer input.button {*padding:3px}
.form_wrapper .gfield_checkbox li input[type=checkbox], .form_wrapper .gfield_radio li input[type=radio], .form_wrapper .gfield_checkbox li input {*margin-top:0;}


/* IE8 & IE7 hacks because IE still sux  ------------------------------------------------------------------------- */
.form_wrapper .input_complex .input_left select, .form_wrapper .input_complex .input_right select {padding: 2px 0 2px 0\9 }


/* hidden fields --------------------------------------------------------------------*/
.form_wrapper input[type="hidden"], .form_wrapper input.gform_hidden, .gform_hidden {display:none}
.input_full br, .input_left br, .input_right br {display:none;}


/* fix captcha alignment for IE8 ---------------------------------------------------------------------*/
.form_wrapper .left_label #recaptcha_area, .form_wrapper .right_label #recaptcha_area, #recaptcha_table {margin-left:32%;}


/* additional spacing and padding tweaks  --------------------------------------------*/
ul.gfield_checkbox li, ul.gfield_radio li {padding:0!important}
.top_label .input_complex + .gfield_description {padding-bottom:0!important}
.form_wrapper .top_label .gfield_description, {padding: 10px 0 0 0}
.form_wrapper .top_label .gfield_description.validation_message, .gfield_description.validation_message {padding:3px 0 10px 0}

/* HTML field default margins -----------------------------------------------------*/

.left_label li.gfield_html_formatted/* , .right_label li.gfield_html_formatted */ {margin-left:32%;}
.gfield_html.gfield_no_follows_desc {margin-top:10px;}

/* added by SD 08.14.2010 -----------------------------------------------------*/

.gform_description {font-size:1.2em;line-height:1.5em;margin-bottom:1.4em;}
.gfield_description, .gsection_description {font-size:.9em;line-height:1.3em;color: #939B9F;font-style: italic;}
.gform_description p, .gform_description li, .gfield_description p, .gfield_description li, .gsection_description p, .gsection_description li {font-size:1em !important;line-height:1.3em;margin:0;}
/* datepicker */
table.ui-datepicker, table.ui-datepicker tr, table.ui-datepicker thead tr, table.ui-datepicker th, table.ui-datepicker td {margin-bottom:0;padding:0;border:0;background:transparent;}
table.ui-datepicker td {border:1px solid #eee;}
table.ui-datepicker td a {font-size:.9em;border:0 !important;}
/* description text */
#gforms_confirmation_message {font-size:1.2em;line-height:1.5em;}
#gforms_confirmation_message table {width:100%;font-size:1em;margin:18px 0;}
#gforms_confirmation_message .gsection_name {background:#eee;}
/* edit form link */
.gform_footer a {font-size:1.2em;border:1px solid #e6db55;padding: 5px 6px 5px 25px;color:#5F8CA2;background:#fffbcc url(../images/write-post.gif) no-repeat 5px 3px;}

/* added by MTF 08.17.2010 -----------------------------------------------------*/
ul.gfield_radio li label, ul.gfield_checkbox li label { float:none;*display: inline;}




/*
===========================================================================================================================================
	
	06: GLOBAL FOOTER
	
===========================================================================================================================================
*/

/* GLOBAL FOOTER: Structure
---------------------------------------------------------------------------------------------------------- */
#global_footer {
	width: 960px!important;
	_width: 960px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #A80000;
	text-align: left;
	margin-top:15px!important;
	margin-right: auto;
	margin-bottom: 0px!important;
	margin-left: auto;
	height:auto;
	min-height:250px;
	background-color: #031827;}

/* GLOBAL FOOTER: Links
---------------------------------------------------------------------------------------------------------- */
#footerlinks {
	min-width: 940px;
	max-width: 940px;
	_width: 940px;
	text-align: left;
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:10px;
	height:150px;
	min-height:150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #010C14;}
#footerlinks-menu,
#footerlinks-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	left: auto;
	border:none;
	min-height:140px;}
#footerlinks-menu li {
	font-size:12px;
	padding: 0;
	list-style-type: none;
	float: left;
	display: inline;
	font-weight: bold;
	background: none;
	position: relative;
	width:227px;
	_width:227px;
	color: #FFF;
	margin-top: 0;
	margin-right:10px;
	margin-bottom: 0;
	margin-left: 0;}
#footerlinks-menu li h3 {
	text-shadow: 1px 1px 1px #000;
	color:#FFF!important;
	font-family:"Georgia", "Cambria", "Times New Roman", Times, serif!important;
	font-weight:normal!important;
	letter-spacing:1px;
	font-size:13px;
	text-transform: uppercase;
	margin:0px!important;
	padding-top: 3px!important;
	padding-right: 0px!important;
	padding-bottom: 5px!important;
	padding-left: 0px!important;}	
#footerlinks-menu li.last {
	border:none;
	margin-right:0px!important;}	
#footerlinks-menu li ul {
	margin-top:0.2em;
	margin-right:0;
	margin-bottom:0.2em;
	margin-left:0.1em;}
#footerlinks-menu ul li {
	float: none;
	/* font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif!important; */
	font-size:12px;
	margin: 0;
	font-weight: normal;
	display: block;
	width: auto;
	padding-top:3px;
	padding-right: 0;
	padding-bottom:5px;
	padding-left: 0;
	line-height: 1.1em;
	border:none;}
#footerlinks-menu ul li a {
	color: #FFF;}
#footerlinks-menu ul li a:hover {
	color: #FFF;
	text-decoration: underline;}		
#footerlinks-menu .new{
	color: #CC0000;}


/* GLOBAL FOOTER: Legal
---------------------------------------------------------------------------------------------------------- */
#legal-info {
	width: 960px;
	_width:960px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0A4978;}	
#legal-info .wrapper {
	position: relative;
	min-width: 940px;
	max-width: 940px;
	_width: 960px;
	height:95px;
	max-height:95px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;}
	
#legal-info .colSeal {
	float:left;
	margin-right:5px;
	width:57px;
	height:87px
	padding-top:0px;}
#legal-info .colLegal {
	float:left;
	min-width:310px;
	max-width:310px;
	padding-left:14px;
	padding-right:24px;
	padding-top:17px;}
#legal-info .colCampus {
	float:left;
	min-width:164px;
	max-width:164px;
	height:90px;
	padding-left:11px;
	padding-top:2px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0A4978;}	
	
#legal-info ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	left: auto;}
#legal-info li {
	font-size:11px;
	list-style-type: none;
	font-weight: normal;
	background: none;
	color: #FFF;
	margin-top: 0;
	margin-right: 0px;
	padding-bottom:2px;
	margin-left: 0;
	line-height: 1.1em;}
#legal-info li a {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;}
#legal-info li a:hover {
	color: #FFF;
	font-weight: normal;
	text-decoration: underline;}
#legal-info li.title {
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;}
#legal-info li.phone {
	padding-left:14px;
	padding-top:0px;
	background-image: url(/001_Global/images/footer/bl-phone.gif);
	background-repeat: no-repeat;
	background-position: 0 0px;}	
#legal-info li.bold {
	font-weight: bold;}
#legal-info li.bold a {
	font-weight: bold;}