/* 
=================================
NorthlandCollege.edu Global Side Bar CSS Document
(c) 2006 NorthlandCollege.edu
Created by: Chad Sperling
=================================
*/

/*****************************************
  SIDEBAR POSITIONING
*****************************************/
#sidebarHome {
	width: 290px;
	background: left top;}
#sidebarHome .sidebox {
	margin-bottom: 10px;}
#rcol_Cap {
	background:url(/global/images/backgrounds/caps/subHome.png) no-repeat;
	width:302px;
	overflow:hidden;
	float:left;
	margin-left: 4px;}
#rcol_Cap2 {
	background:#FFFFFF;
	width:302px;
	overflow:hidden;
	float:left;
	margin-left: 4px;}
/* FIGURE OUT NEED FOR BELOW */
#rcol_Box{
	width: 290px;
	float: left;
	padding: 0px;
	background-color: #FFFFFF;}	

/*****************************************
  SIDEBAR BG HD BARS (h1-h6)
*****************************************/
#sidebarHome .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;}
#sidebarHome .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;}
#sidebarHome .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;}
#sidebarHome .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;}	
#sidebarHome .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;}		

/*****************************************
  SIDEBAR BOXES (backgrounds, txt, links)
*****************************************/
#sidebarHome .sidebox-border {
	border: 1px solid #e0e0e0;
	border-top: none;
	background: #f2f2f2 url(../images/sidebox/bg1.gif) repeat-x left top;
	padding-bottom: 7px;
	padding-top: 7px;}
#sidebarHome .sidebox-background {
	padding: 2px 9px 0;
	background: #f2f2f2 url(../images/sidebox/bg1.gif) repeat-x left top;}
#sidebarHome .sidebox-background2 {
	width: 290px;
	background-image: url(http://vmedia.rivals.com/images/rivalschannel/nbadraft_spotlightbg.gif);
	background-repeat: repeat-y;}	
#sidebarHome .sidebox-bottom {
	width: 290px;
	height: 6px;
	background: url(../images/sidebox/bgBtm.gif);
	background-repeat:no-repeat;
	padding-bottom: 5px;
	overflow: hidden;}

#sidebarHome .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;}	
#sidebarHome .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;}
#sidebarHome .sidebox-list {
	padding: 2px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;}	
#sidebarHome .sidebox-tools {
	padding: 0px 0px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;}
#sidebarHome .sidebox-toolsimg {
	border: none;
	margin-top: 5;
	margin-bottom: 5px;
	margin-right: 6px;
	margin-left: 0px;}			
#sidebarHome .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;}

div.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}


#sidebarHomeTest {
	width: 290px;
	padding-left: 4px;
	background: url(/global/images/sidebox/sidebar_background293.gif) repeat-y left top;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100%;}
#sidebarHomeTest .sidebox { margin-bottom: 6px; border: 1px solid #fff; }
#sidebarHomeTest .sidebox-border {
	border: 1px solid #e0e0e0;
	border-top: none;
	background: #f2f2f2 url(../images/sidebox/bg1.gif) repeat-x left top;
	padding-bottom: 7px;
	padding-top: 7px;}
#sidebarHomeTest .sidebox-background {
	padding: 2px 9px 0;
	background: #f2f2f2 url(../images/sidebox/bg1.gif) repeat-x left top;}

#sidebarHomeTest .sidebox-bottom {
	width: 290px;
	height: 6px;
	background: url(../images/sidebox/bgBtm.gif);
	background-repeat:no-repeat;
	padding-bottom: 5px;
	overflow: hidden;}

#sidebarHomeTest .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;}	
#sidebarHomeTest .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;}
#sidebarHomeTest .sidebox-list {
	padding: 2px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}	
#sidebarHomeTest .sidebox-tools {
	padding: 0px 0px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;}
#sidebarHomeTest .sidebox-toolsimg {
	border: none;
	margin-top: 5;
	margin-bottom: 5px;
	margin-right: 6px;
	margin-left: 0px;}			
#sidebarHomeTest .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;}
#sidebarHomeTest .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;}
#sidebarHomeTest .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;}
#sidebarHomeTest .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;}
#sidebarHomeTest .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;}	
#sidebarHomeTest .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;}	


/*****************************************
  SIDEBAR LAYOUT (second layer home)
*****************************************/
#sidebarSecondary {
	width: 202px;
	padding-left: 14px;
	background: url(/global/images/sidebox/sidebar_background.gif) repeat-y top left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 202px;
	height: 100%;}
