/*
+--------------------------------------+
| Author: Carlos A. Benavente 	       |
| File: main_css.php                   |
| NC State - Computer Science          |
| Date: December 2006                  |
+--------------------------------------+
*/
/* Main HTML and BODY Declarations */
html body 
{
// 	background:#bbbbbb;
	background:#333333;
}
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;
}

/* #outerwrapper */
#wrapper 
{
	width:850px;
	height:100%; 
	min-height:100%; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:1px;
	margin-bottom:1px;
	background:#fff url(/images/leftsidebar.png) repeat-y left; 
	border-left:1px solid gray;
	border-right:1px solid gray; 
	border-top:1px solid gray;
}
 
/* Header */
#header 
{
	position:relative;
	width:100%;
	background: url(/images/banner-new-bk.jpg) repeat-x; 
	margin:0; padding:0; 
	height:80px; 
	border-bottom:1px solid black; 
}
#header img.banner
{
	float:left;
} 
.search 
{
	float:right;
	margin:0; 
	padding:2px;
}
.texta 
{
	font-size: 75%; 
	color: black; 
	background-color:#CCCCCC; 
	border: 1px solid #666666;
}
/* End of Header */

/* Top Navigation Menu */
 #bar 
 {
	float:left;
	width:850px;
	background:#cc0000 url(/images/cell-bkgnd-new.png) center repeat-x; 
	border-bottom:1px solid gray; 
	text-align:center;
}

ul#top-nav 
{
	text-align:center; 
	list-style:none; 
	margin:0; 
	padding:0; 
	float:left;
}
ul#top-nav li 
{
	text-align: center;
	float: left;
	padding-left:0px; 
	padding-right:1px; 
	padding-left:1px;
	font-size: 75%;
	white-space: nowrap;
}
#top-nav ul li.first /* this is not working */
{
	margin-left: 0;
	border-left: none;
	list-style: none;
}

ul#top-nav li a
{
	color:white; 
	display:block; 
	text-align:center; 
	width:80px; 
	border-left:1px solid gray;
}
ul#top-nav li a:hover 
{
	color:white; 
	text-decoration:underline;
}
/* End of Top Navigation Menu */

/* Left Side Bar Menu */
#left 
{
	float:left;
	width:149px; 
	font-size:70%;
}  
#left a
{
	display:block; 
	color:black; 
	text-decoration:none; 
	padding-left: 3px;
	height:auto;

	
}
#left a:hover
{
	background-color:white; 
	color:#cc0000;
}
#left h2 
{
	display:block; 
	background:#cc0000 url(/images/cell-bkgnd-new.png) center repeat-x; 
	text-align:center;
	font-size:100%; 
	color:white;
	margin:0; 
	padding-left:0;
}
#left ul 
{
	list-style-type:none; 
	margin:0;
	padding:0;
}
#left li 
{
	 
	border-bottom:1px solid gray;
}
#left a.thumbnail
{
	border-bottom:none;
	text-decoration:none;
}

#left a:hover.thumbnail
{
	background-color:transparent;
}

#left img.cra_nsa
{
	margin-top:240px;
}

/* End of Left Side Menu */
/* Right Content Wrapper*/
#right_content
{
	float:right;
	width:700px;
	background:white url(/images/blank.gif) repeat-y;
}
/* Right Side Bar */
#right 
{
	float:right; 
	font-size:70%; 
	width:169px;
	background-color:#dddddd; 
	border-left:1px solid gray; 
	border-bottom:1px solid gray;
	padding-left:2px;
} 
#right a
{
	color:#cc0000; 
	text-decoration:noce;
}
#right a:hover
{
	color:#000000; 
	text-decoration:none;
}
#right h2 
{

	display:block; 
	background:#cc0000 url(/images/cell-bkgnd-new.png) center repeat-x; 
	text-align:center;
	font-size:100%; 
	color:white;
	margin:0; 
	padding-left:0;
}
#right ul 
{
	list-style-type:none; 
	margin: 0 0 0;
	padding:0 0 0 0;
}
#right li 
{
	margin-top:1em; 
	padding-left:6px; 
	padding-right:6px;
}
#right a.event /* Remove this when events template is modified with li */
{
	font-style:italic; 
	color:black;
}
#right a:hover.event
{
	color:#cc0000;
}
/* End of Right Side Bar */

#content 
{
	background-color:white;
	width:520px;
	float:left;
	margin-left:4px;
	font-size:90%;
}
#content h1 
{
	font-size:130%;
	color:#cc0000;
	font-style:italic;
	border-bottom:1px dotted gray;
	text-align:left;
}
#content a 
{
}
#content p.intro 
{
	line-height:135%; 
	font-size:80%;
}
#content a.full 
{
	font-size:85%;
}

/* End of Content */
#clearfooter 
{
	clear:both; 
	overflow:hidden; 
	margin:0px 4px 0px 2px; 
	height:1px;
}
.clear 
{
	overflow:hidden; 
	margin:0px 4px 0px 2px; 
	height:1px;
}
/* Footer */
#footer 
{
	color:black; 
	font-size:70%; 
	margin-left:auto;
	margin-right:auto;
	width:850px;
	text-align:center; 
	background:white url(/images/wrapper-bottom.png) repeat-x bottom; 
	border-right:1px solid gray; 
	border-left:1px solid gray; 
	border-bottom:1px solid gray; 

}
/* End of Footer */
#gotop
{
	font-size:80%;
	text-align:right;
	font-style:italic;
	margin-right:2px;
}
#gotop a
{
	color:white;
}
#gotop a:hover
{
	color:#cc0000;
}
#breadcrumb 
{
font-size:70%;
}

.login
{
font-size:67%;
padding-top:5px;
text-align:right;
}
.login a
{
color:white;
}
.login a:hover
{
color:black;
}
#styles for left nav menu of alumni login pages
#login_alumni {
}
#login_alumni h2 { font-size:1.2em;
text-transform:uppercase;
background-color:#333;
color:#FFFFFF;
padding:1px 1px;
}
#login_alumni li{
font-size:1em;
}
#login_alumni a{
background-color:#666;
color:#FFFFFF;
text-transform:uppercase;
padding:3px 3px;
}

#login_alumni a:hover{
background-color:#333;
color:#FFFFFF;
text-transform:uppercase;
}