﻿/*
 * Indiana State University
 * Master stylesheet for home page
 *
 * Office of Communications and Marketing, Web Services
 * http://www.indstate.edu/commar
 */

/* LAYOUT - the framework */

* {margin:0;padding:0;outline: 0;}
img {border:0;}
body {background:#dee7ef url(/images/homepage/index-contbg.jpg) repeat-x;margin:0 auto;}

#container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background:#0b4094;
	border:0px #779dc2 solid;
	}

#logobar {
	width: 1000px;
	height: 90px;
	margin:0 auto;
	padding: 0;
	background: transparent;
	/*background: url("/images/global_bg.jpg") repeat-x;*/
}

#linkareas {
	width: 1000px;
	background: #0b4094;
	margin: 0 auto;
	padding: 0;
	clear:both;
}

#mainarea {
	width: 1000px;
	background: #bf9436;
	margin: 0 auto;
	padding: 0;
	clear:both;
}

/* ALTERNATE FOOTER */

#footer{
clear: both;
width:1000px;
margin: 0 auto;
padding: 0;
background: #fff;
font-size: 11px;
font-family: "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;
border-top:1px #ccc solid;
}

#footer p {
color: #777;
margin: 0;
padding: 8px 5px;
/* clear: both; */
}

#footer a {color: #777;text-decoration: underline;}
#footer a:hover {text-decoration: underline;}

#footer a.socmedia {font-weight:bold;text-decoration:none;}
#footer a.socmedia:hover {text-decoration: underline;}

#footer ul {
margin: 10px 0 0 5px;
padding: 0;
list-style-type: none;
}
	
#footer ul li {
display: inline;
font-weight: bold;
color: #777;
padding: 0 5px;
margin: 0;
}

#footer ul li a {
color: #777;
background: transparent;
text-decoration: none;
}

#footer ul li a:hover {
background: transparent;
text-decoration:underline;
}


/* NAVIGATION - main navigation */

#main_nav {
	clear:both;
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	background: #18225f;
    }

#main_nav ul {
	font-size: 15px;
	font-family: "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#main_nav ul li { 
	display: inline;
	padding: 0;
	margin: 0;
	}

#main_nav ul li a {
    background: #f1bb46 url(/images/nav_bg2.png) repeat-x;
	padding: 5px 0;
	margin: 0;
	text-decoration: none;
	text-align: center;
	color: #111;
	float: left;
	}

#main_nav ul li a:hover {
	text-decoration:none;
	}

/* GLOBAL */

#isuglobal {
	padding: 0;
	margin: 20px 10px 0 0;
    text-align: right;
    float:right;
    width: 400px;
    }

#isuglobal ul {
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	}
	
#isuglobal ul li { 
	display: inline;
	}

#isuglobal ul li a {
	background: transparent;
	padding: 8px 7px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	}

#isuglobal ul li a:hover {
	background: transparent;
	text-decoration:underline;
	}

#gcse {float:right;text-align:right;width:400px;margin:20px 0 0 10px;padding:0 10px;color:#fff;}

#gcse input.srch {
display:block;
width:50px;
height:17px;
padding:0;
margin:1px 0 0 0;
font-family:Tahoma,sans-serif;
font-size:10px;
color: #111;
text-decoration: none;
background:#ccc;
border-top:1px #d7d7d7 solid;border-left:1px #d7d7d7 solid;
border-right:1px #a1a1a1 solid;border-bottom:1px #a1a1a1 solid;
text-align:center;
float:right;
}

#gcse input.srch:active {
border-bottom:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid;
border-left:1px #a1a1a1 solid;border-top:1px #a1a1a1 solid;
}

/* AREA NAV LISTS */
#whyisu, #academics, #admissions, #life {
	font-family: "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	background: #0b4094;
	color:#fff;
	padding: 0 0 10px 0;
    }

#whyisu h2, #academics h2, #admissions h2, #life h2 {
	font-size: 14px;
	margin:10px 0 0 0;
	padding: 0;
}

#whyisu li a, #academics li a, #admissions li a, #life li a {
	color: #fff;
	text-decoration: none;
}

#whyisu li a:hover, #academics li a:hover, #admissions li a:hover, #life li a:hover {
	text-decoration: underline;
}

/* AREA NAV - whyisu links */

#whyisu {
	margin: 0 0 0 20px;
	float: left;
	display: block;
	width: 200px;
}

#whyisu ul {
	margin: 0;
	padding: 0;
	}

#whyisu li {
	padding: 3px 10px;
	margin: 0;
	list-style-type: none;
	background: transparent;
	}

/* AREA NAV - academics links */

#academics {
	margin: 0 20px 0 60px;
	border-right: 1px #a2a2a2 dotted;
	float: left;
	display: block;
	width: 200px;
	}

#academics ul {
	margin: 0;
	padding: 0;
	}

#academics li {
	padding: 3px 10px;
	margin: 0;
	list-style-type: none;
	background: transparent;
	}

/* AREA NAV - admissions links */

#admissions {
	margin: 0 20px 0 20px;
	border-right: 1px #a2a2a2 dotted;
	float: left;
	display: block;
	width: 200px;
	}

#admissions ul {
	margin: 0;
	padding: 0;
	}

