/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm
	
	Massachusetts Eye and Ear Infirmary
  
  	Table of Contents
	1. Page Controls - Controls Page Constraints
	2. Color - Controls Base Colors
	3. Base Styling - Generic Styling for all Elements
	4. Generic Styling - Generic Styling Used Across Site 			
	5. Element Styling - Element Specific Styling
	6. Layout Options - Layout Options

	7. Form Controls
  
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

/* Generic CSS Reset Import */
@import url("reset.css");

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	1. PAGE CONTROLS
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

#wrapper {
	width:82em;
	height:100%;
	min-height:100%;
	margin:0pt auto;
}
#content { 
	float:left;
	width:719px;
/* We were having problems on a very few IE pages...  */
/*	_width: 718px; */
	padding:1.63em 1.63em 0 0.5em;
	margin-bottom:0.7em;
}
#content.no_sidebars {
  width: 585px;
}
#leftColumn {
	float:left;
	width:17em;
	padding:0.5em;
	margin-right:1.9em;
	position:relative;
}
#rightColumn {
	float:right;
	width:17.2em;
	padding:0.5em;
	border-left:1px solid #DADFE4;
	border-right:1px solid #DADFE4;
	margin-right:0.5em;
}
#footer { 
	clear:left;
	margin:3em 0;
	border-bottom:3px solid #98BF4B;
	width: 730px;
}

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	2. COLORS
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

