/**
 * Stylesheet
 *
 * Copyright: 2008 NuSoft Solutions - Kinetic IG
 * Author: Jay Jones
 *
 *
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}





/* MAIN styles
-------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background: transparent url('images/topbg.jpg') 0 0 repeat-x;
	font: normal normal 11px/1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

h1{
	font: normal normal 26px/1.2em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 0px 5px 0px;
}
h2{
	font: normal bold 16px/1.2em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 5px 0px;
}

body.interior-page h2{
	margin-bottom: 20px;
	}

h3{
	font: normal bold 13px/1.2em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 0px 0px 0px;
}

p {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link, a:visited{color: #339999; text-decoration: none;}
a:hover, a:active{color: #339999; text-decoration: underline;}
a:focus { -moz-outline-style: none; }
dt{
	font-weight: bold;
}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

input, select{
	border: 1px solid #333;
}
inputFull{
    width: 155px;
}
.noborder input
{
	border: thin solid transparent;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clr {
	clear: both;
	height: 0px;
}

.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/
	content:".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {height: 1%; display:block;}
/* End hide from IE Mac */





/* CONTAINER STYLES */
.wrapper{
	width: 900px;
	/*min-width: 935px;*/
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding: 0px;
}

.outer{
	margin-left: 185px;
	margin-right: 165px;
}

	body.twoColumn .outer{
		margin-right: 0px;
	}
	body.full .outer{
		margin-right: 0px;
		margin-left: 0px;
	}
	



/* HEADER STYLES */

.header { 
	position: relative;
	margin: 0px;
	z-index: 1000;
	height: 152px;
} 	

	.header h1{
		background-position: center;
		position: absolute;
		height: 88px;
		width: 128px;
		top: 26px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		background-image: url('images/MISBTDC_logo.gif');
		background-color: transparent;
		background-repeat: no-repeat;
	}
	
		.header h1 a{
			height: 88px;
			width: 128px;
			display: block;
			letter-spacing : -1000em;
			text-indent: -1em;
		}
				/* Just for Opera, but hide from MacIE */ 
				/*\*/html>body .header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
				/* End of hack */
	
		.header h2{
			position: absolute;
			display: block;
			letter-spacing : -1000em;
			text-indent: -1em;
		}
		
				/* Just for Opera, but hide from MacIE */ 
				/*\*/html>body .header h2 { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
				/* End of hack */


			.header h2#logoGvsu{
				top: 70px;
				right: 165px; 
				margin: 0px;
				padding: 0px;
	
			}
				
				.header h2#logoGvsu a{
					height: 42px;
					width: 126px;
					background: transparent url('images/gvsu.gif') 0 0 no-repeat;
					display: block;
		
				}
			
			.header h2#logoMich
			{
				top: 70px;
				right: 2px; 
				margin: 0px;
				padding: 0px;
			}
				.header h2#logoMich a{
					height: 42px;
					width: 129px;
					background: transparent url('images/michigan.gif') 0 0 no-repeat;
					display: block;
				}
			
		.header .navMain{
			font: normal normal 12px/1.2em Geneva, Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			margin: 0px;
			list-style: none;
			position: absolute;
			bottom: 0px;
			left: 0px;
			height: 25px;
			width: 800px;
			background: #5CA69C;
			overflow: hidden;
			padding: 2px 0 0 100px;
		}
			.header .navMain li
			{
				margin: 0px;
				padding:0px;
				float: left;
			}
				.header .navMain li a{
					color: white;
					display: block;
					background:transparent;
					padding: 0px 10px 0px 0px;
					margin: 0 0 0px 20px;
				}
			
					.header .navMain li a span{
						padding: 5px 5px 6px 15px;
						display: block;
								
				}
				
					.header .navMain li a:hover{
					text-decoration: underline;
				}

				
			.header .navMain li a.current{
				color: #333;
				background: transparent url("images/rightab.jpg") no-repeat right top;
			}
			
			.header .navMain li a.current span{
				color: #333;
				font-weight: bold;
				background: transparent url("images/lefttab.jpg") no-repeat left top;
			}


		.loginNav{
			margin: 0px;
			padding: 0px;
			list-style: none;
			position: absolute;
			top: 5px;
			right: 2px;			
		}
			.loginNav li{
				margin: 0px 5px 0px 0px;
				padding: 0px 3px 0px 0px;
				list-style: none;
				display: inline;
				font: normal normal 11px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
				font-size: 125%;
			}
			
			.loginNav li a{
				display: block;
				float: left;
			}
			
			.loginNav li a:link, .loginNav li a:visited{
				text-decoration: none;
				color: #565656;
				border-right: 1px solid #bbb;
				padding: 3px 10px 3px 0;
				margin: 0 8px 0 0;
			}
			.loginNav li a:hover, .loginNav li a:active{
				color: #333;
			}
			
			.loginNav li a.last{
				border: 0;
				margin-right: 0px;
				padding-right: 0px;
			}


