/*-----------------------------------------------------------------------------------------------------------------------
  [SUB PAGE STYLESHEET]
  
  Project:		Northland College
  URL:			northlandcollege.edu
  Version:		1.0
  Last Change:	06/11/08 [ created ]
  Copyright:	(c)2005-2008 Northland College. All Rights Reserved.
-----------------------------------------------------------------------------------------------------------------------*/	


/*-------------------------------------------------------------
	TABLE OF CONTENTS
---------------------------------------------------------------
	00. PAGE HEADERS
	01. CONTENT/SIDE NAV
	02. JUMP MENU
	03. TITLE
	04. TITLE
    05. TITLE
    06. TITLE
    07. TITLE
    08. TITLE
    09. TITLE
    10. TITLE
---------------------------------------------------------------*/


/*-------------------------------------------------------------
	00. PAGE STRUCTURE
---------------------------------------------------------------*/

#page-layout {
	height: 100%;
	background-image: url(../images/bg/main-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;}	
#page-layout-wrap {
	width:982px;
	_width:982px;
	min-height:600px;
	_min-height:600px;
	position:relative;
	margin-top:0px;
	margin-bottom:20px; /* gives separation from footer */
	margin-right:auto;
	margin-left:auto;}



/*-------------------------------------------------------------
	01. PAGE HEADER
---------------------------------------------------------------*/

 /* structure */
#page-header-wrap {
	height:1%;
	width:100%;
	padding-top:15px;
	margin-bottom:5px;
	border-bottom-width:0px;
	border-bottom-style:solid;
	border-bottom-color:#B2B2B2;}
	
 /* text header/logo --- custom for each site directory. check local css file. */	
 
 /* alignment --- if navigation */ 
#page-header-wrap .left{
	height:219px;
	min-height:219px;
	width:460px;
	padding-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	float: left;}
#page-header-wrap .right{
	height:219px;
	min-height:219px;
	width:522px;
	padding-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	float: left;}
	
/* replacement --- removes text description */ 
.replaced { display: block; height: 10px; overflow: hidden; outline: none; text-indent: -9999px; width: 10px; }


/*-------------------------------------------------------------
	02. CONTENT STRUCTURE
---------------------------------------------------------------*/

#content {
	width: 100%;
	min-height:300px;
	position: relative;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:15px;
	margin-right: auto;
	margin-left: auto;}
#content-wrap {
	width:982px;
	min-width:982px;
	min-height:300px;
	margin: 0px auto;
	position: relative;}


/*-------------------------------------------------------------
	01. CONTENT COLUMN TYPES
---------------------------------------------------------------*/	
/* 1 column layout - [ link menu/main content/side features ] */
#columns-1 {
	height:1%; 
	overflow:hidden;
	float:left; 
	width:100%;}
#columns-1 .col-main {
	float:left;
	margin-top:0px;
	padding-bottom:10px;
	width:100%;
	max-width:100%;
	margin-right:0px;}	
	
/* 2 column layout - [ link menu/main content/side features ] */
#columns-2 {
	height:1%; 
	overflow:hidden;
	float:left; 
	width:100%;}
	
/* vertical navigation menu column REMOVE REMOVE REMOVE AFTER PAGE HAVE BEEN UPDATED */
#columns-2 .col-navmenu {
	float:left;
	overflow:hidden;
	margin-top:0px;
	padding-bottom:10px;
	width:155px;
	max-width:155px;
	min-height:300px;
	margin-right: 15px;}
/* main center column */
#columns-2 .col-main {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	width:812px;
	max-width:812px;
	margin-right:0px;}
	
/* A SERIES [ left navigation - right main ] */
#columns-2 .colA1 {
	float:left;
	overflow:hidden;
	margin-top:0px;
	padding-bottom:10px;
	width:155px;
	max-width:155px;
	min-height:300px;
	margin-right: 15px;}
#columns-2 .colA2 {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	width:812px;
	max-width:812px;
	margin-right:0px;}	
	