h3.redHead, h3.blueHead, h3.greenHead { color:#FFF; }

h3.blueHead { background-color:#0C75B6 !important; }
h3.greenHead { background-color:#98BF4B !important;}

a { color:#0C75B6; }
.blueText, .blueText a { color:#0C75B6 !important; }
.redText, .redText a { color:#89152B !important; }
.blackText, .blackText a { color:#000 !important; }

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	3. BASE STYLING
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
body {
/* to local-content
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
*/
	font-weight:normal;
	line-height: 1.1em;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	text-align: left;
	text-indent:0;
	white-space: normal;
}
/* to local-content
h1 { font-size: 1.37em;	margin:0;  padding:0; }	
h2 { margin: 0 0 0.5em 0; line-height: 1.4em; font-size: 1.27em; padding:0; }
h3 { font-size: 1.1em; padding: 0; line-height: 1.4em; margin-bottom: 0.5em; margin-top:0px; }
h4, h5, h6 { margin:0 0 0.5em 0; font-size:1em; padding: 0; line-height:1.4em; }
p {	overflow: visible; padding-bottom:0.0em; margin-top: 0; line-height:1.6em; margin-bottom:1.2em; }
ul { line-height:1.4em; list-style-type:disc; list-style-position:outside; margin-left:1.6em;  margin-bottom:1.2em; }
a { text-decoration:none; }
a:hover {text-decoration: underline; }
*/

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	4. GENERIC STYLING
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
.floatLeft, .floatLeftSpace { float:left; }
.floatLeftSpace { padding:5px 10px 10px 0; }
.floatRight, .floatRightSpace, .floatRightMoreSpace { float:right; }
.floatRightSpace { padding:8px 0 8px 8px; }
.floatRightMoreSpace { margin:0 0 16px 16px; }
/* local-content
.clearBoth { clear:both; }
*/
.clearLeft { clear:left; }
.clearRight { clear:right; }
.faintBorder { border:1px solid #d6d6d6; }
.faintBorderRight { border-right:1px solid #D6D6D6; }
.faintBorderLeft { border-left:1px solid #D6D6D6; }
.faintBorderBottom { border-bottom:1px solid #D6D6D6; }
.faintBorderTop { border-top:1px solid #D6D6D6; }
.smallText { font-size:small; }
.smallerText { font-size:x-small; }
.extraSmallText { font-size:1em; }
.mediumText { font-size:1.2em; }
.largeText { font-size:1.5em; }
.hidden { display:none; }
.noBottomMargin { margin-bottom:0 !important; }
.noBorder { border:none !important; }
.noRborder { border-right:none !important; }
/* local-content
ul.nobullets { list-style:none; list-style-type:none; }
*/
ul.arrows { list-style-image:url(/images/meei/bulletArrows.gif) !important; }
ul.doublearrows { list-style-image:url(/images/meei/doubleArrows.gif) !important; }
.lastFeature { border-bottom:2px solid #98BF4B; padding-bottom:1em; }
.noLeftMargin { margin-left:0 !important; }
.noTopMargin { margin-top: 0 !important; }
.noTopPadding { padding-top: 0 !important; }

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	5. ELEMENT STYLING
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/

/* Two Column Box */
/* to local-content
div.twoColumns { width:95%; }
div.twoColumns div.column1, 
div.twoColumns div.column2 { 
	width:47%; 
	margin-bottom:2em;
	padding-left:0.6em;
}
div.twoColumns div.column1 { float:left; }
div.twoColumns div.column2 { float:right; }
div.twoColumns h3 { font-size:1.85em; margin-bottom:0.5em; line-height:1em; }
div.twoColumns h3.smaller {font-size: 1.7em;}  ** fix for homepage **
div.twoColumns div.column1 h3 span,
div.twoColumns div.column2 h3 span { 
	display:block; 
	text-transform:uppercase;
	font-weight:normal;
	font-size:0.65em;
	padding-top:0.5em;
	letter-spacing:0.1em;
}
div.twoColumns div.column1 p.articleLink,
div.twoColumns div.column2 p.articleLink { font-size:1.1em; }
div.twoColumns div.column1 div.controlHeight, div.twoColumns div.column2 div.controlHeight { height:230px; }
div.twoColumns p.articleLink a, div.threeColumns p.articleLink a { color:#89152B; }
*/


/* Three Column Box */
div.threeColumns { width:100%; }
div.threeColumns h3 { 
	padding:0.2em; 
	text-transform:uppercase; 
	margin:0 0 0.8em 0; 
}
div.threeColumns ul { list-style-position:outside; }
#content div.threeColumns div.column1,
#content div.threeColumns div.column2,
#content div.threeColumns div.column3 { 
	width:220px;  
	float:left;
	padding:0.5em;
	background-color:#E9EAE5;
	height:195px;
	min-height:195px;
}
div.threeColumns div.column1,
div.threeColumns div.column2 { margin-right:0.6em; }

/* Basic Box (Color Options Below) */
div.box {
	background-color:#E9EAE5; 
	padding:0.5em; 
	margin-bottom:0.4em; 
}
div.FADbox {
	width: 192px;
	overflow: hidden;
}
div.box h3 { 
	text-transform:uppercase; 
	color:#FFF !important; 
	padding:0.2em !important; 
	margin:0 0 0.3em 0 !important;
	border:none !important;
	font-size:1.1em !important;
	_font-size:13px;
	letter-spacing:normal !important;
}
div.box p { 
	padding:0.2em; 
}
div.greenBox { background-color:#D3E8AA !important; }
div.blueBox { background-color:#C5DEEE !important; }
div.whiteBox { background-color:#FFFFFF !important; }
div.redBox { background-color:#E6CDD2 !important; }
div.redBox h3.redHead, h3.redHead { background-color:#963337; _display:inline-block; /* IE6 */ }
div.blueBox h3.blueHead { background-color:#0C75B6 !important; }
div.whiteBox h3.whiteHead { background-color:#FFFFFF !important; }
div.greenBox h3.greenHead { background-color:#98BF4B !important;}

ul.expand { margin-left:1.5em !important; }
ul.expand li { padding-left:0.5em !important; font-size:1em !important; 
_font-size:12px; }

div.greenBox ul.expand li { list-style-image:url(/images/meei/expandGreen.jpg); }
div.blueBox ul.expand li { list-style-image:url(/images/meei/expandBlue.jpg); }
div.redBox ul.expand li { list-style-image:url(/images/meei/expandRed.jpg); }

/* body Nav Box */
/* to local-content 
.navBox, .navBoxWide { overflow: auto; padding-right: 10px; margin-bottom: 20px; min-height: 150px; height:150px; background-color: #d9ecff; }
.navBox img, .navBoxWide img { margin-right: 10px; position: absolute; }
.navBox h3, .navBoxWide h3 { margin-top: 10px; margin-left: 150px; font-size:1.85em; margin-bottom:0.5em; line-height:1em; }
.navBox h3 a, .navBoxWide h3 a { color: #000; }
.navBox p { margin-bottom: 0px; margin-left: 150px; }
.navBoxWide { height: 100px; }
 end local-content */

/* info box */
/* local-content
.infoBox { padding: 10px; background-color: #D9ECFF; }
.infoBox dd { float: left; font-weight: bold; text-align: right; width: 70px; }
.infoBox dt { margin-left: 80px; margin-bottom: 10px; }
*/

/* Overview Box */
/* local-content
div.overview { 
	background-color:#D9ECFF; 
	border:1px solid #0C75B6;
	height:390px;
	min-height:390px;
	padding:0 !important;
	position:relative;
	margin-bottom:0.6em;

	overflow:hidden;
}
div.overview h3 {
	background-color:#0C75B6;
	color:#FFF;
	font-size:1.67em;
	line-height:1.4em;
	padding-left:0.3em;
}
div.overview img { display:block; }
div.featureWide { height: 325px; min-height: 325px; }
div.featureWide h3 a { color: #fff; }
*/

/* div[class~=overview] { *height:390px; } */

/* more to local-content
div.overview p { margin:0 0 0 0.2em !important; padding:0 0.3em 0.3em; }
div.overview form { position:absolute; bottom:5px; left:5px; }
div.overview form p { margin:0 0 0.3em 0 !important; }
*/

/* Top Section */
#topSec { margin-bottom:0.4em; }
#topSec ul#navHeading { 
	background-color:#CBE4F9; 
	padding:0.56em 1.88em 0.75em 1.38em; /* NOTE: Bottom margin not pixel perfect, but looks weird */
	margin:0 0 1.6em 0;
	font-size:1em !important;
	_font-size: 12px;
}
#topSec ul#navHeading li { 
	display:inline;
	padding:0 0.56em; 
	border-right:1px solid #7DB1D4;
}
#topSec ul#navHeading li.left { font-weight:bold; padding:0 0.88em; }
#topSec ul#navHeading li.left a { color:#0A5F94; }
#topSec ul#navHeading li.space { margin-right:6em; }
#topSec img { margin-left:1.4em; }
#topSec #searchOptions { 
	float:right; 
	margin-right:1.4em; 
	padding:0.1em; /* IE */ 
	width:299px;
}
#topSec #searchOptions ul { margin:0 0 0.31em 0; list-style:none; list-style-type:none; }
#topSec #searchOptions ul li { 
	display:inline; 
	background-image:url(/images/meei/arrow_right.png); 
	background-repeat:no-repeat;
	background-position:left top;
	padding:0 0 0 1em;
	margin-right:0.5em;
	font-size:1em;
_font-size: 12px;
}
#topSec #searchOptions ul li.selected { 
	background-image:url(/images/meei/arrow_down.png); 
	background-repeat:no-repeat;
	background-position:left top; 
}
#topSec #searchOptions ul li a { color: #000; }
#topSec #search {
    width: 299px;
    height: 23px;
	background-image:url(/images/meei/bg_searchbox.jpg);
	background-repeat:no-repeat;
	float:right;
	clear:right;
	margin-right:1.9em;
} 
#topSec #search #s {
    background-color:#FFFFFF;
	border:0;
	float:left;
	height:1.3em;
	margin:0.1em;
	width:19.6em;
}
#topSec #search #go {
    float: right;
	width:33px;
	height:21px;
}

/* TopNav Section */
#header #navItems {
	float:left;
	width:100%;
}
#header #navItems ul#mainNav {
	list-style:none; 
	list-style-type:none;
	margin:1.06em 0 0 2.5em;
	font-size:1.42em;
font-size: 14px;
}
#header #navItems ul#mainNav li {
	background:url(/images/meei/tabs_right.png) no-repeat right top;
	float:left;
	font-weight:bold;
}
#header #navItems ul#mainNav li a {
	background:url(/images/meei/tabs_left.png) no-repeat left top;
	display:block;
	padding:0.1em 1.4em 0;
	color:#065F95;
}
#header #navItems ul#mainNav li#current {
    background: url(/images/meei/tabs_right_on.png) no-repeat right top;
}
#header #navItems ul#mainNav li#current a {
    background:url(/images/meei/tabs_left_on.png) no-repeat left top;
	color:#FFF;
}
#header #navItems p { 
	color:#89152B; 
	margin:0 1em 0 0;
	font-size:1.3em; 
_font-size:13px;
}

/* Splash Section */
#header #splash {  
	clear:both;
	height:19em;
	_height:17em;
	background:#0C75B6 url(/images/meei/splash_image.gif) no-repeat top left;
	border-top:4px solid #0C75B6;
	position:relative;
}
#header #splash #text { position:absolute; top:0; left:0; }
#header #splash h2, div#splash p { color:#FFF; }
#header #splash h2 { 
	font-size:25px;
	line-height:1.2em;
	margin:0 0 0 21em;
	padding:0.5em;
}
#header #splash p {
	font-size:1.2em;
_font-size: 13px;
	margin:0 0 0 37.5em;
	padding-right:1em;
}
#header #splash p#button { 
	background:url(/images/meei/splash_button.gif) no-repeat left top; 
	color:#0A5F94;
	height:2em;
	margin-top:1em;
	padding-top:0.3em;
	text-align:center;
	width:9.3em;
}
#header #splash p#button a { text-transform:uppercase; }

/* Bottom Nav */
#header #secNavItems {
	border-top:4px solid #0C75B6;
	background:url(/images/meei/bottomNav_bkg.png) repeat-x top left;
	float:left;
	width:100%;
}
#header #secNavItems ul#bottomNav {
	list-style:none; 
	list-style-type:none;
	margin:0;
	line-height:1.12 !important;
}
#header #secNavItems ul#bottomNav li {
	float:left;
	margin:0;
	padding:0.85em 2.5em;
	font-weight:bold;
	font-size:1.1em !important;
