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

*{
	margin: 0;
	padding: 0;
}
html{ background: #A6A393 url(../imgs/html-bg-rpt.jpg) repeat-x top }
body{
	background: url(../imgs/body-bg-rpt.jpg) repeat-x bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; /* equal to 16px default */ 
	line-height:1.125em; /* 16 / 18 = 1.125 */
	text-align: center;
}

/*common style*/
ul,ol,blockquote{ padding-left: 45px; margin: 10px 0 10px 0; }
a:link,a:visited{ text-decoration: underline; outline-style: none; -moz-outline-style: none }
a:hover,a:focus{ text-decoration: underline }
a img{ border: none; }
.clear{clear: both;}
.hide-text{text-indent: -9999px;}
.uppercase{ text-transform: uppercase }
.font-10{ font-size: 0.625em } /* 10 / 16 = 0.625 */
.font-12{ font-size: 0.75em }
.font-14{ font-size: 0.875em }
.font-bold{ font-weight: bold; color: #B8854E; }
.color-white{ color: #fff }
.margin-left-10{ margin-left: 10px }
.margin-right-15{ margin-right: 15px }
.margin-bottom-10{ margin-bottom: 10px }
.margin-bottom-5{ margin-bottom: 5px }
.padding-right-8{ padding-right: 8px }
.padding-left-25{ padding-left: 25px }
.border-1{ border-bottom: 1px solid #000 }
.font-italic{ font-style: italic; }
.float-left{ float: left; }
.float-right{ float: right; }
.text-center{ text-align: center; }
img.float-left{ float: left; margin: 0px 10px 0px 0; border: 1px solid #5C5650;} 
img.float-right{ float: right; margin: 0px 0 0px 10px; border: 1px solid #5C5650;}
/*common style end*/  

h1,h2,h3,h4,h5,h6{ line-height: normal; }

#wrapper{ margin: 0 auto; width: 1259px; text-align:left; }

#nav-wrapper{ 
    background: url(../imgs/nav-bg.jpg) no-repeat top center; 
    height: 54px; padding: 17px 0 0 125px; 
    position: relative; z-index: 8; 
}

#nav-wrapper-rev{ 
    background: url(imgs/nav-bg-rev.jpg) no-repeat top center; 
    height: 54px; padding: 17px 0 0 125px; 
    position: relative; z-index: 8; 
}
	#nav-wrapper-rev label {
		color: #f8b45e;
		font-size: 12px;
	}
	
	#nav-wrapper-rev input[type='text'], #nav-wrapper-rev input[type='password'] {
		padding: 3px;
		border: 2px solid #6c90d2; 
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		width: 100px;
	}
		
	.button {
		-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
		box-shadow:inset 0px 1px 0px 0px #fceaca;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffca85), color-stop(1, #f78a1c) );
		background:-moz-linear-gradient( center top, #ffca85 5%, #f78a1c 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca85', endColorstr='#f78a1c');
		background-color:#ffca85;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #eeb44f;
		display:inline-block;
		color: #161c28;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
		padding:4px 10px;
		text-decoration:none;
		text-shadow:1px 1px 0px #d3822d;
		cursor: pointer;
	}.button:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f78a1c), color-stop(1, #ffca85) );
		background:-moz-linear-gradient( center top, #f78a1c 5%, #ffca85 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78a1c', endColorstr='#ffca85');
		background-color:#f78a1c;
	}
	.button a {
		color: #161c28;
	}
		
	#d2l {
		width: 420px;
		position: absolute;
		top: 7px;
		right: 45px;
	}

	ul#nav{ margin: 0; padding: 0; }
		ul#nav li{ 
            float: left; 
            list-style-type: none; 
            text-align: center; 
			position: relative;
			
        }
			ul#nav li a{ 
				display: block; 
				color: #c6cad7; 
				text-transform: uppercase; 
				text-decoration: none; 
				font-weight: bold; 
				font-size: 12px;
				height: 46px;
				padding: 8px 7px 0; 
				position: relative;
				z-index: 10;
			}
			ul#nav li.back{
				background: url(../imgs/nav-arrow.png) no-repeat bottom center;
				position: absolute;
				color: #f1ad46  
			}
			ul#nav li:hover, ul#nav li a:hover, ul#nav li a.active{ color: #f1ad46 }
			
			a#home{ padding-left: 0px; }
			a#about{  }
			a#course{  }
			a#calendar{  }
			a#ivs-staff{  }
			a#contact{  }
            a#quick-links{  }
            a#help-guides{  }

.clr { clear: both; }
			
#banner-wrapper{ position: relative; background: url(imgs/banner-bg.jpg) no-repeat top center; height: 345px; padding-right: 8px;  padding-top: 40px;}

