/*
+--------------------------------------+
| Author: Carlos A. Benavente 	       |
| File: main_css.php                   |
| NC State - Computer Science          |
| Date: December 2006                  |
+--------------------------------------+
*/
/*
Disable repeat left nav menu bar if the page is the home page
*/
/* Main HTML and BODY Declarations */
html body 
{

	background:#333333;
	height:100%;
}
body 
{
	padding:0px; 
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}
/* End of HTML and BODY declarations */
a 
{
	color:#cc0000; 
	text-decoration:none;
}
a:hover 
{
	color:black; 
	text-decoration:none;
}
.hidden
{
	display:none !important;
}
.disappear
{
	position:absolute; left:-1000px; width:0px; height:0px; z-index:1;
}
#outer-wrapper{
	width:994px;
	margin-left:auto; 
	margin-right:auto; 
	margin-top:0px;

}
#left-border{
	background-image:url(/images/left.jpg);
	background-position:left;
	background-repeat: repeat-y;
}
#right-border{
	background-image:url(/images/right.jpg);
	background-position:right;
	background-repeat: repeat-y;
}

#header
{
	width:960px;
	background:url(/images/nav-bar-bgd.jpg) repeat-x;
	margin-left:auto; 
	margin-right:auto; 
	margin-top:1px;
}
#header div.univ a
{
	float:left;
	color: white;
	border-left: none;
	font-size:80%;
	text-align:left;
	padding:5px 6px 0px 6px;

} 

ul#ncsu-nav
{
	list-style:none;
	margin:0px 0px 0px -35px;
	height:25px;
}

ul#ncsu-nav li.first {
	margin-top:.19em;
	border-left: none;
	font-size:82%;
	text-align:left;
	font-weight:bold;
	
}
ul#ncsu-nav li
{
	text-align:center;
	float:left;
	margin-top:.5em;
	font-size:60%;
	padding:2px 6px 0px 6px;
	white-space:nowrap;
	width:auto;
	border-left:1px solid gray;
}
ul#ncsu-nav li.last {
	border-right:1px solid gray;
}
ul#ncsu-nav li a
{
	color:white; 
	display:block; 
}
ul#ncsu-nav li a:hover 
{
	color:white; 
	text-decoration:underline;
}
/* End of Top Navigation Menu */
.search 
{
	float:right;
	margin:-25px 4px 0px 0px; 
	padding:0px;
	height:5px;
}
/* Top Navigation Menu */

#menu {
	width: 960px;
	background:url(/images/nav-bar-bgd.jpg) repeat-x;
	height:26px;
	margin:0px auto;
	border-top:1px solid black;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 106px;
float: left;
}

#menu ul.top_menu {
}



#menu a{
font: 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 0px;
color:white; 
text-decoration: none;
text-align:center;
}

#menu ul li ul li a {
	font: 12px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 3px 10px;
	color:white; 
	text-decoration: none;
	text-align:left;
}


#menu ul li ul{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/aboutus.jpg);
	background-repeat: no-repeat;
	padding-top: 25px;
}

#menu ul li ul.news{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/news.jpg);
	background-repeat: no-repeat;
}

#menu ul li ul.academics{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/academics.jpg);
	background-repeat: no-repeat;
}

#menu ul li ul.research{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/research.jpg);
	background-repeat: no-repeat;
}

#menu ul li ul.directories{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/directories.jpg);
	background-repeat: no-repeat;
}

#menu ul li ul.events{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/events.jpg);
	background-repeat: no-repeat;
}

#menu ul li ul.employment{
	border: 1px solid gray;
	border-top:0px;
	background-image: url(/images/menu_background/employment.jpg);
	background-repeat: no-repeat;
}

#menu ul li ul.contactus{
	left: -137%;
	border: 1px solid gray;
	border-top:0px;
	background-repeat: no-repeat;

}

#menu li:hover {
color:white; 
background-image: url(/images/menu_background/menu_back.png);
}
#menu li {position: relative;}

div#menu ul ul {
position: absolute;
z-index: 500;
width: 250px;
height: 370px;
background-color:#333; 

}
div#menu ul ul div {
margin-top: 30px;
}

div#menu ul ul li {

}

div#menu ul ul
{visibility: hidden;}

div#menu ul:hover ul
{visibility: visible;}

#breadcrumb 
{
	
	font-size:95%;

}

