/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html{	
	width: 100%;
	height: 100%;
	background: #999a8c;
}
body {
	font-size: 63.125%; /*should be this*/
	/* font-size: 62.5%; */
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0; }

* {
	font-size: 1em;
	/* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family:Verdana,Helvetica,sans-serif;
	list-style:none;
}
a img{
	border:0;
}
.clear{
	clear:both;
}

#removeLine { /*fixes spacing in IE after the bio image */
	position: relative;
	top: -14px;
}

del.nostrike{
	text-decoration: none;
}

#blogHeader{
	float: left;
	margin-right: 10px;
}

#blogSponsored{
	float: left;
	font-size: 1.2em;
	margin-top: 9px;
}


/* Contact Us Section */

.status {
	color: #b41c1b;
	font-weight:bold;
	font-size: 1.6em;
}

.contactBox{
	background: #f0f0f0;
	border: 1px dotted #bebebe;
	float: left;
}

#quickLinks{
	float: right;
	width: 200px;
	padding: 8px;
	margin-left: 5px;
	margin-top: 2px;
}

#mailingAddress p, #monthlyNewsletter p{
	font-size: 1.3em;
}

#mediaInfo{
	width: 500px;
	margin-right: 16px;
	padding: 6px;
	margin-bottom: 16px;
	height: 201px;
}

.Person{
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 1.6em;
}

#mailingAddress{
	width: 192px;
	padding: 6px;
	margin-bottom: 16px;
	height: 201px;
}

#sponsorshipInfo{
	width: 270px;
	margin-right: 16px;
	padding: 6px;
	height: 201px;
}

#technicalInfo{
	width: 200px;
	margin-right: 16px;	padding: 6px;
	height: 201px;
}

#monthlyNewsletter{
	width: 192px;
	padding: 6px;
	height: 201px;
}

#progress{
	background: url(../images/progress/100mpgmile200.png);
	width:700px;
	height:172px;
	
}


/* ------------------------------------------*/
/* ---------->>> Dynamic Menus <<<-----------*/
/* ------------------------------------------*/

#bioContainer, #sponsorContainer  {
	width: 730px;
	background: #f0f0f0;
	overflow: hidden;
	position: relative;
	border: 1px dotted #bebebe;
}

#teamListPane, #levelListPane {
	float: left;
	width: 23%;
	background: #f0f0f0;
	padding: 20px 10px 0 20px;
	margin-bottom: 20px;
}

#teamInfoPane, #levelInfoPane {
	float: left;
	width: 23%;
	padding: 20px 0;
	height: 100%;
}

#bioPane, #sponsorPane {
	float: right;
	width: 45%;
	background: #f0f0f0;
	padding: 20px 20px 0 0;
}

.teamInfoEntry, .levelInfoEntry {
	display: none;
}

.bioEntry, .sponsorEntry {
	display: none;
}

#featuredSponsor, #featuredMember {
	display: block;
}

.bioE{
	/* this is used for the AJAX method */
}

.sponsorLevelInfo {
	display: none;
	text-align: center;
}

.sponsorEntry img{
}

.sponsImgCenterer{
text-align: center;
}

div .name {
	padding: 5px;
	width: 194px;
	float: right;
	text-align: left;
}

div .sponsorname img{
}

#boxCorner {
	width: 20%;
	background: #f0f0f0;
	position: absolute;
	bottom: 0;
	right: 0;
}

#teamListPane li,	#levelListPane li{
	list-style-type: none;
	margin: 0;
}

#teamListPane ul, #levelListPane ul{
	margin: 0;
}

#teamListPane a:link,
#levelListPane a:link {
	color: #404040;
	text-decoration: none;
}

#teamListPane a:visited,
#levelListPane a:visited {
	text-decoration: none;
	color: #404040;
}

#teamListPane a:hover, #levelListPane a:hover {text-decoration: underline; color: #000000;}
#teamListPane a.current_link, #levelListPane a.current_link {font-weight:bold; color: #B41C1B;}

#teamInfoPane li, #levelInfoPane li {
	list-style-type: none;
	margin: 0;
}
#teamInfoPane ul, #levelInfoPane ul{
	margin: 0;
}

#teamInfoPane a:link, #levelInfoPane a:link { color: #404040; text-decoration: none;}
#teamInfoPane a:visited, #levelInfoPane a:visited {text-decoration: none; color: #404040;}
#teamInfoPane a:hover, #levelInfoPane a:hover {text-decoration: underline; color: #000000;}
#teamInfoPane a.current_link, #levelInfoPane a.current_link {font-weight:bold; color: #B41C1B;}

#bioPane .NameStyler, #sponsorPane .NameStyler a {
	color: #b41c1b;
	font-weight:bold;
	font-size: 1.6em;
}

#bioPane .PositionStyler, #sponsorPane .PositionStyler {
	font-size:1.4em;
	color: #404040;
}

