/****************************************

 * NBCEC Site Style Sheet -----1/14/09 by Erin Smith
	includes sticky footer and elastic style sheet

 ****************************************/


* {
	margin: 0;
}

html { height: 100%; }

body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #f2d7b6;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	height:100%; /*sticky footer*/
}

#container {
	width: 50em;
	background: #FFFFFF;
	margin: 5px auto 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-bottom:2em; /*sticky footer*/
	height: auto; /*sticky footer*/
	min-height: 95%; /*sticky footer*/
	border: 1px solid #8c3b29;
	position:relative;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

* html #container {
	height: 95%;
	padding-bottom:2.2em;
	background:#ffffff;
}


/*-------------------------------------------------------------------------------------------
		Header
-------------------------------------------------------------------------------------------*/

#header {
	height: 10em;
	background: #FFFFFF url(../images/cows.gif) no-repeat right bottom;
	position:relative;
}

#cornell {
	height:2.8em;
	position:relative;
	width:50em;
	background:url(../images/cu_logo.gif) left no-repeat #000000;
	border-bottom:2px solid #f2d7b6;
}

	
/*-------------------------------------------------------------------------------------------
		Navigation
-------------------------------------------------------------------------------------------*/

#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

#navigation {
	float: left;
	width: 100%;
	margin: 0;
	padding: .3em 0 0 0;
	list-style: none;
	background:#204e73;
	font-size:.85em;
	border-top:2px solid #f2d7b6;
	z-index: 10;
}
#navigation ul {
	list-style-type:none;
}
	
#navigation li {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	line-height: normal;
}
#navigation li p, #navigation li a {
	position: relative;
	display: block;
	margin: 0;
	padding: .3em .65em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
/* Hovers & Current Tab: sfhover class added with JS (for old IE)
--------------------------------------------------------------- */
#navigation li:hover, #navigation li.sfhover, #navigation li.active, #navigation #current {
	background: #fff url(../images/tl.gif) no-repeat left top;
}
#navigation li:hover a, #navigation li.sfhover a, #navigation li.active a, #navigation ul li#current a {
	color: #204c73;
	background: url(../images/tr.gif) no-repeat right top;
}

/*the following is for main navigation 'links' that are not linked*/
#navigation li:hover p, #navigation li.sfhover p, #navigation li.active p, #navigation ul li#current p {
	color: #204c73;
	background: url(../images/tr.gif) no-repeat right top;
}
/*

* html #navigation li:hover a, #navigation li.sfhover a, #navigation li.active a, #navigation ul li#current a {
	color: #204c73;
	background: url(../images/tr_no.gif) no-repeat right top;
}

* html #navigation li:hover p, #navigation li.sfhover p, #navigation li.active p, #navigation ul li#current p {
	color: #204c73;
	background: url(../images/tr_no.gif) no-repeat right top;
}
*/
/* Dropdowns 
--------------------------------------------------------------- */
#navigation li ul {
	position: absolute;
	padding: 0;
	margin-top:-.2em;
	margin-left:-2px;
	list-style: none;
	left: -999em; /* using left because display:none isn't read by screen readers */
	background: #fff;
	border-left: 2px solid #204e73;
	border-right: 2px solid #204e73;
	border-bottom: 2px solid #204e73;
	z-index: 10;
}
#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
}
#navigation li:hover ul li {
	margin: 0;
	padding: 0;
}
#navigation li:hover ul li a {
	padding:.3em .5em;
	margin: 0;
	font-size:.9em;
	background-color:#fff;
	background-image: none;
	font-weight: normal;
	color: #8c3629;
}

#navigation li ul li.last a, #navigation li.current ul li.last a {
	border-bottom-color: #a5be0e;
}
#navigation li ul li a:hover, #navigation li.current ul li a:hover {
	background:#fcf2e6; 
	color: #204c73;
	font-weight:bold;
}
#navigation li ul li.current a {
	font-weight: bold;
}

/* Width of DropDowns */
#navigation li ul,
#navigation li ul li,
#navigation li:hover ul li, 
#navigation li.sfhover ul li , 
#navigation li.current ul li {
	width: 10.5em;
	w\idth:10.5em;
}
	