/* End of Top Navigation Menu */
/* Footer */
#footer-bar
{
	display:block;
	width:960px;
	background-color:#C20000;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	font-size:.4em;
	color:#990000;
}
#footer 
{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:black;
	overflow:auto;
}
#footer-address
{
	font-size:65%;
	margin-right:4px;
	color:white;
	float:right;
	background-color:black;
	text-align:right;
}
#footer-address a
{
	color: white;
}
#footer-address a:hover
{
	color:white;
	text-decoration:underline;
}
#footer-coe
{
	font-size:68%;
	margin-left:4px;
	margin-top:8px;
	color:white;
	background-color:black;
	float:left;
}
#footer a
{
	color:white;
}
#footer a:hover
{
	color:white;
	text-decoration:underline;
}

.hiddenPic {display:none;}

/* End of Footer */

<!--[if IE] -->
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}

#menu a{
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}


.announcement a {
	color:white;
}

 /** CSS Document **/


body {margin:0;padding:0;}
#q {
height:auto;
padding:2px;
}
/* HEADER */
div#utility_bar * {margin:0;padding:0;}
/*background of strip */
div#utility_bar {font-family:Arial,Helvetica,sans-serif;font-size:10px;background:#000;min-height:31px;height:31px;}
div#head_in {width:670px; border: none;}
div#utility_bar .access {height:0;width:0;overflow:hidden;position:absolute;}
div#utility_bar div.logo a{width:165px;height:31px;overflow:hidden;text-indent:-9000px;background:url(../images/black_brick.gif) no-repeat;float:left;}
div#utility_bar h1.logo a{width:165px;height:31px;overflow:hidden;text-indent:-9000px;background:url(../images/black_brick.gif) no-repeat;float:left;}
div#utility_bar .access {height:0;width:0;overflow:hidden;position:absolute;}
/**
div#utility_bar div.logo a{width:228px;height:31px;overflow:hidden;text-indent:-9000px;background:url(../images/black_brick-125-v2.png) no-repeat;float:left;}
div#utility_bar h1.logo a{width:228px;height:31px;overflow:hidden;text-indent:-9000px;background:url(../images/black_brick-125-v2.png) no-repeat;float:left;}
**/
/**  changed 6 0 6 - 20 to 6 0 0 11*/
div#utility_bar #topnav {padding:6px 0px 6px 11px;float:left;list-style:none;}

div#utility_bar #topnav li {float:left;font-size:1em;text-transform:uppercase;padding:3px 8px 3px 7px;background:url(../images/white_lines.gif) no-repeat right center;}
div#utility_bar #topnav li.last {background:none;padding-right:0;}
div#utility_bar #topnav li a {color:#FFF;text-decoration:none;}
div#utility_bar #topnav li a:hover {text-decoration:underline;}
div#utility_bar .sitesearch_form {padding:5px 0 0 20px;float:left;}
div#utility_bar .sitesearch_form input#keywords {width:150px;background:#fff url(images/head_txtbox_shadow.gif) no-repeat;border:none;padding:3px 4px;font-size:1em; position: relative; top: -7px; left: -5px;}

div#utility_bar .sitesearch_form input.btn_search {margin:0 0 0 5px;}
div#utility_bar .sitesearch_form input.search {margin:-20px 0 0 0px; background:#ccc;}

.access {height:0;width:0;overflow:hidden;position:absolute;left:-9000px;}

/*************************/
div#ncsu_bar {margin:0;padding:0; background-color:#000;}

#open {text-transform:uppercase; color:#FFF; z-index: 2; width: 650px; background-color:#000;font-size: 70%; font-family:Arial, Helvetica, sans-serif;display: none;min-height:31px;height:31px;}

#open h3 {float: left; text-transform:uppercase;margin: 10px 10px 0 0; padding: 0px; font-weight: normal;  color:#FFF; font-size:110%}
#open #search_button {position: relative; top: 5px;}
#open #closeh_button {position: relative; top: 5px;}
#open #search {margin-left: 5px;}

#utility_bar { width:100%; display: block;} 

div#open div {margin:0;padding:0;}
div#open div.logo a{width:165px;height:31px;overflow:hidden;text-indent:-9000px;background:url(../../images/black_brick.gif) no-repeat;float:left;margin:0;padding:0;}

div#open h1 {margin:0;padding:0;}
div#open h1.logo a{width:165px;height:31px;overflow:hidden;text-indent:-9000px;background:url(images/black_brick.gif) no-repeat;float:left;margin:0;padding:0;}

#open form.sitesearch_form {
	padding-left: 220px; }
.sitesearch_form input#search {width:150px;background:#fff url(../images/head_txtbox_shadow.gif) no-repeat;border:none;}




</style>

<!--[endif]-->

<!--[if IE] -->
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}

#menu a{
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<!--[endif]-->