_font-size: 13px;
	border-right:1px solid #7DB1D4;
}
#header #secNavItems ul#bottomNav li a {
	display:block;
	color:#000;
}
#header #secNavItems ul#bottomNav li#bottomCurrent {
	background-color:#000;
    /* background:url(/images/meei/bottomNav_right.gif) no-repeat right top; */
}
#header #secNavItems ul#bottomNav li#bottomCurrent a {
    /* background:url(/images/meei/bottomNav_left.gif) no-repeat left top; */
	color:#FFF;
	background-color:#000;
}
/* Drop Down Section */
#header #dropDownNav { 
	background:url(/images/meei/dropDownNav_bkg.png) repeat-x top left; 
	clear:left;
	height:4.2em;
	min-height:4.2em;
	margin-bottom:0.8em;
}
#header #dropDownNav ul {
	padding-top:0.5em;
	margin-left:3.1em;
	font-size:1.1em;
_font-size: 13px;
	height:100%;
}
#header #dropDownNav ul li { 
	color:#FFF;
	display:inline;
	font-weight:bold;
	letter-spacing:0.1em;
	padding:0.65em 1.6em;
}
#header #dropDownNav ul li select { width:13em; margin-left:0.2em; }

/* Remove this once Radio Buttons are functioning */
	/*#header #dropDownNav ul li#radioButtons { background:url(/images/meei/radioButtons.png) no-repeat left center; }*/
	#header #dropDownNav ul li#radioButtons { width:35px; padding:0; margin:0; }
	#header #dropDownNav ul li#radioButtons span { display:none; }