/* Make Last Tab's DropDown Less Wide */
#navigation li#last_tab ul,
#navigation li#last_tab ul li,
#navigation li#last_tab:hover ul li a, 
#navigation li#last_tab.sfhover ul li a, 
#navigation li#last_tab.current ul li a {
	width:8.8em ;
}

#navigation li:hover ul li#last_tab a {
	width:7.8em;
}

/* IE7 Sticky Menu Fix */
#navigation li:hover, #navigation li.hover {
    position: static;
}




/*-------------------------------------------------------------------------------------------
		MainContent & Text Styling
-------------------------------------------------------------------------------------------*/

#mainContent {
	padding:20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size:.8em;
	margin:0;
	color:#582c22;
	clear:both;
}

#rightbox {
	float: right;
	text-align:center;
	width: 13em; /* since this element is floated, a width must be given */
	padding:0 .5em; /* top and bottom padding create visual space within this div */
	margin: 0 0 1em 1em;
	border: #204e73 solid 2px;
	background-color:#fcf2e6;
}


/*------------Text Style------------*/
#mainContent a { color:#8c3629;}

#mainContent ul li{padding-bottom:.3em;}

#mainContent ol li {padding-bottom:.5em;}

* ul {padding-left:4em;}

p {padding:5px 0;}

h4 {font-size: .8em; margin-top:-4px; margin-left:2em; margin-bottom:.78em;} /*h4 code for formatting presenters in brown baggers*/

.h4 {font-size: .8em; margin-top:0px; margin-left:2em; margin-bottom:.78em;} /*.h4 code for formatting presenters in ul within brown baggers*/

h2 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	font-weight: 300;
}

h3 {
	margin: 0 0 7px 0;
	font-size: 1.2em;
	font-weight: 600;
}
h5 {font-size: .85em; color: #333333; font-weight:400; padding-left:1em;}

.tan {background: #EEEEEE; margin:2em 0 .5em 0; font-weight:bold;}

/*------------Image Style------------*/

.img_right {
	float:right;
	padding:1em 1em 1em 2em;
}

.img_left {
	float:left;
	padding:1em 2em 1em 1em;
}

/* ---------center an image --------*/
img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto }


/*-------------------------------------------------------------------------------------------
		Side Navigation
-------------------------------------------------------------------------------------------*/

#sidenav {
	float: left;
	width: 12em; /* since this element is floated, a width must be given */
	padding:0; /* top and bottom padding create visual space within this div */
	position:relative;
	background: #8c3629;
	background-image:url(../images/lfadeg.gif);
	background-position:left;
	background-repeat:repeat-y;
	margin-bottom:7px;
	z-index: 1;
}

#sidenav ul {
	list-style-type:none;
	padding:.7em .1em 1.5em .6em;
	margin:0 0 -7px 0;
	background-image:url(../images/bfadeg.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#bfadeg{
	background-image:url(../images/bfadegsm.gif);
	background-position:bottom right;
	background-repeat:repeat-x;
	float:left;
	margin-right:2em;
}

#category {
	margin:0 2px 0 7px;
	text-align:center;
	padding:1em 1em .2em 0;
	border-bottom:#cccccc 1px solid;
}

#category p, #category a {
	font-weight:100;
	font-size:.8em;
	color:#FFFFFF;
	text-decoration:none;
	padding:0em;
	margin:0em;
}

#sidenav ul li {
	padding: .5em .0em .5em .9em;
	border-bottom:solid #8c3629 1px;
	display:block;
}

#sidenav li {
	color:#FFFFFF;
	font-size:.9em;
	font-weight:bold;
}

#sidenav li a {text-decoration:none; color:#FFFFFF;}

#sidenav ul li:hover a, #sidenav ul li:hover {color:#204c73; background:#fcf2e6;}

.sub a {font-size:0.95em; font-weight:100; margin:-.2em auto; padding-left: 2em; display:block;}


/*-------#rightbody controls the page width and position when sidenav is used--------*/
#rightbody {
	float:left;
	width:45em;
	margin:0;
	padding:0;
}


