/**
 * Stylesheet
 *
 * Copyright Fusionary Media, 2004
 */


/* begin styles to "normalize" elements accross browsers */
body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
/* end of "normalizing" styles */


body{
	background-color: #fff;
	font-size: 70%;
/* original 11px */
	margin: 0px;
	padding: 0px;
	color: #333333;
}

h1, h2, h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1{
	font-size: 21px;
	color: #BF9600;
	margin:10px 0px 0px;
	font-weight: normal;
}

h2{
	font-size: 14px;
	color: #BF9600;
	margin:10px 0px 0px;
}
 


h3{
	font-size: 12px;
	color: #BF9600;
	margin:5px 0px 0px;
}

p {
	padding:5px 0px 5px 0px;
	margin:0px 0px 5px 0px;
}


td{
	vertical-align: top;
}

a:link{color: #0F3475;}
a:visited{color: #0F3475;}
a:hover{color: #BF9600; text-decoration: none}
a:active{color: #BF9600;}

a.LocalMenu {font-size: 12px}

hr {
	border: 0;
	width: 100%;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 0px;
	padding: 0px;
}

.clr {
	clear: both;
	height: 1px;
}
.clearfix:after { /*http://positioniseverything.net/easyclearing.html*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
 html .clearfix {height: 1%;}
/* End hide from IE-mac */

ul{
	margin: 5px 5px 5px 10px;
	padding: 5px;
}
ul li{
	list-style-image: url(../images/bullet.gif); /*default bullet for list items*/
	padding: 0px;
	margin: 0px;
}
ul li a{
	text-decoration: none;
}
/* 776 custom */
#container{
	width: 776px;
	position:relative;
/*	left: 50%;*/
	margin: 10px 0px 0px 0px;
	text-align: left;
}



/*
Header Styles
*/
#header{
	background: #EBF0FF url(../images/bg_masthead.jpg) 0 0 no-repeat;
	border: 1px solid #A1B1D9;
	border-style: solid solid none solid;
	position:relative;
	height: 88px;
}
	#header h1{
		margin: 0px; padding: 0px;
		position: absolute;
		left: 11px;
		top: 7px;
	}
		#header h1 a{
			background: transparent url(../images/logo_grcc.gif) 0 0 no-repeat;
			display: block;
			height: 48px;
			width: 114px;
			color: #F3F3F3;
			padding: 48px 0px 0px 0px; 
			height: 0px !important;
			height /**/:48px;
			overflow:hidden;
			font-size: 1px;
		}
	#header ul{
		margin: 0px;
		padding: 0px;
		list-style: none;	
	}
	#header li{
		display: inline;
	}
	#header form{
		margin: 0px; padding: 0px;
		float: right;
		clear:both;
	}
	#header #nav-container{
		position: absolute;
		left: 0px;
		top: 63px;
		height: 24px;
		background-color: #012460;
		color: #fff;
		border-bottom: 1px solid #345FAB;
		width: 775px;
	}
		#header #nav-container p{
			float: left;
			margin: 0px;
			padding: 5px;
		}


/*
These styles are for the horizontal nav in the header...
It is important that these styles remain intact, as modifying them
can break the dropdown menus.
*/
	#header #nav-main{
		padding-left: 28px;
		background: transparent url(../images/nav_leftcap.gif) 0 0 no-repeat;
		height: 24px;
		float: right;
	
	}
		#header #nav-main li{
			width: 10em;
			float:left;
			height: 24px;
			text-align: left;
		}
		#header #nav-main a{
			display: block;
			margin: 0px;
			padding: 5px 10px 0px 10px;
			background: #02296E url(../images/bg_btn.gif) 0 0 no-repeat;
			vertical-align: middle;
			height: 24px; /*set the height for ie5*/
			voice-family: "\"}\""; /*ie5 hack... hide the following rule from it... show only to good browsers*/
			voice-family:inherit;
			height:19px;
		}
		#header #nav-main #currentstudents a{ 
			background-position: -1px 0px; /*move the background image over 1px to hide it's dividing bar*/
		}
		#header #nav-main #students{ width: 80px;}
		#header #nav-main #community {width: 100px;}
		#header #nav-main #faculty{ width: 110px;}
		#header #nav-main #aboutus{ width: 80px;}
		#header #nav-main #departments{ width: 100px;}
		#header #nav-main #jobs{ width: 60px;}
		
		#header #nav-main a:link, #header #nav-main a:visited{
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			font-size: 12px;
		}
		#header #nav-main a:hover{
			color: #FFC400;
			text-decoration: none;
		}
		#header #nav-main li a.current, /*apply this class to the anchor corresponding to the current page*/
		#header #nav-main li a.current:visited{
			color: #FFC400;
		}
		#header #nav-main li ul{
			position: absolute;
			width: 200px;
			left: -999em;
		}
		#header #nav-main li:hover ul, #header #nav-main li.sfhover ul { 
			left: auto;
			margin-top: -2px; 
		}
		#header #nav-main li ul li{
			height: auto;
			width: 100%;
			float:none;
			text-align: left;
		}
		#header #nav-main li ul li a, #header #nav-main li ul li a:visited{
			background-image: none;
			font-weight: bold;
			border-top: 1px solid #0F316F;
		}
		#header #nav-main li ul li a:hover{
			background-color: #FFC400;
			color: #000033;
		}

