/*================================================================================================
Global Right Column NorthlandCollege.edu Style Sheet

version:   3.0
date:      11/09/06
author:    Chad Sperling
website:   http://www.northlandcollege.edu/
notes:     Eventually replace globalSideBar.css file. Currently used on Library, Technology sites.
================================================================================================*/

/*****************************************
  SECONDARY COLUMN POSITIONING
*****************************************/
#wrapSecondary {
	width:220px;
	overflow:hidden;
	float:left;
	margin-left: 0px;}	
#colSecondary{
	width: 217px;
	padding-left: 0px;}


#rcolPadding {
	background:#FFFFFF;
	width:303px;
	overflow:hidden;
	float:left;
	margin-left: 4px;}	
#rcolSubHome {
	width: 295px;
	padding-left: 4px;}

#rcolSubSplit3Pad {
	width:228px;
	overflow:hidden;
	float:left;
	margin-left: 4px;}	
#rcolSubSplit3 {
	width: 216px;
	padding-left: 6px;}	

/*****************************************
  MISC. (ads, divides)
*****************************************/
.line {
	clear:both;
	margin:0;
	padding: 8px 0;
	background: url(../images/sidebox/hr.gif) repeat-x left;
	height: 1px;}
.topAD {
	margin: 0px;
	padding: 0px;}
.sideDivide {
	margin-top: 2px;
	margin-bottom: 2px;}
div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

/*****************************************************************
  SUB HOME - RIGHT COLUMN BOXES  (backgrounds, txt, links)
*****************************************************************/
#colSecondary ul, li {
	margin: 0;
	padding: 0;
	list-style: none;}

#colSecondary .navigation { margin-bottom: 0px; }

#colSecondary #modHD {
	width:217px;
	height: 35px;}
#colSecondary #modHD .white {
	font-size:11px;
	float:left;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;}	
#colSecondary #modHD .grey {
	font-size:11px;
	float:left;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;}
	
#colSecondary .Silver {
	background:url(/global/images/sidebox/hd_silver.png) no-repeat left top;}
#colSecondary .Blue {
	background:url(/global/images/sidebox/hd_blue.png) no-repeat left top;}
#colSecondary .Red {
	background:url(/global/images/sidebox/hd_red.png) no-repeat left top;}
#colSecondary .Green {
	background:url(/global/images/sidebox/hd_green.png) no-repeat left top;}
#colSecondary .Yellow {
	background:url(/global/images/sidebox/hd_yellow.png) no-repeat left top;}
#colSecondary .Aqua {
	background:url(/global/images/sidebox/hd_aqua.png) no-repeat left top;}
			
#colSecondary #modBorder {
	background: #E8E8E8 url(/global/images/sidebox/bg217.jpg) no-repeat left bottom;
	width:217px;
	padding-bottom: 0px;
	padding-top: 0px;}
#colSecondary #mod {
	padding-bottom: 15px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;}
#colSecondary #mod p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 1.3em;}
#colSecondary #mod ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url("/global/images/bullets/arrowGrey.gif") no-repeat left .8em;
	padding-left: 10px;
	font-size: 11px;
	margin-left: 5px;
	line-height: 1.5em;
	padding-top: 4px;
	padding-bottom: 4px;}
#colSecondary #mod ul li a {
	color: #41454A;
	text-decoration: none;
	font-weight: normal;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
}
#colSecondary #mod ul li a:hover {
	color: #000000;
	text-decoration: none;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-bottom: 0.4em;
	padding-left: 0.4em;
	font-weight: normal;
	background-color: #C9E3F1;}
#colSecondary #mod .title{
	padding: 0px 0px 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;}
#colSecondary #mod .tools{
	padding: 0px 0px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;}
#colSecondary #mod .banner{
	padding: 0px 0px 5px 3px;}






#rcolSubHome .sidebox { margin-bottom: 5px; }
#rcolSubHome .sidebox-border {
	background: #E8E8E8 url(../images/sidebox/sidebar_bg295.gif) no-repeat left bottom;
	padding-bottom: 7px;
	padding-top: 7px;}
#rcolSubHome .sidebox-background {
	padding: 2px 8px 0;}
#rcolSubHome .sidebox-bottom {
	width: 295px;
	height: 6px;
	background: url(../images/sidebox/bgBtm.gif);
	background-repeat:no-repeat;
	padding-bottom: 5px;
	overflow: hidden;}
