@charset "UTF-8";
/* CSS Document */

body {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/bg.jpg) #F5EEE1;
	margin: 0px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 11px;
	color:#706658;
	padding: 0px;}
	
a, a:active {
    outline: none;
}
#wrapper {
	width: 1216px;
	margin: 0 auto;}
	
#logo {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/LogoBG.jpg) no-repeat;
	float: left;
	width: 479px;
	height: 143px;
	padding: 0px;
}
#logoImg {
	width: 300px;
	height: 90px;
	text-align: center;
	vertical-align: middle;
	margin: 28px 0 0 150px;
}
#logoExtra {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/LogoExtra.jpg) no-repeat;
	float: left;
	width: 111px;
	height: 93px;
	padding: 0px;
}
#buttons {
	float: left;
	width: 625px;
	height: 93px;
	padding: 0px;
}
.topButtons {
	float: left;
	height: 93px;
	padding: 0px;
	text-align: left;
}
#programsArea {
	float: left;
	width: 500px;
	height: 50px;
	padding: 0;
	margin: 0;
	_margin-top: -2px;
}
#programsArea li {
    display: block;
    float: left;
    list-style: none:
}
#header {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/HeaderBG.jpg) no-repeat;
	width: 1215px;
	height: 207px;
	padding-top: 10px;
	margin: 0px;
	_margin-top: -4px;
	clear: both;
}
#headerImg {
	width: 922px;
	height: 200px;
	margin: 0px 0px 0px 158px;
	padding: 0px;
}
#totalContent {
	position: relative;
	float: left;
	width: 820px;
	top: 0px;
	left: 0px;
}
#TabNavSection {
	width: 598px;
	height: 115px;
	float: left;
	margin: 0px 0px 0px 88px;
}
#contentTabGen {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/TabGenRO.jpg) no-repeat;
	width: 429px;
	height: 115px;
	padding: 0px;
	margin: 0px 0px 0px 88px;
	float: left;
}
#contentTabCul {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/TabCul.jpg) no-repeat;
	width: 169px;
	height: 115px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#contentTopRight {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/ContentTopRight.jpg) no-repeat;
	width: 133px;
	height: 115px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}
#FormTitleTop {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/FormTitleTop.jpg) no-repeat;
	width: 278px;
	height: 115px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

#content {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/contentBGmid.jpg) repeat-y;
	width: 740px;
	height: auto;
	margin: 0 0 0 89px;
	_margin: 0 0 0 44px; /*The underscore makes it apply ONLY to IE6*/
	float: left;
}
#contentLeft {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/ContentLeft.jpg) no-repeat;
	width: 92px;
	height: 316px;
	float: left;
	margin: 0 0 0 -1px;
	_margin: 0; /*The underscore makes it apply ONLY to IE6*/
}
#copy {
	width: 564px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
	padding: 10px;
	margin: 0;
}
#contentRight {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/ContentRight.jpg) no-repeat;
	width: 55px;
	height: 316px;
	float: left;
	margin: 0;
}
#contentBottom {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/ContentBottom.jpg) no-repeat;
	width: 691px;
	height: 66px;
	float: left;
	padding: 0;
	margin-left: 136px;
	_margin-left: 68px;  /*The underscore makes it apply ONLY to IE6*/
}
#form {
    width: 278px;
    padding: 0;
    margin: 0;
    float: left;
}
#formTitle {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/tabs/FormTitleBottom.jpg) no-repeat;
	width: 278px;
	height: 39px;
	margin: 0px;
}
#formTitleCopy	{
	position: relative;
	margin: -10px 0px 0px 15px;
	_margin: -7px 0px 0px 0px;  /*The underscore makes it apply ONLY to IE6*/
	*margin: -5px 0px 0px 21px; /*The asterisk makes it apply ONLY to IE7*/
	width: 225px;
	height: 45px;
	color: #706658;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	float: left;
}
	
#registrationForm {
	float: left;
	width: 250px;
	padding: 0 10px;
}

label {
	font-family: Helvetica, Arial, Verdana;
	font-size: 10px;
	color:#706658;
	}
.fieldRequired {
	color: #FF0000;}
.clearfloat {
	clear: both;}
#footerTop {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/FooterTop.jpg);
    width: 100%;
    height: 67px;
    margin: 0;
    padding: 0;}
    
#footer {
	background: url(http://Portals.VisionDesignStudio.net/Clients/AI/Assets/MsImages/Images/footerBG.jpg) repeat-x;
	width: 100%;
	height: 100px;
	color: #FFFFFF;
	font-size: 11px;}
	
	#footer a:link {
		color: #FFFFFF;
		text-decoration: none;
		outline: none;}
		
	#footer a:active {
		color: #FFFFFF;
		text-decoration: none;
		outline: none;}
		
	#footer a:visited {
		color: #FFFFFF;
		text-decoration: none;
		outline: none;}
		
	#footer a:hover {
		color: #FFFFFF;
		text-decoration: underline;
		outline: none;}
	
	#footer_con {
		margin: 12px auto;
		width: 900px;
		padding-top: 0px;}
		
	#footer_con_left {
		float: left;
		width: 400px;
	    /*padding-left: 15px;*/
	}
	
	#social {
	    height: 10px;  
	}
	#schoolInfo {
	    height: 50px;
	}
		
	#footer_con_right {
		float: right; 
		width: 400px;
		text-align: right;
		}
	#utilityNav {
	    height: 15px;
	}
	#legal {
	    height: 50px;
	}
	#schoolname {
		font-family: Helvetica, Arial, Verdana;
		font-size: 17px;
		color:#FFFFFF;
		font-weight: bold;}
		
		
/* the boxes that fade */
#box-1 {
	
}
#box-2 {
	
}
#box-3 {
	
}

#crossfade-container {
	margin: 0px;
	width: 900px;
	border-top:0px;	/* height: 150px; */
	border-bottom: 0px;
}

/* class styles */
.fade-box {
	margin-left: 0px;
	position: absolute;
}

#form1 {
padding: 0px;
margin: 0px;}
		
#LogoCodeBlock {
padding: 0px;
margin: 0px;}