/*********************************************
*                                            *
*         www.mes-ksu  Stylesheet            *
*                                            *
**********************************************/


html, body, .body{
    height:100%;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited, a:hover { font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#089F4B; }
a:hover {color:#089F4B; text-decoration:underline;}

.body{
    background:#C2B589 url(images/backgroundMAIN.jpg) repeat-x 150px top;
	color:#2a2a2a;
}


/**[ Layout Divs ]**/


#wrapper{
    width:984px;
	position:relative;
}

#header{
	width:984px;
	height:137px;
	background:url(images/header1.gif) no-repeat;
	position:relative;
}

#logo{
	float:left;
	display:block;
	width:135px;
	height:116px;
	background:url(images/logo.gif) no-repeat;
	margin-top:21px;
}

#logo a{
	display:block;
height:116px;
float:left;
margin-top:21px;
width:125px;
/*z-index:99;*/
}

#homeLogo {position:absolute; top:21px; left:125px; width:134px; height:116px; display:block;}


#nav {
	float:left;
	position:relative;
	background:url(images/nav.gif);
	width:775px;
	height:37px;
	margin-left:69px;
	margin-top:100px;
}

/* Float list to make it horizontal */
#nav li{
    float:left;
}

.menu ul a{
    display:block;
	height:37px;
}

#nav-1, #nav-1 a {width: 127px;}
#nav-2, #nav-2 a {width: 75px;}
#nav-3, #nav-3 a {width: 184px;}
#nav-4, #nav-4 a {width: 209px;}
#nav-5, #nav-5 a {width: 178px;}

#nav-1 #link1:hover, #nav-1 .current {background: url(images/nav.gif) 0 -37px no-repeat;}
#nav-2 #link2:hover, #nav-2 .current {background: url(images/nav.gif) -127px -37px no-repeat;}
#nav-3 #link3:hover, #nav-3 .current {background: url(images/nav.gif) -202px -37px no-repeat;}
#nav-4 #link4:hover, #nav-4 .current {background: url(images/nav.gif) -386px -37px no-repeat;}
#nav-5 #link5:hover, #nav-5 .current {background: url(images/nav.gif) -595px -37px no-repeat;}


#searchArea{
	float:left;
	width:788px;
	width/* */:/**/70px; 
	width: /**/70px;
	height:40px;
	height/* */:/**/28px; 
	height: /**/28px;
	padding:12px 0 0 718px;	/* use padding to avoid ie6 issue! */
	font-size:14px;
	color:#443e1f;
}

#search{
	float:left;
	width:194px;
	height:40px;
}

.search{
	float:left;
	width:118px;
	height:13px;
	margin-top:12px;
	margin-left:6px;
	padding:3px;
}

#HomeSearch{
	width:194px;
	height:40px;
	position:absolute;
	top:138px;
	right:0px;
	z-index:10;
}

.find{
	float:right;
	display:block;
	width:49px;
	height:22px;
	background:url(images/find.gif) no-repeat top;
	margin:10px 6px 0 0;
}

.find:hover{
    cursor:pointer;
	background:url(images/find.gif) no-repeat 0px -22px;
}

#tagLine{
    width:984px;
	height:243px;
	background:url(images/tagLine.jpg) no-repeat top left;
}

#currentStudents{
    width:984px;
	height:243px;
	background:url(images/current_students.jpg) no-repeat top left;
}

#prospectiveStudents{
    width:984px;
	height:243px;
	background:url(images/prospective_students.jpg) no-repeat top left;
}

#programOverview{
    width:984px;
	height:243px;
	background:url(images/program_overview.jpg) no-repeat top left;
}

#aboutUs{
    width:984px;
	height:243px;
	background:url(images/about_us.jpg) no-repeat top left;
}



#content{
    margin-left:5px;
    width:974px;
	width/* */:/**/934px; 
	width: /**/934px;
	background:#fff;
	padding:0 20px 25px 20px;
}

#content ul{
    padding-left:20px;
}

#contentLeft{
    float:left;
	width:500px;
	width/* */:/**/490px; 
	width: /**/490px;
	padding:0 10px 0 0;
	line-height:20px;
}
#contentLeftWide{
	width:934px; padding:0;
	line-height:20px;
}
#contentLeft.withSubnav { width:617px; width/* */:/**/607px; width: /**/607px; }
#contentLeft.wide, .wide#contentLeft { width:934px; padding:0; }