/* End of Remove */

/* Style A A A */
#header #dropDownNav ul li#styleAdj span a { color:#FFF; }
#header #dropDownNav ul li#styleAdj span.small { margin-right:0.5em; margin-left:0.5em; } 
#header #dropDownNav ul li#styleAdj span.medium { margin-right:0.5em; }

/* Meet Our Doctors Section */
#content #meetDoctors { 
	clear:both; 
	height:290px;
	margin-bottom:25px;
	border:1px solid #0C75B6;
	background-color:#D9ECFF;
}
#content #meetDoctors h3 { 
	background:#D9ECFF url(/images/meei/HeadingTab.gif) no-repeat top left;
	color:#FFFFFF;
	font-size:1.67em;
_font-size: 13px;
	height:1.5em;
	margin:0;
	padding:0.1em 0 0.5em 0.5em;
}
#content #meetDoctors ul { 
	list-style:none; 
	list-style-type:none; 
	margin-left:1.5em;
	_margin-left:0.5em;
	margin-top:1.75em;
}
#content #meetDoctors ul li { 
	float:left;
	font-weight:bold;
	margin-right:3em;
	_margin-right:2em;
	text-align:center;
	width:7.5em;
}
#content #meetDoctors ul li.last { margin-right: 2em; _margin-right: 1em; }
#content #meetDoctors ul li a { color: #000; }

