@import url("global.css");
@import url("navigation.css");
@media screen, projection {


/* HEADERS: =headers
----------------------------------------------- */
	.main h2,
	.main h3	{ color: #666666; padding: 0 0 10px 0; }
	
	.main h2	{ font-size: 19px; font-weight: normal;  }
	.main h3	{ font-size: 14px; font-weight: bolder; }
	
	#contentArea #contentPlace	{ padding: 0 0 0 25px; color: #666666; }
	
	#contentArea #contentPlace h2	{ font-size: 19px; font-weight: normal; }
	#contentArea #contentPlace h3	{ font-size: 14px; font-weight: bolder; }
	#contentArea #contentPlace h4	{ font-size: 12px; padding: 10px 0 5px 0; color: #333333; }
	
	#contentArea #contentPlace ul { margin: 0 0 15px 10px; }
	#contentArea #contentPlace ul ul { margin: 0 0 0 10px; }
	#contentArea #contentPlace li	{ background: transparent url(http://www.ecommunity.com/north/images/dd-item.gif) no-repeat 25px 6px; font-size: 12px; line-height: 16px; padding: 0px 0px 4px 35px; list-style-type: none; }
	
	#contentArea a	{ color: #0645AD; text-decoration: none; }
	#contentArea a:hover	{ text-decoration: underline; }

/* COLUMNS: =columns
----------------------------------------------- */
	#leftColumn			{ width: 593px; float: left; }
	#rightColumn		{ width: 186px; float: left; margin: 0 0 0 39px; }
	
/* CONTENT: =content
----------------------------------------------- */
	#contentArea	{ width: 818px; border-left: 1px solid #FFBF18; border-right: 1px solid #FFBF18; }

/* BODY AND FONTS: =body
----------------------------------------------- */
	.main p		{ font-size: 12px; line-height: 16px; padding: 0 0 20px 0px; }
	.caption p		{ font-size: 11px; line-height: 14px; padding: 0 0 0px 0px; }
	.main dt		{ font-size: 13px; font-weight: bold; }
	.main dd		{ background: transparent url(http://www.ecommunity.com/north/images/dd-item.gif) no-repeat 22px 6px; font-size: 12px; line-height: 16px; padding: 0 0 4px 30px; }
	
/* SUB NAVIGATION: =subnav
----------------------------------------------- */
	#subnav ul			{ padding: 8px 0 0 0; }
	#subnav li			{ font-size: 11px; list-style-type: none; text-align: right; padding: 0 17px 0 0; line-height: 17px; background: transparent; }
	
	#subnav li a			{ color: #FFFFFF; text-decoration: none; }
	#subnav li a:hover		{ color: #CCCCCC; text-decoration: none; }

	#subnav	{ background-color: #999999; width: 177px; height: 135px; float: left; }
	
	#subnav ul li.currentlink a	{ color: #000000; font-weight: bold; background: transparent url(http://www.ecommunity.com/north/images/subnav-arrow.gif) no-repeat 0px 3px; padding-left: 14px; }
	
/* BRANDING: =branding
----------------------------------------------- */
	#subnav,
	#sectionImage	{ margin-bottom: 15px; }

	#sectionImage	{ width: 416px; height: 135px; position: relative; float: left; clear: right; } 
	#sectionImage	{ background-color: #D1EDE0; }
	
	img.leftImage	  { position: absolute; right: 0; top: 0; }

/* BREADCRUMBS: =breadcrumbs
----------------------------------------------- */	
	ul#breadcrumb	{ margin: 0 0 16px 0; padding: 0 0 0 25px; }
	#breadcrumb li	{ display: inline; font-size: 11px; color: #CCCCCC; }
	
	#breadcrumb li.leveltwo	{ background: transparent url(http://www.ecommunity.com/north/images/breadcrumb-arrow.gif) no-repeat 0px 3px; padding: 0 0 0 10px; }
	
	#breadcrumb a	{ color: #B6B7BA; }
	#breadcrumb a:hover	{ text-decoration: underline; }
	
/* CONTEXT: =context
----------------------------------------------- */
	#members							{ margin: 15px 0 0 0; background: transparent url(http://www.ecommunity.com/north/images/context-community.jpg) no-repeat; position: relative; width: 167px; height: 72px; }
	
	#members h2#myCommunity				{ position: absolute; left: 14px; top: 13px; }
	#members h3#question				{ position: absolute; left: 14px; top: 30px; }
	#members p#commlogin				{ position: absolute; left: 13px; bottom: 13px; display: block; }
	#members p#commjoin					{ position: absolute; left: 50px; bottom: 13px; display: block; }
	
	#members h2#myCommunity,
	#members h2#myCommunity span		{ background: transparent url(http://www.ecommunity.com/north/images/context-community-h2.gif) no-repeat; width: 123px; height: 17px; }
	
	#members h3#question,
	#members h3#question span			{ background: transparent url(http://www.ecommunity.com/north/images/context-community-h3.gif) no-repeat; width: 99px; height: 10px; }
	
	#members p#commlogin,
	#members p#commlogin span			{ background: transparent url(http://www.ecommunity.com/north/images/context-community-login.jpg) no-repeat; width: 32px; height: 13px; }
	
	#members p#commjoin,
	#members p#commjoin span			{ background: transparent url(http://www.ecommunity.com/north/images/context-community-join.jpg) no-repeat; width: 32px; height: 13px; }
	
	
	
	#calendar							{ margin: 13px 0 0 4px; position: relative; }
	#calendar h2,
	#calendar h2 span					{ background: transparent url(http://www.ecommunity.com/north/images/spine-center.jpg) no-repeat; position: relative; width: 157px; height: 115px; }
	
	#calendar p#eventsCalendar			{ position: absolute; left: 16px; top: 92px; }
	#calendar p#eventsCalendar,
	#calendar p#eventsCalendar span		{ background: transparent url(http://www.ecommunity.com/north/images/context-opening-events.jpg) no-repeat; width: 120px; height: 9px; }
	
	#symposium							{ margin: 15px 0 0 4px; position: relative; }
	#symposium h2#attend,
	#symposium h2#attend span			{ background: transparent url(http://www.ecommunity.com/north/images/nursing.jpg) no-repeat; width: 157px; height: 105px; }


	#video							{ margin: 15px 0 0 4px; position: relative; }
	#video h2#video,
	#video h2#video span			{ background: transparent url(http://www.ecommunity.com/north/images/opening_vid.jpg) no-repeat; width: 150px; height: 130px; }
	
	
	
	#physwall							{ margin: 15px 0 0 4px; position: relative; }
	#physwall h2#physwall,
	#physwall h2#physwall span			{ background: transparent url(http://www.ecommunity.com/north/images/thum_physwall.jpg) no-repeat; width: 150px; height: 75px; }


	#physmap							{ margin: 15px 0 0 4px; position: relative; }
	#physmap h2#physmap,
	#physmap h2#physmap span			{ background: transparent url(http://www.ecommunity.com/north/images/thum_map.jpg) no-repeat; width: 150px; height: 75px; }

}