#admissions li {
	padding: 3px 10px;
	margin: 0;
	list-style-type: none;
	background: transparent;
	}

/* AREA NAV - life at ISU links */

#life {
	margin: 0 20px 0 20px;
	float: left;
	display: block;
	width: 200px;
	border-right: 1px #a2a2a2 dotted;
	}

#life ul {
	margin: 0;
	padding: 0;
	}

#life li {
	padding: 3px 10px;
	margin: 0;
	list-style-type: none;
	background: transparent;
	}

/* ACCORDION NAVAREA */
/* for the normal vertical version */
.navigation {
	width:257px;
	height:256px;
	margin:0 0 0 -7px;
	padding:0;
	background: url(/images/poplinks-bgopen-h2.png) no-repeat;
	float:left;
	position:relative;
	z-index:0;
	}
	
.navigation ul {
	list-style-type:none;
	margin:0 0 0 7px;
	padding:0;
	width:250px;
	}

li.navlink {
	font-family: Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	margin:0;
	padding: 10px 10px 15px 15px;
	background: transparent;
	color:#111;
	border-bottom:1px #939393 solid;
	border-top:1px #ccc solid;
	}
li.navlink:hover {cursor:pointer;}
#calc {background: url(/images/poplinks-calcbgopen-h2.png) no-repeat -7px;border-top:1px #91b288 solid;color:#111;font-weight:bold;}

.desc {
	margin:0;
	padding: 5px 1px;
	height:50px;
	}

.desc p {font-family: Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;font-size: 11px;color:#111;padding:0 3px 0 2px;font-weight:normal;}

a.applink {color:navy;text-decoration:none;}
a.applink:hover {text-decoration:underline;}

input.calc {
width:150px;
padding:1px;
margin:15px 0 5px 70px;
font-size:11px;
color: #fff;
text-decoration: none;
background:#6a935e;
border-top:1px #82a777 solid;border-left:1px #82a777 solid;
border-right:1px #5f7a55 solid;border-bottom:1px #5f7a55 solid;
text-align:center;
position:relative;
z-index:0;
}

input.calc:active {
width:150px;
padding:1px;
margin:15px 0 5px 70px;
font-size:11px;
color: #fff;
text-decoration: none;
background:#6a935e;
border-bottom:1px #82a777 solid;border-right:1px #82a777 solid;
border-left:1px #5f7a55 solid;border-top:1px #5f7a55 solid;
text-align:center;
position:relative;
z-index:0;
}

input.tour {
display:block;
width:150px;
padding:1px;
margin:15px 0 5px 70px;
font-size:11px;
color: #111;
text-decoration: none;
background:#ccc;
border-top:1px #d7d7d7 solid;border-left:1px #d7d7d7 solid;
border-right:1px #a1a1a1 solid;border-bottom:1px #a1a1a1 solid;
text-align:center;
position:relative;
font-weight:bold;
}

input.tour:active {
display:block;
width:150px;
padding:1px;
margin:15px 0 5px 70px;
font-size:11px;
color: #111;
text-decoration: none;
background:#ccc;
border-bottom:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid;
border-left:1px #a1a1a1 solid;border-top:1px #a1a1a1 solid;
text-align:center;
position:relative;
font-weight:bold;
}

input.app {
display:block;
width:150px;
padding:1px;
margin:5px 0 5px 2px;
font-size:11px;
color: navy;
text-decoration: none;
background:transparent;
border:0;
position:relative;
font-weight:bold;
text-align:left;
}

input.app:hover {text-decoration:underline;}

input.calc:hover, input.tour:hover, input.app:hover {cursor:pointer;}

li.opennav{ /* class added to contents when opened */
	background: url(/images/poplinks-bg-h2.png) no-repeat -7px;
	border-bottom:1px #939393 solid;
}

/* HIGHLIGHT AREA - photo gallery, video, news */

#highlights {
	width: 1000px;
	background: #fff;
	clear:both;
	margin: 0;
	padding: 0;
}

#highlights ul {
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
#highlights ul li { 
	display: inline;
	padding: 0 15px;
	margin: 0;
	width: 300px;
	height: 165px;
	float: left;
	background: #fff;
	}

#highlights p {
	font-family: "Lucida Grande", Tahoma, Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:lighter;
	color: #000;
	margin: 0;
	padding: 2px;
}

#highlights a {
	text-decoration: none;
	color: #111;
}

#highlights a:hover {
	text-decoration: underline;
}

#highlights h1 {font-size: 14px; margin: 3px 0 0 0;padding:0;}
#highlights .photo {margin:3px 10px 0 0;padding:1px;border:1px #111 solid;float:left;}

/* link to the RSS feeds */

#highlights a.rssicon {
display:block;width:150px;height:20px;background:transparent;text-decoration:none;
}

/* EMERGENCY BLOCK */

#emergBlock{
	width: 990px;
	background: #e67c00;
	padding:0;
	margin:5px auto;
	clear:both;
	border:1px #db4600 solid;
	}
	
#emergBlock p {
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size:12px;
	line-height:13px;
	color: #fff;
	padding: 8px 10px;
	margin: 0;
	}

#emergBlock p.close {float:left;text-align:right;width:25%;padding:15px 15px 10px 15px;font-weight:bold;font-size:11px;}
#emergBlock span {cursor:pointer;}

/* end */