#banner-inner {
	position: relative;
	width: 965px;
	height: 305px;
	margin: auto;
}

	#banner-logo {
		position: absolute;
		top: 0px;
		left: 0px;
		background: url("imgs/banner-logo.png") no-repeat;
		width: 398px;
		height: 132px;
		z-index: 4;
	}
	
	#slider {
		float: left;
		position: relative;
		width: 648px;
		height: 305px;
		overflow: hidden;
		word-wrap: no-break;
	}
	
	#slider img {
		display: none;
	}
  
	#slider-info {
		float: left;
		position: relative;
		width: 312px;
		height: 305px;
		margin-left: 5px;
		color: #fff;
		font-size: 11px;
		line-height: 14px;
	}
	
		#slider-info a {
			color: #fff;
		}
		 
		#slider-info .bold {
			font-size: 14px;
			margin-bottom: 4px;
			font-weight: bold; 
		}
	
		.slider-info {
			width: 247px;
			height: 76px;
			padding: 15px 10px 10px 55px;
			margin-bottom: 3px;	
			position: relative;
			cursor: pointer;
		}
		

		
			.slider-info .arrow {
				
				position: absolute;
				width: 12px;
				heighT: 40px;
				top: 28px;
				left: 20px;
			}
			
				.slider-info .arrow.active {
					background: url("imgs/arrow.png") no-repeat;
				}
		
			.slider-info.green {
				background: #486d33; /* Old browsers */
				background: -moz-linear-gradient(left, #486d33 0%, #5c8b3e 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#486d33), color-stop(100%,#5c8b3e)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #486d33 0%,#5c8b3e 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #486d33 0%,#5c8b3e 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(left, #486d33 0%,#5c8b3e 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#486d33', endColorstr='#5c8b3e',GradientType=1 ); /* IE6-9 */
				background: linear-gradient(left, #486d33 0%,#5c8b3e 100%); /* W3C */
			}
			
			 
			.slider-info.blue {
				background: #406378; /* Old browsers */
				background: -moz-linear-gradient(left, #406378 0%, #4f7a94 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#406378), color-stop(100%,#4f7a94)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #406378 0%,#4f7a94 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #406378 0%,#4f7a94 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(left, #406378 0%,#4f7a94 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#406378', endColorstr='#4f7a94',GradientType=1 ); /* IE6-9 */
				background: linear-gradient(left, #406378 0%,#4f7a94 100%); /* W3C */
			}
			
			.slider-info.bluer {
				background: #303a4b; /* Old browsers */
				background: -moz-linear-gradient(left, #303a4b 0%, #3b485e 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#303a4b), color-stop(100%,#3b485e)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #303a4b 0%,#3b485e 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #303a4b 0%,#3b485e 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(left, #303a4b 0%,#3b485e 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303a4b', endColorstr='#3b485e',GradientType=1 ); /* IE6-9 */
				background: linear-gradient(left, #303a4b 0%,#3b485e 100%); /* W3C */
				margin-bottom: 0px !important;
				height: 72px;
			}
			
			
			.slider-info.green:hover {
				background: #567c3a; /* Old browsers */
				background: -moz-linear-gradient(left, #567c3a 0%, #639944 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#567c3a), color-stop(100%,#639944)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #567c3a 0%,#639944 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #567c3a 0%,#639944 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(left, #567c3a 0%,#639944 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#567c3a', endColorstr='#639944',GradientType=1 ); /* IE6-9 */
				background: linear-gradient(left, #567c3a 0%,#639944 100%); /* W3C */
			}
			
			 
			.slider-info.blue:hover {
				background: #477184; /* Old browsers */
				background: -moz-linear-gradient(left, #477184 0%, #5c94aa 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#477184), color-stop(100%,#5c94aa)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #477184 0%,#5c94aa 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #477184 0%,#5c94aa 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(left, #477184 0%,#5c94aa 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#477184', endColorstr='#5c94aa',GradientType=1 ); /* IE6-9 */
				background: linear-gradient(left, #477184 0%,#5c94aa 100%); /* W3C */
			}
			
			.slider-info.bluer:hover {
				background: #303a4b; /* Old browsers */
				background: -moz-linear-gradient(left, #303a4b 0%, #657087 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, right top, color-stop(0%,#303a4b), color-stop(100%,#657087)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(left, #303a4b 0%,#657087 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(left, #303a4b 0%,#657087 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(left, #303a4b 0%,#657087 100%); /* IE10+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303a4b', endColorstr='#657087',GradientType=1 ); /* IE6-9 */
				background: linear-gradient(left, #303a4b 0%,#657087 100%); /* W3C */
			}
			
			
			
			
			
			
			
			
			

#top-bar-wrapper{ padding-left: 112px }
	ul#top-bar{ 
		background: url(../imgs/top-bar-bg.jpg) no-repeat top center; 
		width: 1029px; height: 117px;
		margin: 0; padding: 0; 		
		color: #fff;
	}
		ul#top-bar li{ height: 80px; float: left; list-style-type: none; overflow: hidden; }
			li#students{ width: 347px }
			li#school{ width: 330px }
			li#prof{ width: 350px }
			ul#top-bar li h3{ 
				padding-top: 10px; padding-bottom: 5px; 
				text-transform: uppercase; 
				font-size: 16px; font-weight: normal 
			} 	
			ul#top-bar li p{ font-size: 0.75em; line-height: normal }
				li#students p, li#students h3{ padding-left: 96px; padding-right: 5px }
				li#school p, li#school h3{ padding-left: 80px; padding-right: 5px }
				li#prof p, li#prof h3{ padding-left: 89px; padding-right: 5px }
						
			ul#top-bar li p a{ color: #fff; text-decoration: none; }
			ul#top-bar li p a:hover{ text-decoration: underline }

#doc-body-wrapper{ background: url(../imgs/doc-body-bg.jpg) no-repeat bottom center; padding-left: 127px }
	#doc-body-inner{ background: #DEDDDB url(../imgs/sidebar-bg-rpt.png) repeat-y top right; width: 998px }
	#doc-body-outer{ background: url(../imgs/doc-body-btm-ryt-bg.png) no-repeat bottom right; width: 998px }
		#doc-body-left{ width: 665px; float: left }
			#text-area{ 
				background: url(../imgs/doc-body-bg-rpt.png) repeat-y top left; 
				min-height: 600px; height: auto!important; height: 600px;
				padding: 0 40px 20px 25px;
				color: #5c5650;
			}
				h2#text-area-title{ 
					font-size: 1.25em; color: #507c97; 
					text-transform: uppercase; font-weight: 
					normal; padding-bottom: 15px 
				}
				
			#upcoming-events{ background: url(../imgs/events-bg.jpg) no-repeat top left; height: 220px; color: #fff; }
				p#to-see-all-events{ font-size: 0.75em; padding: 65px 0 0 115px }
					p#to-see-all-events a{ color: #f8b25d }
				#upcoming-events ul{ margin: 0; padding: 0; font-size: 0.75em; line-height: normal; padding-top: 10px }
					#upcoming-events ul li{ float: left; list-style-type: none; height: 110px; overflow: hidden }
					
					li#li-1{ width: 188px; padding: 10px 10px 0 20px }
					li#li-2{ width: 215px; padding: 10px 10px 0 10px }
					li#li-3{ width: 186px; padding: 10px 10px 0 15px }
					
					#upcoming-events ul li h3{ font-size: 1.25em; text-transform: uppercase; font-weight: normal }
					#upcoming-events ul li a{ text-transform: uppercase; text-decoration: none }
					#upcoming-events ul li a:hover{ text-decoration: underline }
					
					li#li-1 a{ color: #d09172 }
					li#li-2 a{ color: #f8b25d }
					li#li-3 a{ color: #e2c347 }
					
		#doc-body-right{ width: 333px; float: right; color: #5c5650 } 
			#doc-body-right ul{ margin: 0; padding: 0; font-size: 0.75em; line-height: normal; padding-left: 1px }
				#doc-body-right ul li{ 
					list-style-type: none; 
					min-height: 100px; height: auto!important; height: 100px;
					margin-bottom: 20px; 
				}
				
				li#learn-more{ background: url(../imgs/learn-more-bg.jpg) no-repeat top left }
				li#more-resources{ background: url(../imgs/your-feedback-bg.png) no-repeat top left }
				li#latest-news{ background: url(../imgs/latest-news-bg.png) no-repeat top left }
                li#contact-us{ background: url(../imgs/contact-us-bg.jpg) no-repeat top left }
                li#helpdesk{ background: url(../imgs/helpdesk.jpg) no-repeat top left }
                li#news-updates{ background: url(../imgs/news-updates.jpg) no-repeat top left }
                li#follow-us-facebook{ background: url(../imgs/follow-us-facebook.jpg) no-repeat top left }
                    li#follow-us-facebook a{ display: block; width: 258px; height: 23px; text-indent: -9999px; }
				
				#doc-body-right ul li h3{ line-height: 32px; text-indent: -9999px }
				#doc-body-right ul li p{ padding: 0 30px 0 66px; }
				#doc-body-right ul li a.more{ color: #507c97; __text-transform: uppercase; text-decoration: none }
				#doc-body-right ul li a:hover{ text-decoration: underline }
				
				li#latest-news h3{ padding-bottom: 25px }

#footer-wrapper{ background: url(../imgs/footer-bg.jpg) no-repeat top center; height: 170px; position: relative }
    p#address{
        color: #e1e0db;
        font-size: 12px;
        text-transform: uppercase;
        position: absolute;
        top: 60px; left: 130px;
        line-height: normal;
    }
	ul.site-map{ position: absolute; margin: 0; padding: 0; width: 136px; left: 350px; top: 65px}
		ul.site-map li{ list-style: none }
			ul.site-map li a{ 
				text-transform: uppercase; 
				font-size: 0.75em; 
				color: #e1e0db; 
				text-decoration: none; 
				line-height: normal 
			}
			ul.site-map li a:hover{ text-decoration: underline }
	ul.site-map2{ left: 526px }
	h1#cybernautic{ position: absolute; top: 70px; right: 161px; }
	h1#cybernautic a{ width: 328px; height: 43px; text-indent: -9999px; display: block }  

/*form validation*/            
div#form label.error, label.error { color:red; display:block; font-size:10px; }
div#result{ position: relative; }