#sidebarSecondary .sidebox { margin-bottom: 10px; border: 1px solid #fff; }
#sidebarSecondary .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;}
#sidebarSecondary .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;}
#sidebarSecondary .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;}
#sidebarSecondary .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;}
#sidebarSecondary .sidebox-border {
	border-top: 1px none #B4B4B4;
	background: #f2f2f2 url(/global/images/sidebox/bg2.jpg) repeat-x left top;
	padding-bottom: 7px;
	padding-top: 7px;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	border-left: 1px solid #B4B4B4;
}
#sidebarSecondary .sidebox-background {
	padding: 2px 4px 0;
	background: #f2f2f2 url(/global/images/sidebox/bg2.jpg) repeat-x left top;}
#sidebarSecondary .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;}
#sidebarSecondary .sidebox-title2 {
	padding: 0px 0px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}	
#sidebarSecondary .sidebox-content {
	padding: 2px 0px 10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;}
#sidebarSecondary .sidebox-links {
	padding: 3px 0px 5px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 1.2em;}
	#sidebarSecondary .sidebox-advertisement {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: 1px solid #fff;}
#sidebarSecondary img { margin: 0 0 0px 0; border: 0px solid #fff; }


/*****************************************
  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 VERTICAL NAVIGATION - Sub Home Pages 295 width 
*****************************************/
#vertNav {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 295px;background: #FFFFFF repeat-x left top;}
#vertNav li {position: relative; font-weight: bold; padding-bottom: 1px; background: #FFFFFF repeat-x left bottom;}
#vertNav li a {display: block; text-decoration: none; padding: 4px 0 4px 13px; background-color: #E0E0E0;/* -- Link Box Color (off) -- */}
#vertNav li a:hover, #categories li a.ont-selected:hover {background-color: #FFFFFF;/* -- Link Box Color (on) -- */ color: #FFFFFF;}
li:hover #vertNav, li.over #vertNav { display: block; }

#vertNav li a,
#vertNav li ul li a,
#vertNav li a:hover,
#vertNav li a:hover  {font-size: 10px;color: #333333; font-weight: bold; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;}

* html #vertNav li { float: left; height: 1%; }
* html #vertNav li a { height: 1%; }
* html #vertNav li ul li { float: left; height: 1%; }
* html #vertNav li ul li a { height: 1%; }
* html #vertNav li ul li ul li { float: left; height: 1%; }
* html #vertNav li ul li ul li a { height: 1%; }
* html #vertNav li ul li ul li ul li { float: left; height: 1%; }
* html #vertNav li ul li ul li ul li a { height: 1%; }


/*****************************************
  SIDEBAR VERTICAL NAVIGATION - Sub Layer Pages ____ width 
*****************************************/
#vertNav2 {margin: 0px 0 0px 0; padding: 1px 0 0px 0; list-style: none; width: 293px;background: #FFFFFF repeat-x left top;}
#vertNav2 li {position: relative; font-weight: bold; padding-bottom: 1px; background: #FFFFFF repeat-x left bottom;}
#vertNav2 li a {display: block; text-decoration: none; padding: 4px 0 4px 15px; background-color: #E0E0E0;/* -- Link Box Color (off) -- */}
#vertNav2 li a:hover, #categories li a.ont-selected:hover {background-color: #FFFFFF;/* -- Link Box Color (on) -- */ color: #FFFFFF;}
li:hover #vertNav2, li.over #vertNav2 { display: block; }

#vertNav2 li a,
#vertNav2 li ul li a,
#vertNav2 li a:hover,
#vertNav2 li a:hover  {font-size: 10px;color: #333333; font-weight: bold; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif;}

* html #vertNav2 li { float: left; height: 1%; }
* html #vertNav2 li a { height: 1%; }
* html #vertNav2 li ul li { float: left; height: 1%; }
* html #vertNav2 li ul li a { height: 1%; }
* html #vertNav2 li ul li ul li { float: left; height: 1%; }
* html #vertNav2 li ul li ul li a { height: 1%; }
* html #vertNav2 li ul li ul li ul li { float: left; height: 1%; }
* html #vertNav2 li ul li ul li ul li a { height: 1%; }


/*****************************************
  SIDEBAR BUTTON STYLES
*****************************************/

/**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;}