.bioEntry img, bioE img {
	display: block;
	float: left;
	border: 1px solid #7f7f7f;
}

.sponsorEntry img {
}


/* ----------------------------------------*/
/* ---------->>> News Styles <<<-----------*/
/* ----------------------------------------*/

#news_container {
	border:1px dotted #ccc;
	padding-top: 8px;
}

.news_article {
}
	.news_article .date {
		font-size: 75%;
		padding: 0 10px;
	}

#Main {
	margin: 20px auto;
	width:777px;
	/*border: 1px solid rgba(0,0,0,0.5);*/
}

#Header {
	height: 237px;
	position: relative;
	width: 777px;
	background: url('../images/100mpg_donate_banners/forestroad.jpg') no-repeat scroll;
}
	#Header h1 {
		color:#fff;
		font-size:1.5em;
		line-height:4.5em;
		padding-left:20px;
	}
	
#Headerbutton{
	height: 70px;
	width:160px;
	cursor:pointer;
	float:left;
	margin:120px 0px 10px 10px;
	background: url('../images/newbanners/clickherebutton.png') no-repeat scroll;
}
	
#donateBtn {
	width: 138px;
	height: 50px;
	top: 137px;
	left: 622px;
	margin: 0;
	padding: 0;
	position: relative;

}

#thinheader{
	width: 777px;
	height: 71px;
	background: url(../images/thinheader.jpg);
}

#thinheaderlink{
	width:	150px;
	height: 65px;
	cursor:pointer;
	float:left;
	
}

#MenuWrapper{
	width: 777px;
	height: 35px;
	background: url('../images/dotpattern.gif') repeat-y left -1px;
	margin: 0;
	padding: 0;
	position:	absolute;
	bottom: 0;
}

ul#Menu1 {
	list-style-type:none;
	width:767px;
	position:relative;
	display:block;
	height:33px;
	font-size:1.2em;
	background:url(../images/newmenuimages/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #000;
	margin: 0 0 0 4px;
	padding:0;
}

ul#Menu1 li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#Menu1 li a {
	float:left;
	color:#A79787;
	text-decoration:none;
	height:24px;
	padding:9px 15px 0;
}

ul#Menu1 li a:hover {
	color:#a2c66e;
	background:url(../images/newmenuimages/bg.png) repeat-x top left;
}

ul#Menu1 .current a,
ul#Menu1 .section a {
	color:#a2c66e;
	font-weight:700;
	
}

/*BLACK*/

ul#Menu1.black {
	background-color:#b41c1b;
}

ul#Menu1.black li a:hover,
.menu.red li.current {
	background-color:#a2c66e;
}


/*RED*/

ul#Menu1.red{
	background-color:#b41c1b;
}
ul#Menu1.red li a:hover,
.menu.red li.current {
	background-color:#DE3330;
}


.container {
	clear:both;
	text-decoration:none
}

* html .container {
	display:inline-block;
}

#ContentContainer {
	padding-top:20px;
	padding-bottom:20px;
	overflow: hidden;
	margin: 0;
	background: url(../images/dotpattern.gif) repeat-y left top;
	zoom:1;
}

#Banner {
	text-align: center;
}

#Menu2 {
	margin-left: 20px;
	width: 17em;
	float:left;
	background:#f0f0f0;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px;
}
	#Menu2 li {
		padding-left:15px;
		background:url(../images/menu2_arrow.gif) no-repeat left center;
	}
	#Menu2 a {
		color:#333;
		font-weight:bold;
		font-size:1.1em;
		line-height:1.6em;
		text-decoration:none;
	}
	#Menu2 a:hover {
		text-decoration:underline;
	}
	#Menu2 li.current a,
	#Menu2 li.section a {
		color:#0083C8;
	}

#SubNavigation
{
	background: url(../images/subnav_margin.gif) no-repeat;
	width: 754px;
	height: 16px;
	margin-left: 4px;
	padding-top: 3px;
	padding-left: 15px;
	font-size: 1.1em;
}

#SubNavigation a{
	position: relative;
	height: 19px;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom:4px;
	color: #000;
}

#SubNavigation .current, #SubNavigation .section{
	font-weight: bold;
	background: url(../images/subnav_bg.gif) repeat-x;


}

#SubNavigation .link{
	color: #000;
	background: url(../images/subnav_bg.gif) repeat-x;

}

#SubNavigation .link a{
	color: #000;
}

#SubNavRight{
	width: 56px;
	height: 20px;
	background: url(../images/subnav_right.gif) no-repeat;
	margin-left: -10px;
}

#SubNavWrapper{
		background: url('../images/dotpattern.gif') repeat-y left -1px;
}

#Content {
	float: left;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: inline;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}
div.breadcrumbs a {
	text-decoration:none;
}

#Footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	color: #656565;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 38px;
	background: url(../images/thinfooter.jpg) no-repeat left top;
}

#Footer a{
	color: #4d4d4d;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

/* The rest of this file is for the second tutorial */

#twtr-profile-widget{
	float: right;
	width: 215px;
    margin-left: 5px;
    margin-top: 5px;
	border:1px dotted #ccc;
	
}

#player{
	float:center;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}

#social-images{
	float: center;
	text-align:center;
	background:#f0f0f0;
	width: 250px;
	border:1px dotted #ccc;
	margin-left: auto;
	margin-right: auto;	
}

#youtube-box{
	float: center;
	text-align:center;
	width: 320px;
	height: 300px;
	border:1px dotted #ccc;
	margin-left: auto;
	margin-right: auto;
	
}
/*NEW MENU HOVERING (replaces #Menu1)- NOVEMBER 26, 2009*/
#jsddm{	
	list-style-type:none;
	width:767px;
	position:relative;
	display:block;
	height:33px;
	font-size:1.2em;
	background:url(../images/newmenuimages/bg.png) repeat-x top left;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	border:1px solid #000;
	margin: 0 0 0 4px;
	padding:0;
}
#jsddm li{	
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#jsddm li a {
	list-style: none;		
	color:#A79787;
	text-decoration:none;
	height:24px;
	padding:9px 15px 0;		
	display: block;
	white-space: nowrap
}

#jsddm li a:hover{
	color:#a2c66e;
	background:url(../images/newmenuimages/bg.png) repeat-x top left;
}
		
#jsddm li ul{	
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
}
		
#jsddm li ul li{
	float: none;
	display: inline
}
		
#jsddm li ul li a{
	width: auto;
	background:#000000
}		

#jsddm li ul li a:hover{
	color:#a2c66e;
}
ul#jsddm .current li ul li a,
ul#jsddm .section li ul li a {
	color:#a2c66e;
	/*font-weight:700;*/
}

ul#jsddm .current a,
ul#jsddm .section a {
	color:#a2c66e;
	font-weight:700;
}



/*RED*/
ul#jsddm.red{
	background-color:#b41c1b;
}
ul#jsddm.red li a:hover,
.menu.red li.current {
	background-color:#DE3330;
}
/*END NEW MENU CSS */

#Announcements {
	background: #DDD;
	border: 1px solid #AAA;
	margin: 10px;
	margin-bottom: 20px;
	padding: 10px;
}

#NewsList,
#StaffList{
	background:#f0f0f0;
    margin-top: 11px;
	border:1px dotted #ccc;
	padding:10px;
	width:66%;
	float:left;
}

#BlogList{
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
	float:left;
}

#NewsList li,
#StaffList li,
#BlogList li {
	margin: 0;
	list-style-type: none;
}

#NewsList li.newsDateTitle,
#BlogList li.newsDateTitle {
	font-size: 1.2em;
}
	#NewsList li.newsDateTitle span,
	#BlogList li.newsDateTitle span {
		color:#666;
		line-height:2em;
	}
	#NewsList li.newsDateTitle a,
	#BlogList li.newsDateTitle a {
		font-size:1.1em;
		font-weight:bold;
		color:#B41C1B;
		text-decoration:none;
	}
	#NewsList li.newsDateTitle span.title,
	#BlogList li.newsDateTitle span.title {
		font-size:1.1em;
		font-weight:bold;
		color:#B41C1B;
		text-decoration:none;
	}
	
	#NewsList li img,
	#BlogList li img{
	margin-bottom: -1px;
}
		#NewsList li.newsDateTitle a:hover,
		#BlogList li.newsDateTitle a:hover {
			/*border-bottom:1px solid #B41C1B;*/
			text-decoration: underline;
		}
		
	#NewsList li.newsSummary,
	#BlogList li.newsSummary {
		margin-bottom:20px;
		margin-left: 19px;
	}
		#NewsList li.newsSummary span, 
		#BlogList li.newsSummary span {
			font-size:1.1em;
			line-height:1.5em;
			color:#333;
		}
		#NewsList li.newsSummary a.readMoreLink,
		#BlogList li.newsSummary a.readMoreLink {
			color:#0083C8;
			text-decoration:none;
		}
			#NewsList li.newsSummary a.readMoreLink:hover, 
			#BlogList li.newsSummary a.readMoreLink:hover {
				border-bottom:1px dotted #0083C8;
			}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px;
	margin-top: -1.2em;
}		 
#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;
}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}
	#PageComments li {
		list-style:none;
		padding:5px;
		margin:0;
		font-size:1em;
		border-bottom:1px dotted #bbb;
	}
		#PageComments li p span {
			font-style:italic;
		}
		#PageComments a.deletelink {
			font-weight:bold;
		}

			