/* B SERIES [ left main - right module features ] */
#columns-2 .colB1 {
	float:left;
	overflow:hidden;
	margin-top:0px;
	margin-bottom:20px;
	padding-bottom:30px;
	width:720px;
	max-width:720px;
	min-height:300px;
	padding-right: 10px;
	background-image: url(../../001_Global/images/bg/bg-sub-sidecolumn.gif);
	background-repeat: no-repeat;
	background-position: right -20px;}
#columns-2 .colB2 {
	height:auto;
	width:242px;
	padding-right:0px;
	padding-left:0px;
	margin-left:10px;
	margin-bottom:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	overflow: visible;}	


/* 3 column layout - [ link menu/main content/side features ] */
#columns-3 {
	height:1%; 
	overflow:hidden;
	float:left; 
	width:100%;}
/* vertical navigation menu column */
#columns-3 .col-navmenu {
	float:left;
	overflow:hidden;
	margin-top:0px;
	padding-bottom:10px;
	width:155px;
	max-width:155px;
	min-height:300px;
	margin-right: 15px;
	background-color: #FFF;}
/* main center column */
#columns-3 .col-main {
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	width:590px;
	max-width:590px;
	margin-right:15px;
	background-color: #FFFFFF;}
/* side features column */
#columns-3 .col-sidefeatures {
	float:left;
	overflow:hidden;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	width:207px;
	max-width:207px;
	min-height:400px;
	background-color: #FFF;
	border: 0px solid #CCCCCC;}
#columns-3 .col-sidefeatures #module{
	overflow:hidden;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	min-height:400px;
	background-color: #FFF;
	border-bottom-width:5px;
	border-bottom-style: solid;
	border-bottom-color: #DAD6D2;}	
#columns-3 .col-sidefeatures #module h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom:3px;
	display: block;
	padding-top:9px;
	padding-right:2px;
	padding-bottom:7px;
	padding-left:6px;	/*font-family:Helvetica, Arial, sans-serif;
	font-family: georgia, serif;*/}
#columns-3 .col-sidefeatures #module h3.dark-grey {
	background-color: #33302D;
	color: #FFF;}
#columns-3 .col-sidefeatures #module .content-grey{
	overflow:hidden;
	margin-top:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	min-height:400px;
	background-color: #DDDDDD;	}	
#columns-3 .col-sidefeatures .side-image {
	margin-top:0px;
	padding-top:10px;
	padding-bottom:10px;}


	
/*-------------------------------------------------------------
	01. CONTENT/SIDE NAV
---------------------------------------------------------------*/	

#site-title h1 {
	width:100%;
	color: #333;
	font-size:400%;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	letter-spacing: -2px;
	text-decoration: none;
	line-height:0.9em;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
	margin-top:0px;
	margin-bottom:5px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;}

.module-TakeAction .module-Cap h2 {
	height:35px;
	width:210px;
	position:absolute;
	display:block;
	z-index:100;
	margin-top:8px;
	margin-left:10px;
	background-image: url(../images/home/modules/takeaction/hd-takeaction.gif);
	background-repeat: no-repeat;
	background-position: left top;}	
.module-TakeAction .module-Cap h2 span {
	display: none; }

#page-title h1 {
	color: #33302D;
	font-size:200%;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:0.9em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #33302D;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #E6E6E6;
	margin-top:0px;
	margin-bottom:5px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;}

	
