/********** GENERAL LAYOUT **********/
	
#wrapper {
	border-top: none;
	background-image: url(../images_index/bg_3col.gif);
	background-repeat: repeat-y;
	background-position: top center;
	}
	
#maincontent {
	width: 742px;
	}

#about {
	float: left;
	margin: 0 0 0 -6px;
	padding: 0 0 0 6px;
	width: 200px;
	
	/* ie5/mac gets a map with labels */
	background: url(/) no-repeat 0 41px;
	
	/* all other browsers get a map without labels \*/
	#background: url(/img/home/map_2.gif) no-repeat 0 41px;
	/* stop hiding from ie5/mac */
	
	/* ie5/win box model hack */
	width: 206px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 200px;
	}
	
/* unhack ie5/win */
#maincontent>#about {
	width: 200px;
	}
	
/* hack ie/win map location */
* html #about {
	background-position: 0 36px;
	}
	
#news-events-spotlight {
	float: left;
	width: 541px;
	
	}
	
#news {
	display: inline;
	float: left;
	margin-left:15px;
	width: 320px;
	}	
	
#events {

	float: left;
	margin-left:15px;
	width: 180px;
	}
	
.recipent a:hover {
background:url(../../diversityawardsimages/firework13.gif);}	
/********** ABOUT **********/
	
#maincontent #about h2 {
	margin-bottom: 0;
	}

#maincontent #about li {
	margin: 5px 0 0 0;
	line-height: 1.4em;
	}
	
#maincontent ul#welcomelinks {
	margin-top: 20px;
	}
	
/********** TEXT **********/

#maincontent {
	margin: 0;
	padding: 0;
	}
	
#maincontent h2 {
	margin: 0 0 7px 0;
	padding-top: 15px; /* using padding instead of margin for AOL */
	font-size: 0.75em;
	font-weight: bold;
	color: #4c4c4c;
	}
	
#maincontent h2 a {
	color: #4c4c4c;
	border: none;
	}

#maincontent h2 a:hover {
	color: #000;	
	
	/* prevent ie5/win from seeing border-bottom property */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	border-bottom: 1px solid #ccc;
	}
	
/* unhack ie5/win */
#maincontent h2>a:hover {
	border-bottom: 1px solid #ccc;
	}

#maincontent h3.more {
	font-size: 0.69em;
	margin: 20px 0 30px 0;
	font-weight: normal;
	}

#maincontent h3 {
	margin: 15px 0 0 0;
	font-size: 0.69em;
	line-height: 1.4em;
	font-weight: bold;
	color: #4c4c4c;
	}	

#maincontent ul {
	font-size: 100%;
	list-style: none;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	}
	
#maincontent li {
	font-size: 0.69em;
	line-height: 1.4em;
	margin: 0;
	}
	
#maincontent li.more {
	font-size: 0.69em;
	margin: 0 0 25px 0;
	}
	
#maincontent ul#aboutlinks li.more {
	font-size: 0.69em;
	margin: 15px 0 0 0;
	}

a.subimage {
	border: none;
	}

#maincontent span.arrow {
	font-weight: bold;
	}

#maincontent p.more {
	font-size: 0.69em;
	line-height: 1.5em;
	margin: 20px 0 25px 0;
	}
	
/********** FEATURE IMAGES (Collaborative Culture and Events) **********/
	
.featureImage {
	display: block;
	margin: 10px 0;

	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(/img/layout/shadow_wide.gif) no-repeat top left;
	margin: 4px -9px 1px -6px;
	padding: 6px 9px 9px 6px;
	}
	
	
/* unhack ie5/win */
html>body .featureImage {
	background: url(/img/layout/shadow_wide.gif) no-repeat top left;
	margin: 4px -9px 1px -6px;
	padding: 6px 9px 9px 6px;
	}
	
/* prevent IE/win from showing borders on the linked image */
#events a { border-bottom-width: 0; }
#events ul li a, #events p a, #events .more a { border-bottom-width: 1px; }


/********** COLLABORATIVE CULTURE **********/
		
#collaborativeCulture p {
	margin-top: 0;
	font-size: 0.69em;
	}
	
/* prevent IE/win from showing borders on the linked image */
#collaborativeCulture a { 	border-bottom-width: 0; }
#collaborativeCulture p a {	border-bottom-width: 1px; }
	
/********** NEWS **********/

ul#tnlist {
	font-size: 100%;
	list-style: none;
	margin: 13px 0 0 0;
	padding: 0;
	}
	
#tnlist li {
	font-size: 100%;
	float: left;
	width: 300px;
	margin-bottom: 18px;
	}
	
#tnlist li.last {
	border-bottom: none;
	}
	
#tnlist div.story {
	font-size: 0.69em;
	line-height: 1.4em;
	float: right;
	clear: none;
	font-weight: normal;
	width: 212px;
	margin: -4px 0 0 0;
	padding: 0;
	}
#tnlist div.story1 {
	font-size: 0.69em;
	line-height: 1.4em;
	float: left;
	clear: none;
	font-weight: normal;
	width: 212px;
	margin: -4px 0 0 0;
	padding: 0;
	}
#tnlist h3 {
	margin: 2px 0 1px 0;
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: normal;
	}

#tnlist p.description {
	float: right;
	clear: none;
	line-height: 1.5em;
	font-weight: normal;
	
	width: 245px;
	margin: 0;
	padding: 0;
	}

#tnlist img.thumbnail {
	float: left;
	margin-left: -6px;
	}
	
#tnlist .thumbnail {
	/*  display: block; */		/* remove padding from ie/win */
	border: 0;
	
	/* hide border-bottom in ie5/mac */
	border-bottom: 1px solid #f0eee4;
	}
	