#PageNumbers {
	font-weight:bold;
	color:#333;
	font-size:1.1em;
	text-align:center;
	padding:5px;
	border:1px solid #ddd;
	background:#e9e9e9;
}
#PageNumbers * {
	padding:0 5px;
	line-height:1.5em;
}
#PageNumbers a {
	color:#0083C8;
	text-decoration:none;
}
	#PageNumbers a:hover {
		text-decoration:underline;
	}


/**** New Sponsorship Page *****/
#newSponsorBox {
	width: 654px;
	background: url('../images/sponsors_bg.jpg') repeat;
	border: 1px dotted #bebebe;
	padding: 40px 40px 20px 40px;
	overflow: hidden;
}

img#102_ult_newSponsor_lbl {

}

img#92_prem_newSponsor_lbl {

}
img#89_plus_newSponsors_lbl {

}
img#e_85_newSponsors_lbl {

}
img#friends_newSponsors_lbl {

}

#friends_newSponsors_lbl, #e_85_newSponsors_lbl, img#89_plus_newSponsors_lbl, img#92_prem_newSponsor_lbl, img#102_ult_newSponsor_lbl {
}
.newSponsor{
	display: block;
	width: 258px;
	height: 60px;
	float: left;
	clear: left;
	margin-bottom: 20px;
}


.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font-weight: bold;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #5D863A;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color:#b41c1b;
}

.thelanguage {
	padding-left: 8px;
	margin-left: 2px;
	border-left: 3px solid #b1cf81;
	width: 305px;
}

/****************************************
 * Cornell University
 * Web Template with 45px Banner
 * Main CSS Rules
 ****************************************/
 
/*
	The purpose of this stylesheet is to control the layout and formatting
	of pages throughout the website. Place rules that apply to all pages and 
	all web browsers in this stylesheet. To provide Internet Explorer v5.x 
	on Windows with special rules, see hacks/ie5win.css. To provide Internet 
	Explorer v5.x on Macintosh with special rules, see hacks/ie5mac.css.
*/
 
/****************************************
 * General Formatting
 ****************************************/

/* already did this.... 
body {
 	margin: 0;
	padding: 0;
 	}
 
 */	
 
/****************************************
 * Cornell Identity
 ****************************************/
/* 
	The following set of rules controls the appearance of the topmost 
	banner on the page, including height, background color, and text color.
	The Cornell identity banner should appear on every page of the site.
	
	The version of the logo that appears in the XHTML code is hidden from 
	browsers that can read this stylesheet, and it is replaced by a version
	of the logo that corresponds to the background color of the banner. 
	This logo is placed in the background of two elements below (rather than
	one) to prevent flickering when moused over by IE/Win users who have 
	disabled the browser cache.
	
	The "Search Cornell" link is aligned with the right edge of the page.
*/
#cu-identity {
	font-family: verdana, arial, helvetica, sans-serif;
	/* we already did this? font-size: 63.125%;		 translate 1.0em to 10px, 1.5em to 15px, etc. */
	color: #222;
	height: 45px;
	background: #000;
	}

#cu-logo {
	margin: 0 auto;
	width: 740px;
	background: url(../images/layout/cu_logo.gif) no-repeat top left;
	}
	
#cu-logo a {
	border: none;
	display: block;
	width: 180px;
	height: 45px;
	background: url(../images/layout/cu_logo.gif) no-repeat top left;
	}
	
#cu-logo img {
	display: none;
	border: 0;
	}
	
#cu-search {
	position: absolute;
	top: 11px; 
	right: 50%;
	width: 200px;
	margin-right: -385px;
	}
	
#cu-search a {
	float: right;
	padding: 5px 15px;
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	border: none;
	}
	
#cu-search a:hover {
	background: #555;
	}
 
/****************************************
 * Miscellaneous
 ****************************************/

/* 
	Hide "skip to content" link from general users. 
	Do not use display: none, as that will also hide it from some screen readers.
*/
#skipnav {
	position: absolute;
	top: -1000em;
	left: -1000em;
	}
	
/* 
	To display the "skip to content" link to general users, uncomment
	the following rules (this usually is not necessary).
#skipnav {
	position: static;
	height: 25px;
	line-height: 25px;
	background: #fff;
	}
#skipnav a {
	display: block;
	margin: 0 auto;
	width: 740px;
	border: none;
	}
#cu-search {
	top: 36px;
	}
*/
	
/* 
	Hide horizontal rules (hr) that separate the banner from the site.
	The rules are semantic separations of content, and they are useful for 
	browsers that cannot utilize the stylesheet.
*/	
hr.banner-separator {
	display: none;
	}

.hmpg-banners {
  margin-right: 45px;
  margin-left: 45px
  }	

/* -----------------------------------
     ---------->>> Donation Banner <<<-----------
     -----------------------------------*/
#click-to-donate{
	margin: 10px auto 10px auto;
}