#rcolSubHome .sidebox-title {
	padding: 0px 0px 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-bottom: 2px;}	
#rcolSubHome .sidebox-content {
	padding: 2px 0px 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;}
#rcolSubHome .sidebox-list {
	padding: 2px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;}	
#rcolSubHome .sidebox-tools {
	padding: 0px 0px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;}
#rcolSubHome .sidebox-toolsimg {
	border: none;
	margin-top: 5;
	margin-bottom: 5px;
	margin-right: 6px;
	margin-left: 0px;}			
#rcolSubHome .sidebox-advertisement {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 1px;
	padding-top: 0px;
	padding-bottom: 4px;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C2B6;}

/*****************************************************************
  SUB HOME - BG HD BARS (h1-h6)
*****************************************************************/
.sidebox .hdRed {
	margin: 0;
	background: url(/global/images/sidebox/hd216red.gif) repeat-x top left;
	height: 26px;
}
.sidebox .hdSilver {
	margin: 0;
	background: url(/global/images/sidebox/hd216silver.gif) repeat-x top left;
	height: 26px;}	

#colSecondary .sidebox h1 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 7px 0px;}
#colSecondary .sidebox h2 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding: 2px 7px 0px;}
#colSecondary .sidebox h3 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	padding: 4px 5px;}
#colSecondary .sidebox h4 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdMedia.gif) repeat-x top left;}	
#colSecondary .sidebox h5 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(../images/sidebox/h3_red.gif) repeat-x top left;}	



#rcolSubHome .sidebox h1 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdBlue.gif) repeat-x top left;}
#rcolSubHome .sidebox h2 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdGrey.gif) repeat-x top left;}
#rcolSubHome .sidebox h3 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdRed.gif) repeat-x top left;}
#rcolSubHome .sidebox h4 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdMedia.gif) repeat-x top left;}	
#rcolSubHome .sidebox h5 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(../images/sidebox/h3_red.gif) repeat-x top left;}	

/*****************************************************************
  SUB PAGE SPLIT 3 - RIGHT COLUMN BOXES  (backgrounds, txt, links)
*****************************************************************/
#rcolSubSplit3 .sidebox { margin-bottom: 5px; }
#rcolSubSplit3 .sidebox-border {
	background: #E8E8E8 url(../images/sidebox/sidebar_bg216.gif) no-repeat left bottom;
	padding-bottom: 7px;
	padding-top: 7px;}
#rcolSubSplit3 .sidebox-background {
	padding: 2px 8px 0;}
#rcolSubSplit3 .sidebox-bottom {
	width: 295px;
	height: 6px;
	background: url(../images/sidebox/bgBtm.gif);
	background-repeat:no-repeat;
	padding-bottom: 5px;
	overflow: hidden;}
#rcolSubSplit3 .sidebox-title {
	padding: 0px 0px 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-bottom: 2px;}	
#rcolSubSplit3 .sidebox-content {
	padding: 2px 0px 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.1em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;}
#rcolSubSplit3 .sidebox-img {
	padding: 0px;
	border: 2px solid #999999;
	margin-bottom: 5px;}
#rcolSubSplit3 .sidebox-list {
	padding: 2px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;}	
#rcolSubSplit3 .sidebox-tools {
	padding: 0px 0px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;}
#rcolSubSplit3 .sidebox-toolsimg {
	border: none;
	margin-top: 5;
	margin-bottom: 5px;
	margin-right: 6px;
	margin-left: 0px;}			
#rcolSubSplit3 .sidebox-advertisement {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 1px;
	padding-top: 0px;
	padding-bottom: 4px;	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C2B6;}

/*****************************************************************
  SUB PAGE SPLIT 3 - BG HD BARS (h1-h6)
*****************************************************************/
#rcolSubSplit3 .sidebox h1 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdBlue.gif) repeat-x top left;}
#rcolSubSplit3 .sidebox h2 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(/global/images/sidebox/hdGrey.gif) repeat-x top left;}
#rcolSubSplit3 .sidebox h3 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 4px 5px;
	background: #71BFE3 url(../images/sidebox/hdRed.gif) repeat-x top left;}
#rcolSubSplit3 .sidebox h4 {
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-transform: none;
	margin: 0;
	padding: 5px;
	background: #71BFE3 url(../images/sidebox/hdMedia.gif) repeat-x top left;}