/*-------------------------------------------------------------------------------------------
		Rounded Box
-------------------------------------------------------------------------------------------*/

.xrounded h1, .zrounded h1 {
	margin:0; 
	font-size:1em; 
	padding:0 8px 3px 8px; 
	border-bottom:1px solid #d0d0d0;
	}
.xrounded p, .zrounded p {
	margin:0; 
	padding:5px 0; 
	font-size:1em; /* chg from 10px */
	line-height:125%;
	}
.xrounded {
	background: transparent; 
	width:100%;   /*Adjust the width here*/
	float:right;
	/* removed float:left; */
	margin:.5em 0 1em 0;
	line-height:125%;
	}
.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
	}
.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;
	}
.xb1, .xb2, .xb3 {
	height:1px;
	}
.xb2, .xb3, .xb4 {
	background:#ffffff;  /* change this for color of main part of box */
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	}
.xb1 {
	margin:0 5px; 
	background:#d0d0d0;
	}
.xb2 {
	margin:0 3px;
	border-width:0 2px;
	background:#8c2f1b;  /* change this for color of main part of box */
	border-left:1px solid #fcf2e6;
	border-right:1px solid #fcf2e6;
	}
.xb3 {
	margin:0 2px;
	background:#8c2f1b;  /* change this for color of main part of box */
	border-left:1px solid #fcf2e6;
	border-right:1px solid #fcf2e6;
	}
.xb4 {
	height:2px; 
	margin:0 1px;
	background:#8c2f1b;  /* change this for color of main part of box */
	border-left:1px solid #fcf2e6;
	border-right:1px solid #fcf2e6;
}

.xboxcontent {
	display:block; 
	border:0 solid #fcf2e6; 
	border-width:0 1px;  
	height:auto;
	background:#ffffff; /*change this for color of main part of box */
	}

div.xboxcontent div{
	padding: 0 4px 0 8px;

	}

* html .xboxcontent {
	height:1px;
	}

.xboxcontent a{
	color: #0000ff;
	text-decoration:none;
	}

.xrounded .tan_a {background:#8c2f1b;}
.xrounded .brown_a {background:#fcf2e6;}

/*-------------Hover on Rounded Box-----------------------*/

.xboxcontent:hover #bit ul, .xboxcontent.sfhover ul {left: auto;}
.xboxcontent:hover #bit ul li, .xboxcontent.sfhover #bit ul li, .xboxcontent.active #bit ul li { 		
	color: #204c73;
	background: #FFFFFF; }		
#bit {float:left; margin:-1em 0 0 4.4em;}	
#bit ul {
	position:absolute;
	left: -999em; /* using left because display:none isn't read by screen readers */
	z-index: 10;
	list-style:none; 
	padding:0; 
	margin:0;
		height: auto;
	width: 5.5em;
	w\idth: 5.5em;
	font-weight: normal;
	text-align:left;
	border-top: 1px solid #8c2f1b;
	border-bottom: 1px solid #8c2f1b;
	border-left: 1px solid #8c2f1b;
	border-right: 1px solid #8c2f1b;
	background-color:#FFFFFF;
}
#bit ul li {float:left; list-style:none; padding:2px 3px; margin:0;  line-height:.7em; width:5.1em;}
#bit ul li a {position:relative; font-size:.7em; color:#8c2f1b; padding:0; margin:0;}
.xboxcontent #bit ul li:hover, #bit ul li:hover a {color:#fcf2e6; background:#8c2f1b;}
	
/*-------------------------------------------------------------------------------------------
		Footer
-------------------------------------------------------------------------------------------*/

#footer {
	position: relative;
	margin: -3em auto 0 auto;
	font-size:0.6em;
	text-align:center;
	padding:0;
	color:#582c22;
}
#footer a {color:#8c3629;}

/* A CSS hack that only applies to IE -- specifies a different offset for the footer */

* html #footer { margin: -3em auto 0 auto;}	

/* special code to display email addresses in a way that can't be source read */
span.codedirection { 
unicode-bidi:bidi-override; 
direction: rtl; 
}