/* Find a Doctor Box */
#content #meetDoctors #findADoctor {
	float:right; 
	width:16em;
	_width: 16.5em;
	overflow: hidden;
	background-color:#E9EAE5;
	padding:0.4em;
	margin-right:0.44em;
}
#content #meetDoctors #findADoctor h4 { 
	background-color:#963337; 
	color:#FFF;
	text-transform:uppercase;
	padding:0.4em;
}
#content #meetDoctors #findADoctor p {
	line-height:1.4em;
	margin-bottom:0.3em;
}
#FADoctor #fadSearchContainer {
    width:180px;
    height:20px;
	background-image:url(/images/meei/fadSearchBox.png);
	background-repeat:no-repeat;
	margin-bottom:0.4em;
} 
#FADoctor #fadSearchContainer #FADs {
    float:left;
    border:0;
    width:9em;
    background:none;
}
#FADoctor #fadSearchContainer #FADgo {
    float:right;
	width:58px;
	height:20px;
}
#FADoctor #specialty_id, 
#FADoctor #disease_id { 
	display:block;
	margin:0.4em;
	width:13em;
}
/* Stay Connected Box */
#stayConnected #stayConnectedContainer {
    width:180px;
    height:20px;
	background-image:url(/images/meei/StayConnSearchBox.png);
	background-repeat:no-repeat;
	margin-bottom:0.4em;
} 
#stayConnected #stayConnectedContainer #stayConns {
    float:left;
    border:0;
    width:9em;
    background:none;
}
#stayConnected #stayConnectedContainer #stayConngo {
    float:right;
	width:58px;
	height:20px;
}

#feature1 h3 { background:url(/images/meei/feature1Tab.jpg) no-repeat left top; }
#feature2 h3 { background:url(/images/meei/feature2Tab.jpg) no-repeat left top; }
#feature3 h3 { background:url(/images/meei/feature3Tab.jpg) no-repeat left top; }
/* local-content
.featureWide h3 { background:url(/global/images/meei/featureTabWide.jpg) no-repeat left top; }
*/

/* Contact Information Box */
/* duped with mods in local-content */
#content .contactInfo { 
	clear:both; 
	margin-bottom:25px;
	border:1px solid #0C75B6;
	background-color:#E9EAE5;
}
#content .contactInfo h3 { 
	background:#E9EAE5 url(/global/images/meei/ContactTab.gif) no-repeat top left;
	color:#FFFFFF;
	font-size:1.67em;
	height:1.5em;
	margin:0;
	padding:0.1em 0 0.5em 0.5em;
}
#content .contactInfo div { padding: 10px 20px; }
/* end local-content */

/* Expandable Content Boxes */
a.dsphead{
   text-decoration:none;
   }