/*****************************************
  SIDEBAR MODULE LAYOUT - Alumni (8-24-06)
*****************************************/
#module_top {
	width:100%;
	float:left;
	height: 28px;}
.Silver {
	background:url(/global/images/sidebox/bubbleHD_290.gif) no-repeat left top;}
.Blue {
	background:url(/global/images/sidebox/bubbleHD_290.gif) no-repeat left top;}
.Red {
	background:url(/global/images/sidebox/bubbleHD_290.gif) no-repeat left top;}
#module_top h1 {
	font-size:11px;
	line-height:14px;
	padding:7px 0px 4px 8px;
	float:left;
	color: #333333;}
#module_top h2 {
	font-size:11px;
	line-height:14px;
	padding:7px 0px 4px 8px;
	float:left;
	color: #FFFFFF;}	
#side_col .module {
	color:#ccc;
	font-size:11px;
	padding:0px 5px 5px;
	background-image: url(/global/images/sidebox/bubbleBG_290.gif);
	background-repeat: repeat-y;
	background-position: bottom;}
.module {
	padding-bottom:10px;
	clear:both;}
.module p{
	clear:both;
	color: #000000;
	padding-top: 5px;
	font-size: 11px;}
.module_foot {
	width:100%;
	float:left;
	background:url(/global/images/sidebox/bubbleFOOTER_290.gif) no-repeat left top;
	margin-bottom: 8px;
	height: 6px;}



/*****************************************
  SIDEBAR BUTTON STYLES - (Examples: Apply Today, Request Catalog, Schedule Campus Visit, etc)
*****************************************/
/**blue**/
.buttonBlue {
	margin: 0 0 0px;
	padding: 0;
	float: left;}
.buttonBlue a {
	width: 200px;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 6px 0px 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #FFFFFF url(/global/images/sidebox/butBlue.gif) repeat-x left top;
	text-align: center;
	font-size: 11px;}
.buttonBlue a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF url(/global/images/sidebox/butGrey.gif) repeat-x left top;}
.buttonBlue a img {
	margin: 0 0px 0 0;
	vertical-align: middle;}

/**green**/
.buttonGreen {
	margin: 0 0 0px;
	padding: 0;
	float: left;}
.buttonGreen a {
	width: 200px;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 6px 0px 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #FFFFFF url(/global/images/sidebox/butGreen.gif) repeat-x left top;
	text-align: center;
	font-size: 11px;}
.buttonGreen a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF url(/global/images/sidebox/butGrey.gif) repeat-x left top;}
.buttonGreen a img {
	margin: 0 0px 0 0;
	vertical-align: middle;}

/**grey**/
.buttonGrey {
	margin: 0 0 0px;
	padding: 0;
	float: left;}
.buttonGrey a {
	width: 200px;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 6px 0px 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #FFFFFF url(/global/images/sidebox/butGrey.gif) repeat-x left top;
	text-align: center;
	font-size: 11px;}
.buttonGrey a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF url(/global/images/sidebox/butGrey.gif) repeat-x left top;}
.buttonGrey a img {
	margin: 0 0px 0 0;
	vertical-align: middle;}

/**yellow**/
.buttonYellow {
	margin: 0 0 0px;
	padding: 0;
	float: left;}
.buttonYellow a {
	width: 200px;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 6px 0px 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #FFFFFF url(/global/images/sidebox/butYellow.gif) repeat-x left top;
	text-align: center;
	font-size: 11px;}
.buttonYellow a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF url(/global/images/sidebox/butGrey.gif) repeat-x left top;}
.buttonYellow a img {
	margin: 0 0px 0 0;
	vertical-align: middle;}
	
/**orange**/
.buttonOrange {
	margin: 0 0 0px;
	padding: 0;
	float: left;}
.buttonOrange a {
	width: 200px;
	display: block;
	float: left;
	margin: 0 0 0 0px;
	padding: 6px 0px 9px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF!important;
	background: #FFFFFF url(/global/images/sidebox/butOrange.gif) repeat-x left top;
	text-align: center;
	font-size: 11px;}
.buttonOrange a:hover {
	color: #000000;
	text-decoration: none;
	background: #FFFFFF url(/global/images/sidebox/butGrey.gif) repeat-x left top;}
.buttonOrange a img {
	margin: 0 0px 0 0;
	vertical-align: middle;}