/* LEFT SIDEBAR STYLES */
.left {
	position:relative;/*ie needs this to show float */
	width:248px;
	float:left;
	left:-1px;
	margin-top: 20px;
	margin-left: 10px;
	padding-bottom: 20px;
}

body.interior-page .left{
		background: transparent url('images/gradient.jpg') repeat left top;		
		height: 350px;
		background-color: white;
		margin: 1px 0;
		width:222px;
		padding-top: 20px;
	}

	* html .left {
		margin-right:-3px;
	}/* 3px jog*/

		.left .button {
			margin: 0px;
			padding: 0px;
			list-style: none;
			font: normal normal 12px/1.2em Geneva, Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none;
			overflow: hidden;
		}
		
			.left .button li{
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			
				.left .button li a{
				font: normal bold 14px/1.2em Geneva, Verdana, Arial, Helvetica, sans-serif;
				color: #333;
				text-decoration: none;
				padding: 7px 0px 0px 0px;
				background: transparent url('images/button.jpg') no-repeat left bottom;
				display: block;
				height: 40px;
				width: 248px;
				margin: 0px 0 10px 0px; 
			}
			
			body.interior-page .left .button li a{
				font: normal normal 12px/1.2em Geneva, Verdana, Arial, Helvetica, sans-serif;
				padding: 5px 0px 5px 35px;
				background: 0;
				height: 25px;
				width:222px;
			}
			
				.left .button li a span{
				padding: 5px 0px 0px 35px;
				display: block;
				background: transparent url('images/arrowoff.gif') no-repeat 15px 6px;

			}


				.left .button li a:hover span{
				display: block;
				background: transparent url('images/arrowon.gif') no-repeat 15px 6px;

				
		 	}
			
				body.interior-page .left .button li a:hover{
				color: #333;
				text-decoration: underline;
			}
				
				.left .button li a:hover{
				color: #FFF;
				text-decoration: none;
				background: transparent url('images/button.jpg') no-repeat left top;
			}






* html .outer{/* 3px jog*/
	margin-left:182px;
	margin-right:162px;
}



/* CENTER CONTENT STYLES */


	.splash{
		background: transparent url('images/splash.jpg') 0 0 no-repeat;
		width: 900px;
		height: 154px;
		border-top: 1px #fff solid;
		
	}
	
	body.interior-page .splash{
		background: transparent url('images/splash2.jpg') 0 0 no-repeat;
		height: 85px;
	}
	
	.homecontent{
		float: right;
		width: 600px;
 		margin-bottom: 20px;
 		padding: 20px 20px 0px 0px;
 		font-size: larger;
		
	}
		
	.content{
		float: right;
		width: 600px;
 		margin-bottom: 20px;
 		padding: 20px 20px 0px 0px;
		
	}
		
	body.interior-page .content{
		width: 600px;
	}

/* OUTER WRAP */
.outerwrap {
	float: left;
	width: 99%;
}



/* FOOTER STYLES */

.footer {
	overflow: hidden;
	text-align: left;
	clear: both;
	padding: 5px 0 5px 0px;
	margin-top: 30px;
	height: 65px;
	width: 900px;
	border-top: 1pt #ccc solid;
	border-bottom: 1pt #6Db0a7 solid;
	} 
	
	.footer h3{
		background-position: center;
		float:left;
		height: 28px;
		width: 78px;
		margin: 0px;
		padding-top: 25px;
		background-image: url('images/sba.jpg');
		background-color: transparent;
		background-repeat: no-repeat;
	}
	
		.footer h3 a{
			height: 28px;
			width: 78px;
			display: block;
			letter-spacing : -1000em;
			text-indent: -1em;
		}
				/* Just for Opera, but hide from MacIE */ 
				/*\*/html>body .header h1 a { letter-spacing : normal; text-indent : -999em; overflow : hidden;} 
				/* End of hack */

	
	.footer p {
		font-size: 9px;
		padding-top: 12px;
		margin-left: 20px;
		color: #999;
		width: 500px;
		float: left;
	}
	
.validationHilight
{
	background-color: #FFFFE0;
}

.FormLabel
{
	text-align: left;
	background-color: #5CA69C;
}

.FormEntry
{
	text-align: left;	
}

.FormTable
{	
	background-color: #EFF3FB;
	border-spacing: 4;
	border-style: solid;
	border-width: 1px;	
}

.tableCellNormal
{
	cursor: hand;
	background-color: #EFF3FB;
	font-weight: normal;
}
.tableCellAlternating
{
	cursor: hand;
	font-weight: normal;
	background-color: white;
}

.tableCellSelected
{
	background-color: #ffffe0;
	font-weight: bold;
	cursor: auto;
}

.tableFooter
{
	background-color: #B1CDCA;
	font-weight: bold;
	color: Black;
}

.tableHeader
{
	background-color: #5CA69C;
	font-weight: bold;
	color: Black;
}

.CMSContentArea
{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
}
		
.CMSContentAreaNoMargins
{
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin-left: 0px;
	margin-right: 0px;	
}
	
/* Modal Popup Styles */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:white;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
	height: auto;
}