/*-------------------------------------------------------------
	01. CONTENT/SIDE NAV
---------------------------------------------------------------*/	
.side-navigation {height:1%; overflow:hidden;}
.side-navigation ul {border-top:1px solid #c7c7c7; display:block; height:1%; margin-bottom:10px;}
.side-navigation li {margin-top:-1px; float:left; width:100%;}
.side-navigation li a span {
	color: #0080C9;/*#797C80, 292929*/
	border:1px solid #fff;
	cursor:pointer;
	display:block;
	line-height:1.1em;
	padding-top:9px;
	padding-right:2px;
	padding-bottom:9px;
	padding-left:8px;}
.side-navigation li a:hover span {
	color: #00587A;
	background-color: #F0F0F0;}	
#S01 .side-navigation li.S01 a span,
#S02 .side-navigation li.S02 a span,
#S03 .side-navigation li.S03 a span,
#S04 .side-navigation li.S04 a span,
#S05 .side-navigation li.S05 a span,
#S06 .side-navigation li.S06 a span,
#S07 .side-navigation li.S07 a span,
#S08 .side-navigation li.S08 a span,
#S09 .side-navigation li.S09 a span,
#S10 .side-navigation li.S10 a span,
#S11 .side-navigation li.S11 a span,
#S12 .side-navigation li.S12 a span,
#S13 .side-navigation li.S13 a span,
#S14 .side-navigation li.S14 a span,
#S15 .side-navigation li.S15 a span {
	display:block;
	background-color: #DDDDDD;
	color: #000000;}
#S01 .side-navigation li.S01 a:hover span,
#S02 .side-navigation li.S02 a:hover span,
#S03 .side-navigation li.S03 a:hover span,
#S04 .side-navigation li.S04 a:hover span,
#S05 .side-navigation li.S05 a:hover span,
#S06 .side-navigation li.S06 a:hover span,
#S07 .side-navigation li.S07 a:hover span,
#S08 .side-navigation li.S08 a:hover span,
#S09 .side-navigation li.S09 a:hover span,
#S10 .side-navigation li.S10 a:hover span,
#S11 .side-navigation li.S11 a:hover span,
#S12 .side-navigation li.S12 a:hover span,
#S13 .side-navigation li.S13 a:hover span,
#S14 .side-navigation li.S14 a:hover span,
#S15 .side-navigation li.S15 a:hover span {
	background-color: #DDDDDD;
	color: #000000;}
		
	
.side-navigation li a {
	border:1px solid #c7c7c7;
	display:block;
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #797C80;}/*#797C80*/
.side-navigation li a:hover {
	text-decoration:none;
	color: #00587A;
	background-color: #F0F0F0;}

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


/*-------------------------------------------------------------
	02. PAGE NAVIGATION
---------------------------------------------------------------*/
/* HORIZONTAL */
.nav-horizontal {
	font-family: Arial, Helvetica, "Helvetica Neue", "Lucida Grande", Verdana, sans-serif;
	font-size:11px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-top:5px;
	/*background-image: url(../images/navigation/bg-horizontal.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	width:962px;
	text-align: left;}
.nav-horizontal a, .nav-horizontal span {
	font-weight:bold;
	display: inline;
	padding: 0.2em 0.5em;
	margin-right:1em;
	color: #8D9194;/*#3A78D2*/
	text-align: left;} /*#2F4251*/
.nav-horizontal span.current {
	border: 0px solid #2E6AB1;
	font-weight: bold;
	/*background: #FFF; #2E6AB1*/
	color: #000;} /*#999999*/
.nav-horizontal a {
    border: 0px solid #DDDDDD;
    text-decoration: none;}
.nav-horizontal a:hover {
	background: #FFF;
	color: #00587A;
	text-decoration: underline;}
.nav-horizontal a.nextprev {
    font-weight: bold;}
.nav-horizontal span.nextprev {
    color: #666;}
.nav-horizontal span.nextprev {
    border: 0px solid #ddd;
    color: #999;}
.nav-horizontal .nextprev-next {
    float: right;}



/*-------------------------------------------------------------
	03. PHOTO/IMAGE FLOATS
---------------------------------------------------------------*/	
#float-photo-right {
	float: right;
	overflow:hidden;
	position:relative;
	padding-bottom:10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;}	
#float-image-right {
	overflow:hidden;
	position:relative;
	padding-top:5px;
	padding-bottom:15px;
	float: right;
	padding-left:25px;}	
	

/*-------------------------------------------------------------
	03. SIDE COLUMN HEADERS
---------------------------------------------------------------*/	

#dgrey h1 {
	color: #33302D;
	font-size:160%;
	font-family: "trebuchet ms", sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:0.9em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #33302D;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #E6E6E6;
	margin-top:0px;
	margin-bottom:5px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;}
#red h1 {
	color: #C00;
	font-size:160%;
	font-family: trebuchet ms, sans-serif;
	font-weight: bold;
	letter-spacing: -1px;
	text-decoration: none;
	line-height:0.9em;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #C00;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #E6E6E6;
	margin-top:0px;
	margin-bottom:5px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 2px;
}