/***********************************************************
 File: Homepage.css
 Desc: Contains the main styles for the homepage template.
 Outline:
			1. Service Navigation
			2. Global Homepage Styles
			3. Custom Elements
------------------------------------------------------------


 1. Service Navigation
*************************************************/
#nav-service-wrapper { background-color: #fff; height: 25em; margin: 0px auto 10px; position: relative; width: 100%; }
	
	#nav-service { float: left; height: 25em; position: relative; width: 25em; }
	
		#nav-service #upper { float: left; list-style: none; margin: 0; padding: 0; }
			
			#nav-service #upper li { float: left; font-size: 1em; margin: 0; padding: 0; }
				#nav-service #upper li#sn1 { height: 10em; border-right: 1px solid #fff; width: 12.5em; }
					#nav-service #upper li#sn1 img { height: 9em; width: 11.5em; }
				#nav-service #upper li#sn2 { height: 10em; width: 12.4em; }
					#content #nav-service #upper li#sn2 img { height: 9em; width: 11.4em; }
				#nav-service #upper li#sn3 { height: 6.2em; margin: 1px 0; width: 24em; }
					#nav-service #upper li#sn3 img { height: 5.2em; width: 24em; }
				
				#nav-service #upper li a img { border: .5em solid #e3e3e3; }
		
		#nav-service #lower { 
			background-color: #121212;			
			float: left; 
			height: 8.6em; 
			width: 25em; 
			-webkit-border-bottom-left-radius: 10px;
			-moz-border-radius-bottomleft: 10px;
			border-bottom-left-radius: 10px;}
		
			#nav-service #lower ul { float: left; margin: 1em 0 0 1.7em; padding: 0; }
			#nav-service #lower ul li { color: #ddd; font-size: 1em; line-height: 1.5em; margin-left: 1em; }
			#nav-service #lower a { color: #ddd; font-size: 1.2em; font-weight: normal; text-decoration: none; }
				#nav-service #lower a:hover { color: #fff; text-decoration: underline; }
	
	#slider-wrapper{-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;}
	#slider-wrapper{background-color:#000;float:right;height:250px;overflow:hidden;position:relative;width:549px}
	#slider{background:url(../../js/jquery/nivoslider/loading.gif) no-repeat 50% 50%;height:220px;position:relative}
	#slider img{display:none;left:0;position:absolute;top:0}
	#slider .nivo-controlNav{bottom:-220px;height:34px;position:relative;text-align:center}
	#slider .nivo-controlNav img{-moz-border-radius:2px;-webkit-border-radius:2px;border:2px solid #555;border-radius:2px;display:inline;margin-right:10px;position:relative;width:30px}
	#slider .nivo-controlNav img:hover,#slider .nivo-controlNav .nivo-control.active img{border-color:#999}
	.nivo-caption p{color:#fff;margin:0;padding:5px 10px}
	#content #nivo-control-pause{background:transparent url(../../js/jquery/nivoslider/playcontrols-white.png) no-repeat 0 0;bottom:10px;display:block;height:12px;position:absolute;right:10px;width:9px}
	.nivo-directionNav a{background:url(../../js/jquery/nivoslider/arrows.png) no-repeat;border:0;display:block;height:24px;text-indent:-9999px;width:24px}
	a.nivo-nextNav{background-position:-24px 0;right:10px}
	a.nivo-prevNav{left:10px}

	
/*************************************************
 2. Global Homepage Styles
*************************************************/
.col1,
.col2,
.col3 { float: left; margin-right: 2em; }

	.col1 { width: 24.5em; }
	.col2 { width: 26em; }
	.col3 { margin-right: 0; padding-right: 0; width: 25.5em; }
	
	.content-module h1 { height: 1%; margin-bottom: .5em; position: relative; }
		
	dl {margin-left: 0;}
	
/*************************************************
 3. Custom Elements
*************************************************/
#announcements {
	list-style:none;
}

	#announcements li a {
		display:block;
		padding:.5em;
		margin:0 0 0 -2em;
		border-bottom:1px solid #e4e0d7;
		border-top:1px solid #efeeec;
		color:#3F76A0;	
	}
	
	#announcements li a:hover {
		background-color:#e7e0d1;
		color:#606060;
		-webkit-transition: background-color 150ms ease-in;
		-moz-transition: background-color 150ms ease-in;
		-o-transition: background-color 150ms ease-in;
		transition: background-color 150ms ease-in;
	}

#prtl-buttons { list-style: none; margin: 0; padding: 0; }
	#prtl-buttons li { line-height: 15px; height: 45px; margin: 0; padding: 0; }
		#prtl-buttons li#prtl-max { background: transparent url('../img/common/portal-btns.jpg') no-repeat 0px -5px; }
		#prtl-buttons li#prtl-myville { background: transparent url('../img/common/portal-btns.jpg') no-repeat 0px -55px; }
		#prtl-buttons li#prtl-bb { background: transparent url('../img/common/portal-btns.jpg') no-repeat 0px -105px; }
		#prtl-buttons li#prtl-d2l { background: transparent url('../img/common/portal-btns.jpg') no-repeat 0px -205px; }
		#prtl-buttons li#prtl-ess { background: transparent url('../img/common/portal-btns.jpg') no-repeat 0px -155px; }
	
	#prtl-buttons a {border: none;display: block; font-weight: 600;height: 45px; padding: 3px 0 0 74px; width: 14.17em; }
		#prtl-buttons a span {
			color: #888;
			font-size: 90%;
			font-weight: 300;
		}

#site_index { list-style: none; margin: .5em 0; padding: 0; width: 100%; }

	#site_index li { border-bottom: .1em solid #fff; border-right: .1em solid #fff; float: left; font-size: 1em; margin: 0; padding: 0; position: relative; }
	
		#site_index li a {
			background-color: #3c6d8d;
			border: none;
			color: #fff;
			display: block;
			font-weight: bold;			
			line-height: 2.1em;
			text-align: center;
			width: 2.1em;
			z-index: 5;
		}
		
			#site_index li a:hover,
			#site_index li a:focus { background-color: #303030; }