/*
These styles are for the supplemental nav in the header, which includes
the 'About Us' and 'Contact Us' links, etc.
*/
	#header #nav-sup{
		margin: 5px;
		float: right;
	}
	#header #nav-sup a{
		text-decoration: none;
		padding: 0px 5px;
	}










/*
Begin Main Content styles
*/
#content{
	border: 1px solid #A1B1D9;
	border-style: none solid solid solid;
	background: #fff url(../images/bg_content.gif) 0 0 repeat-y;
}

/* 
This style is specific to the home page.  
Note that the <body> tag of the home page has the class <body class="home">
which targets these styles.
*/
body.home #content{
	background-image: none;
	padding: 0px; margin: 0px;
}


		/* begin styles for homepage content blocks */
		#home-blocks {
			overflow: visible;
			background: transparent url(../images/bg_home-blocks.gif) 0 0 repeat-y;
		}
		#home-blocks div h2{
			margin: 0px -10px 0px -10px;
			padding: 3px 0 3px 10px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: black;
		}
		#home-block-login{
			color: #fff;
			padding: 0px 10px 10px;
			float: left;
			width: 202px; /*set the width for ie5*/
			voice-family: "\"}\""; /*ie5 hack... hide the following rule from it... show only to good browsers*/
			voice-family:inherit;
			width: 182px;
		}#{}/*reset ie5*/
		#home-block-login h2{
			background-color: #5888D8;
		}
		#home-block-login a:link, #home-block-login a:visited{
			color: #fff;
		}
		#home-block-login a:hover{
			color: #D0DEF8;
		}
		
		#home-block-news{
			float: left;
			padding: 0px 10px 10px;
			width: 286px; /*set the height for ie5*/
			voice-family: "\"}\""; /*ie5 hack... hide the following rule from it... show only to good browsers*/
			voice-family:inherit;
			width: 266px;
		}#{}/*reset ie5*/
		#home-block-news h2{
			background-color: #9DC2FA;
		}
		#home-block-events{
			float: left;
			padding: 0px 10px 10px;
			width: 286px; /*set the height for ie5*/
			voice-family: "\"}\""; /*ie5 hack... hide the following rule from it... show only to good browsers*/
			voice-family:inherit;
			width: 266px;
		}#{}/*reset ie5*/
		
		#home-block-events h2{
			background-color: #9DC2FA;
			border-left: 1px solid #A5B7D6;
		}




#content h1.bar{
/*
this styles the page heading. H1 elements should ONLY be used 
once on a page, and only for the page heading.
*/
	margin: 0px; padding: 5px 0px 0px 5px;
	background: transparent url(../images/bg_page-heading.gif) 0 0 no-repeat;
	display: block;
	height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}
#content-main{
	float: left;
	width: 580px;
}


/*sidebar styles*/
#sidebar{
	width: 169px;
	float: left;
	margin-right: 10px;
}
	#nav-sidebar{
		margin: 0px;
		padding: 0px;
		list-style: none;
		font-size: 100%;
	/* menu default was 10px */
	}
		#nav-sidebar a{
			display: block;
			padding: 3px 3px 3px 10px;
			background-color: #EEF2FA;
		}
		#nav-sidebar a:link, #nav-sidebar a:visited{
			color: #0F3475;
			text-decoration: none;
		}
		#nav-sidebar a:hover{
			background-color: #E1E6EF;
			color: #011435;
		}
	#nav-sidebar li{
		list-style-image: none;
	}


/*
Begin Footer Styles
*/
#footer{
	text-align: center;
	color: #828282;
	margin: 5px;
}
#footer p{
	padding: 0px 0px 5px 0px;
	margin: 0px;
}


#grcc1 {color: #000066; font-size: 12pt; font-family: Arial, Helvetica, "Sans-serif"; font-weight: bold}
#grcc2 {color: #990000; font-family: Arial, Helvetica, "Sans-serif"; font-weight: bold}