#contentLeft table, #contentLeft p, #contentLeft ul{
    font-size:11px;
}

#content h1{
    margin-bottom:10px;
	padding:0;
	color:#067637;
	text-transform:uppercase;
}
#content h2{
	padding:0;
	color:#1e1e1e;
	text-transform:uppercase;
}

#contentLeft img{
	margin-top:10px;
}

#contentCenter h3, #contentRight h3{
	padding:0;
    background:#0A442B;
	color:#fff;
	padding:5px 0 5px 5px;
}

#contentCenter{
    float:left;
	width:240px;
	height:420px;
	margin:0 10px 0 0;
	line-height:20px;
}
#news{
	width:238px;
	height:257px;
	border:1px solid #c0c0c0;
	margin-top:5px;
	overflow:auto;
}
#news p{
    padding:10px;
	background:url(images/newsPbg.png) no-repeat 10px bottom;
	font-size:80%;
}
#news span{
    font-size:80%;
}

#galleryContainer { padding:15px 10px 0; }
	.galleryImageDiv { 
		width:278px;
		width/* */:/**/276px;
		width: /**/276px;
		height:209px;
		height/* */:/**/207px;
		height: /**/207px;
		border:1px solid #01894B;
		margin-bottom:40px;
		float:left;
		}
	.gipos0, .gipos1 { margin-right:40px; }
	#galleryContainer .galleryImageDiv a, #galleryContainer .galleryImageDiv a:visited, #galleryContainer .galleryImageDiv a:hover {
		display:block; padding:0; margin:0; position:relative; border:4px solid #d5c798;
		width:276px; width/* */:/**/268px; width: /**/268px; height:207px; height/* */:/**/199px; height: /**/199px;
		background-position: center top;
		background-repeat:no-repeat;
		overflow:hidden;
		}
		#galleryContainer .galleryImageDiv a img, #galleryContainer .galleryImageDiv a:visited img, #galleryContainer .galleryImageDiv a:hover img {
			position:absolute; border:0; margin:0; padding:0;
			z-index:1;
			}
		#galleryContainer .galleryImageDiv a span, #galleryContainer .galleryImageDiv a:visited span, #galleryContainer .galleryImageDiv a:hover span {
			display:block; position:absolute; text-align:center; bottom:0; padding:3px; background-color:#d5c798; color:#067637; text-decoration:none;
			width:268px; width/* */:/**/262px; width: /**/262px;
			z-index:2;
			cursor:pointer;
			}

#contentRight{
    float:left;
	width:182px;
	height:418px;
	border:1px solid #c0c0c0;
}

.homeLinksDiv{
	margin:12px 0px 0px 15px;
}
.homeLinkDiv {
	background:#fff url(http://www.kysu.edu/NR/rdonlyres/6228D36C-50FD-40FA-817D-7469C1D57C43/0/yellowLineFadeRight.jpg) no-repeat scroll left bottom;
	margin:6px 0;
	font-size:11px;
	white-space:nowrap;
}
.homeLinkDiv a{
    color:#0A442B;
}
.homeLinkDiv a:hover{
    color:#000;
}
.homeLinkDiv img{
    vertical-align:middle;
}

#footer{
    font-size:10px;
    color:#615831;
	padding:20px 0 0 6px;
	font-weight:bold;
	background:url(images/copyrightNcontact.gif) no-repeat 99% top;
	margin-bottom:20px;
	min-height:38px;
}
#footer a, #footer a:visited{
    font-size:10px;
    color:#615831;
}
#footer a:hover, #footer a:active{
    font-size:10px;
    color:#2F2C1D;
}

#copyrightFooter{
    padding-top:10px;
	color:#6F6B59;
}
#copyrightFooter a{
	color:#6F6B59;
}

.subNav{
    float:left;
    margin:10px 50px 25px 0;
	border-top:1px solid #e0e0e0;
	width:267px;
}

.subNav a{
    display:block;
	padding:5px 10px;
	border-bottom:1px solid #e0e0e0;
	color:#089F4B;
	font-size:11px;
}
.subNav a.currentPage { font-weight:bold; }
.subNav a:hover{
    text-decoration:underline;
	background:#F4F4F6;
}

.form { border:1px solid #999; padding:3px; margin:2px; }