a.dsphead:hover{
   text-decoration:none;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{
   display:none;
   margin-left:3px;
   margin-top: 5px;
   }
.dspchar { border: 1px solid #000; padding: 0px 4px; color: #999; background-color: #fff; }

/* Calendar Table */
/* to local-content 
.calendarTable td { border: 1px solid #0C75B6; padding: 5px; }
.calendarTable th { padding: 5px; color: #fff; background-color: #0C75B6; border: 1px solid #0C75B6; }
.calendarTable td p, .calendarTable th p { line-height:1em; margin-bottom:0em; }
*/


/* Right Column */
#rightColumn h3,
.twoColumnSpread div#rightPanel h3,
#leftColumn h3.heading {
	border-bottom:2px solid #98BF4B; 
	padding-bottom:1em; 
	text-transform:uppercase;
	color:#0c75b6;
}
#rightColumn h4,
.twoColumnSpread div#rightPanel h4,
#leftColumn h4 { 
	border-top:2px solid #98BF4B; 
	padding-top:1em; 
	text-transform:uppercase;
}
#rightColumn ul.features,
.twoColumnSpread div#rightPanel ul.features,
#leftColumn ul.features { 
	list-style:none; 
	list-style-type:none;
	margin:0em 0em 0.5em 0em;
}
#rightColumn ul.features li,
twoColumnSpread div#rightPanel ul.features li, 
#leftColumn ul.features li { 
	border-bottom:1px solid #D0D0D0; 
	line-height:1.4em;
	padding:0.2em 0pt 0.3em 0em;
}
.rightside-news{
	border-bottom:1px solid #D0D0D0; 
	line-height:1.4em;
	padding:0.2em 0pt 0.3em 0em;
}
.rightside-date{
	color: #000;
	display: block;
	font-size: 1em;
	margin-bottom: 0.4em;
}
#rightColumn ul.features li span,
.twoColumnSpread div#rightPanel ul.features li span,
#leftColumn ul.features li span { 
	color:#000;
	display:block;
	font-size:1em;
_font-size: 12px;
	margin-bottom:0.4em;
//	text-transform:uppercase;
}

.twoColumnSpread div#rightPanel ul.features li span,
#leftColumn ul.features li span {
text-transform:uppercase;
}

#rightColumn ul.features li img,
.twoColumnSpread div#rightPanel ul.features li img,
#leftColumn ul.features li img { display:block; }

#rightColumn p.rss,
.twoColumnSpread div#rightPanel p.rss { 
	font-weight:bold; 
	height:1.3em; 
/*
	background:url(/images/meei/rss.png) no-repeat top right;
*/
	margin-bottom:1em;
}
#rightColumn ul.features li a,
.twoColumnSpread div#rightPanel ul.features li a,
#leftColumn ul.features li a { color:#0A67A0 !important; }

#rightColumn p.rss a,
.twoColumnSpread div#rightPanel p.rss a,
.twoColumnSpread div#rightPanel p.articleLink a,
#leftColumn p.articleLink a { color:#0A67A0; }

.twoColumnSpread div#rightPanel span.articleLink,
#leftColumn span.articleLink { margin:1em 0 1em 0; }

#rightColumn #aboutLocations,
.twoColumnSpread div#rightPanel #aboutLocations { margin-bottom:14px; }

#rightColumn #aboutLocations select,
.twoColumnSpread div#rightPanel #aboutLocations select { width:15.55em; margin:0.5em 0 0.3em 0; }

/* Left Column */
#leftColumn h2 { margin-top:0.5em; }
#leftColumn h3 { margin-top:0.5em; font-size:1.8em; letter-spacing:0em; line-height: 1.3em;
_font-size: 15px;}
#leftColumn ul#sideNav { 
	list-style:none; 
	list-style-type:none;
	list-style-position:outside;
	margin:1em 0 0 0.75em !important;
	padding:0.2em !important;
	line-height:1.1em;
	list-style-image:url(/images/meei/doubleArrow.png) !important;
}
#leftColumn ul#sideNav li { 
	margin-left:0.3em; 
	font-weight:bold; 
	margin-bottom:1.38em; 
}
#leftColumn ul#sideNav li a { color:#000; }
#leftColumn ul#sideNav li.selected a, 
#leftColumn ul#sideNav li a:hover { color:#0c75b6; }
#leftColumn ul#sideNav li ul {
	list-style:none; 
	list-style-type:none;
	list-style-position:outside;
	margin:1em 0 -1.38em 0.75em !important;
	padding:0.2em !important;
	line-height:1.1em;
	list-style-image:url(/images/meei/doubleArrow.png) !important;
}
#leftColumn p.breadcrumbs { 
	color:#0C75B6; 
	float:left;
	font-size:0.92em;
