﻿body {
	color: black;
	background: url("http://www.sportbusinessinstitute.com/images/bkgd_gradientblue.jpg") repeat-x;
	background-repeat: repeat-x;
	font-family: Ariel, Helvetica, sans-serif;
	margin: 0px;
	font-size: 0.9em;
	background-color: #000000;
}

/* - CLASSES FOR LINKS - */

a:link, a:visited {
	color: #828282;
	background-image: none;
}

a:hover {
	color: #CF952B;
	background-image: none;
}

a:active {
	color: #CF952B;
	background-image: none;
}

/* - CUSTOM CLASSES FOR COLOR OF LEFT NAV LINKS - */

a.leftnav:link {
	color: #828282;
	background-image: none;
}

a.leftnav:hover {
	color: #CF952B;
	background-image: none;
}

/* - CLASSES FOR COLOR OF HEADER AND FOOTER LINKS - */
ul#header li a:link, ul#header li a:visited, div#footer a:link, div#footer a:visited  { 
	color: #828282; 
}

ul#header li a:hover, ul#header li a:active {
	color: #CF952B
}

div#footer a:hover, div#footer a:active  {
	color: #CF952B
}

/* Makes horizontal white line between template header links */
.linkline {
	border-right:1px solid white;
	padding-right:7px;
	padding-left:3px;
	text-decoration:none;
}
.linkpadding {
	padding-right:3px;
	padding-left:3px;
	text-decoration:none;
}

/* Applied to h1 tags on images */
.nomargin {
	margin: 0 0 0 0em;
}


/* Specifies sizes and color for heading tags */
h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4, h5, h6 {font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
	color: #CF952B;
	background-color: transparent;	
	margin-bottom: -0.5em;
}
/* When used in combination with the h2 tag on a site's home page, makes the main home page heading the same size as an h1 tag*/
.homehead {
	font-size: 1.4em;
}

/* Applied to the parent link navigation above the global header */
.parentLinks {
	font-family: Calibri, Verdana, sans-serif;
	margin: 0px;
	font-size: 0.9em;
	width: 980px;
	background-color: #FFFFFF;
	padding: 5px 0px 2px 0px;
	text-align: right; 
}

/* Global header section */	
ul#header {
	background-color:#7A0019;
	color: #FFFFFF;
	height: 30px;
	list-style-type: none;
	padding: 0;
	margin: 0px;
	width:980px;
	border-bottom: 1px solid #999;
	clear: both;
}


/* Aligns header links to the right */
ul#header li {
	float: right;
	margin: 8px 5px 8px 0px; 
}

/* Aligns global header graphics to the left */
ul#header li.header_img {
	float: left;
	padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
	height: 30px;
}

/* Breadcrumbs -- includes optional background color */
div#crumbs {
	background-color: #ebebeb;
	font-size: 0.95em;
}

.crumbs {
	margin: 0px 0 0px 0;
	padding: 5px 0px 5px 10px;
	border-bottom-color: #999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #999999;
	border-right-style: solid;
	border-right-width: 1px;
}

/* Container option for page body with 3 columns separated by gray lines using a background image */
#all {
	width: 984px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;	
}
#container {
	background-color: #FFFFFF;
	background-image: url(images/container_background.png);
	background-repeat: repeat-y;
	width: 980px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
}

#containerNav {
	background-color: #FFFFFF;
	background-image: url(images/2colbg.gif);
	background-repeat: repeat-y;
	width: 980px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
}

/* Container option for page body with 3 columns separated by gray lines for the left nav and a background color for the right column using a background image */
#containerColor {
	background-color: #FFFFFF;
	background-image: url(images/3colbgcolor.gif);
	background-repeat: repeat-y;
	width: 980px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	clear: both;
}

/* Specifies height and width of left navigation section. 070829: Width was changed from 150px to 149px and a 1px right side border was added. This is part of a fix for an obscure Windows IE bug that pushed the body content below the left navigation. See Web Depot for change log. */
div#leftNav {
	width: 149px;
	height: 100%;
	margin: 0;
	padding: 0;
	border-left:0;
	float:left;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #999999;
	}

/* Creates sections for a list of navigation links - one link per row */
div#leftNav ul {
	list-style-type: none;
	margin: 10px 0px 0 0px;
	padding: 0px 10px 0 10px;
	border-bottom: none;
}

/* Used with left nav links to create a gray dividing line between last link in What's Inside section and home page link */
div#leftNav ul.bottom {
 	border-bottom: 1px solid #999; 
 	padding-bottom: 15px;
 }
 
 /* Home link margin and padding */
div#leftNav ul#homelink {
	margin: 14px 0px 10px 0px;
	padding: 0px 10px 0 10px;
 }

/* Styles left navigation links */
div#leftNav ul li {
	margin: 0 0 4px 0;
	padding: 0 0 10px 0;
	list-style-type:none;
	text-align:left;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
}

/* Left navigation subtitle */
.leftnavSubtitle {
	background-image: none;
	color: #045C97;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	margin: 10px 0px 0 0px;
	padding: 0px 10px 0 10px;
}

/* For all content to the right of the left navigation. Was 610(JB)*/
div#bodyContainer {
	float: left;
	width: 830px;
	height: 100%;
}

/* Sets padding for main content area */
div#bodyContainer div.padding{
  	padding: 10px 10px 10px 10px; 
 }
 
/* No columns in the page body. 070829: Changed width from 590px to 570px. Part of a fix for an obscure Windows IE bug that pushed the body content below the left navigation. See the change log on Web Depot. */
div.column0 {
	float: left;
	width: 570px;
	padding: 10px;
} 
/* Center column. 070829: Changed width from 388px to 380px. Part of a fix for an obscure Windows IE bug that pushed the body content below the left navigation. See the change log on Web Depot.*/
div.column1 {
	float: left;
	width: 380px;
	padding: 10px;
}

/* Right column */
div.column2 {
	height: 100%;
	float: right;
	width: 400px;
	padding: 10px;
}

/* Non-bold maroon subhead */
.subheadMaroon {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	color: rgb(122,0,25);
	background-image: none;
	font-weight: normal;
	margin: 0 0 -0.5em 0;
}

/* Clears rows -- anything that floats will start on a new row */
div.rowClear {
	clear: both;
}

/* Global footer section */
div#footer {
	width:980px;
	background: #045C97;
	color: #FFF; 
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	float: center;
	padding: 0;
	margin: 0;
	height: 50px;
	vertical-align: bottom;
	background-image: none;
	clear: both;
}

/* Defines width and padding for list items */
ul.footerList {
	width: 960px;
	list-style-type: none;
	float:left;
	padding: 6px 10px 6px 10px;
	margin: 0;
	vertical-align: bottom;
}

/* Aligns footer text and links to the left */
ul.footerList .left {
	float: left;
	text-align: left;
	vertical-align: bottom;
}

/* Aligns footer text and links to the right */
ul.footerList .right {
	float: right;
	text-align:left;
	vertical-align: bottom;
}
ul.footerList .rightpadding {
	float: right;
	text-align:left;
	vertical-align: bottom;
	padding-left:8px;
}
/* Adds horizontal white line after the Contact Us link */
ul.footerList .rightline {
	float: right;
	text-align:left;
	vertical-align: bottom;
	border-right:1px solid white;
	padding-right:8px;
	text-decoration:none;
}

/* Italic footer text */
.footeritalic {
	float: left;
	text-align: left;
	vertical-align: bottom;
}

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(http://cehd.umn.edu/kin/sbi/images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(http://cehd.umn.edu/kin/sbi/images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(http://cehd.umn.edu/kin/sbi/images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