.thumbnail {
	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(/img/layout/shadow_tn_75.gif) no-repeat top left;
	margin: -6px -9px -9px -6px;
	padding: 6px 9px 9px 6px;
	}
	
/* unhack ie5/win */
li>.thumbnail {
	background: url(/img/layout/shadow_tn_75.gif) no-repeat top left;
	margin: -6px -9px -9px -6px;
	padding: 6px 9px 9px 6px;
	}

.newsitem {
	margin: -6px -9px -9px -6px;
	padding: 6px 9px 9px 6px;
	background: url(/img/layout/shadow_tn_newsitem.gif) no-repeat top left;
	}
	
#morestories li {
	margin: 3px 0;
	padding: 2px 0 2px 2px;
	background: url(/img/layout/news_icon.gif) no-repeat 0 0.2em;
	}	
	
/* NEWS FEATURE */
#news-feature-image {

	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(/img/home/news_feature_bg_top.gif) no-repeat top left;
	margin: 0 -9px -9px -6px;
	padding: 6px 9px 9px 6px;
	}
	
/* unhack ie5/win */
#news>#news-feature-image {
	background: url(/img/home/news_feature_bg_top.gif) no-repeat top left;
	margin: 0 -9px -9px -6px;
	padding: 6px 9px 9px 6px;
	}
	
#news-feature {
	padding: 0 35px 0 15px;

	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(/img/home/news_feature_bg_bottom.gif) no-repeat bottom left;
	margin: -6px -9px -9px -6px;
	padding: 6px 44px 9px 21px;
	}
	
/* unhack ie5/win */
#news>#news-feature {
	background: url(/img/home/news_feature_bg_bottom.gif) no-repeat bottom left;
	margin: -6px -9px -9px -6px;
	padding: 10px 44px 16px 21px;
	}

#news-feature h3 {
	margin: 10px 0 5px 0;
	font-size: 0.69em;
	color: #333;
	}
	
#news-feature p {
	margin: 5px 0 10px 0;
	font-size: 0.69em;
	line-height: 1.5em;
	}

#news-feature ul {
	margin: 10px 0;
	}
	
#news-feature li {
	margin: 2px 0;
	padding: 2px 0 2px 22px;
	background: url(/img/layout/news_icon.gif) no-repeat 0 0.2em;
	}
	
/********** EVENTS **********/
#events h3 {
	margin-top: 18px;
	margin-bottom: 10px;
	}
	
ul#eventslist {
	margin-top: -1px;
	padding-top: 1px;
	}

#eventslist li {
	margin: 0 0 15px 0;
	list-style:none;
	color: #F00;
	}

#eventslist h3 {
	margin: 0 0 1px 0;
	font-size: 1.0em;
	line-height: 1.4em;
	font-weight: normal;
	}
	
/* FEATURED EVENT */

#featured-event h3 {
	margin: 5px 0 5px 0;
	font-size: 0.69em;
	line-height: 1.3em;
	color: #333;
	}
	
#featured-event div {
	font-size: 0.69em;
	line-height: 1.4em;
	}
	
#featured-event p {
	font-size: 0.69em;
	line-height: 1.4em;
	margin-bottom: 0;
	}
	
#featured-event li {
	margin: 5px 0;
	}

/********** SPOTLIGHT **********/
	
#spotlight1 {
	margin: 10px 0 5px 0;
	background: #fff;

	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(spotlight_shadow_bottom.gif) no-repeat bottom left;
	margin: 4px -9px -4px -6px;
	padding: 6px 9px 9px 6px;
	}
	
#spotlight2 {
	/* hide thumbnail rules from ie5/win */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background: url(spotlight_shadow_top.gif) no-repeat top left;
	padding: 6px 9px 0 6px;
	margin: -6px -9px 0 -6px;
	}
		
/* unhack ie5/win */
html>body #spotlight1 {
	background: url(spotlight_shadow_bottom.gif) no-repeat bottom left;
	margin: 4px -9px -4px -6px;
	padding: 6px 9px 9px 6px;
	}

/* unhack ie5/win */
html>body #spotlight2 {
	background: url(spotlight_shadow_top.gif) no-repeat top left;
	padding: 6px 9px 0 6px;
	margin: -6px -9px 0 -6px;
	}
	
#spotlight-thumbnail {
	display: block;
	}
		
#maincontent h3#spotlight-headline {
	margin: 8px 10px 12px 10px;
	font-size: 0.69em;
	font-weight: normal;
	width: auto;
	}
	
/* prevent IE/win from showing a border on the linked image */	
#spotlight1 a {		border-bottom-width: 0; }
#spotlight1 h3 a { 	border-bottom-width: 1px; }

/* force IE/win to interpret the height correctly */
* html #spotlight1 { height: 10px; }
	
/********** MAP **********/

#maincontent ul#maplinks {
	position: absolute;
	top: 385px;
	left: 50%;
	margin: 0;
	padding: 0;
	margin-left: -370px;
	width: 180px;
	height: 83px;
	
	/* 
	ie5/os9 makes these links invisible when
	they are position: absolute. hide them from ie5/os9
	*/
	display: none;
	/* unhide the links from other browsers \*/ 
	display: block;
	/* end ie5/os9 hack */
	}
	
/* hack ie/win links position to match hacked map position */
	
* html #maincontent ul#maplinks {
	top: 380px;
	}
	
#maincontent #maplinks li  {
	font-size: 100%;
	position: absolute;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

#maplinks a {
	float: left;
	font-size: 0.65em;
	color: #666;
	border: none;
	text-decoration: none;
	line-height: 1em;
	}
	
#maplinks a:hover {
	color: #333;
	background: #fc0;
	}
	

	