_font-size: 11px;
	margin:0 0 0 0.2em;
	width:600px;
	position:absolute;
	top:-9px;
	left:6px;
}
/* Logos */
#footer ul#logo { margin-left:1.2em; }
#footer ul#logo li { display:inline; margin-right:1em; }

/* Footer */
#footer ul#footerNav { 
	font-size:1em;
_font-size: 12px;
	margin-left:1.2em;
	width:575px;
}
#footer ul#footerNav li { 
	display:inline; 
	border-right:1px solid #000; 
	margin-right:10px;
	padding-right:10px;
}
#footer ul#footerNav li a { color:#000; }
#footer ul#footerNav li a:hover { text-decoration:underline; }

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	6. LAYOUT OPTIONS
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
.twoColumnSpread div#contentLeft { 
	float:left;
	width:459px; 
}
.twoColumnSpread div#rightPanel { 
	float:right; 
	width:210px; 
	border-left:1px solid #DADFE4;
	border-right:1px solid #DADFE4;
	padding:0.5em;
}
.twoColumnSpread div#contentLeft div.twoColumns { padding-top:2em; }
.twoColumnSpread div#contentLeft h2 { color:#0C75B6; font-size:1.7em;
_font-size: 15px;}
 div#wrapper div#content h2 { color:#0C75B6; font-size:1.7em; } /* also in local-content */
.twoColumnSpread div#rightColumn, #content #rightColumn { width:10em }

div#wrapper.noLeftColumn div#leftColumn { width: 5px; margin-right: 0px; }
div#wrapper.noLeftColumn div#content { width: 967px; }

/* tabbed functionality */
div.tabbed {
	background-color:#0c75b6;
	color:#FFF;
	padding:1em;
	position:relative;
	height:100%;
	min-height:200px;
	margin:0.4em 0 1em 0;
}
div.tabbed h2 {
	color:#FFF !important;
}
div.tabbed .top {
	foo:foo;
}
div.tabbed .item {
	display:none;
}
div.tabbed .buttons {
	position:absolute;
	bottom:0;
	right:10px;
}
div.tabbed .buttons li {
	display:inline;
	float:left;
	margin:0 0.3em;
}
div.tabbed .buttons li a {
	display:block;
	padding:0.8em;
	background-color:#999;
	color:#FFF;
}
div.tabbed .buttons li a:hover {
	background-color:#666;
	color:#FFF;
}
/* generic intro styling */
/* to-local-content
div.twoColumnSpread div.sectionOpener { float:left; }
div.sectionOpener {
	padding:1em;
	background-color:#0C75B6;
	color:#fff;
	margin:0.2em 0 1.3em 0;
}
div.sectionOpener h2 { color:#fff !important; }
*/
/* video section */
div.video { 
	border:1px solid #D6D6D6 !important;
	padding:0.5em;
	width:330px;
}
div.video h3 { 
	font-size:1.6em; 
_font-size: 14px;
}
/* relational definition list */
dl.relational { width:260px; }
dl.relational dt { 
	font-weight:bold; 
	margin:0.2em 0 0.4em 0; 
}
dl.relational dd { 
	margin:0 0 0.8em 0.4em; 
	line-height:1.2em; 
}
/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm 
	6. Form Controls
mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
.form ul { list-style:none; margin:1.2em 0; }
.form ul li { 
	list-style-type:none;
	width:450px;
	margin:0.7em 0;
	clear:left;
}
.form fieldset { margin:1em 0; }
.form fieldset legend { 
	font-weight:bold;
}
.form ul li label {
	float:left;
	width:150px;
	text-align:right;
	margin-right:25px;
}
.form ul li input {
	width:200px;
}
.form ul li input.radio { width:20px; }
.form p { margin:0.5em 0; }