/*	==================================================
	RMMI Main Stylesheet
	Developed by Lively Marketing

	Last updated: March 2010
	
	Colors - noted here for easy reference
	(double check actual styles in case of changes here
	
	Blues
	#156890		Top Nav background	
	#d2cdd3		Secondary Nav Text - light purple ???
	#1c547c		Main content text color
	#a7bdcc		Sidebar H1 text color
	#194c70		Search text
	#a581a2		Sidebar background
	#90abbf		Top Nav selected background
	#073d63		Top Nav selected text color

	Greens

	Grays
	#706c70		Main content H1 text color - medium gray
	#eae9eb		Footer background - light gray
	#756f6f		Footer link text - darker gray
	#999595		Footer text - lighter gray

	Table of Contents
	=Global Settings
	=Framework
	=Navigation
	=Content
	=Forms
	=Typography

	Additional Stylesheets in separate files for: 
		Home Page
		Full Width Content Pages
		Print Friendliness
		Asp.net CSS Friendly Controls

	==================================================
	=Global Settings
	--------------------------------------------------	*/
* { margin: 0; padding: 0 }
	
h1, h2, p, div, ul { margin: 0; padding: 0 }

h1, h2, h3, h4 { font-weight: normal }

li { list-style: none }

img { border: 0 }

table {
	border-collapse: collapse;
	border: none;
	}

ul, ol, dl { position: relative;  }


/*	==================================================
	=Framework
	--------------------------------------------------	*/	
body {
	background: #f6f0f5 url('../images/background.gif') repeat-x top;
	}
	
#container { 
	margin: 0 auto; 
	width: 849px;
	background: url( '../images/stage_background.gif' ) repeat-y;
	}
	
#wrap {background: url('../images/main_background.gif') no-repeat;}
	
#header, #main, #footer { 
	margin: 0;
	text-align: left;
	}
	
/*	-------------------------------------------------------
	Easy Clearing - 'Clearfix'
	
	NOTE: The '.clearfix' class (or renamed equivalent)
	should be applied to the box CONTAINING the float.
	
	Documentation on the following '.clearfix' solution 
	to clearing floats at the end of boxes is found at
	http://www.positioniseverything.net/easyclearing.html
	
	To add more classes, 
	use this GREP Search/Replace Pattern (bbEdit):
	find: 			^(\* html )?(\.clearfix)(:after)?
	replace with:	\1\2\3, \1.newclass\3
	-------------------------------------------------------	*/

.clearfix:after, #siteMaster_navMenu ul:after, #siteMaster_secondaryNav ul:after, #footerContent:after, #main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix, #siteMaster_navMenu ul, #siteMaster_secondaryNav ul div.response, #footerContent, #main {display: inline-block;}

/* Backslash hack - hide code from IE-mac until next comment\*/
.clearfix, #siteMaster_navMenu ul, #siteMaster_secondaryNav ul, #footerContent, #main {display: block;}
* html .clearfix, * html #siteMaster_navMenu ul, * html #siteMaster_secondaryNav ul, * html #footerContent, * html #main {height: 1%;}

/*	End hide from IE-mac. The * makes this rule apply only to IE.
	The "Tan Hack" is documented at 
	http://www.positioniseverything.net/articles/box-model.html
	End of Clearfix
	--------------------------------------------------	*/

#header {  }

#main {
	position: relative;
	clear: both;
	margin-left: 10px; /****/
	width: 827px; /****/
	z-index: 10;
	/*background-color: Yellow;*/
	}

#mainPanel {	
	position: relative;
	float: left;
	width: 562px; /******/
	margin-top: 45px;
	padding: 0 30px 0 35px; /*top and bottom was 0 */
	/*background-color: Green;*/
	}

#sideBar {
	position: relative;
	float: right;
	margin-top: -10px; /* works in both FF & IE as on main div did not work in FF due to clear */
	padding-top: 35px;
	width: 200px; /* 183px */
	min-height: 609px;
	background: url( '../images/sidebar_background.gif' ) repeat-x top;
	z-index: 15;
	}

#footer {
	position: relative;
	margin-top: 0;
	width: 849px; 
	padding-bottom: 7px;
	background-image: url(  '../images/bottom_shadow.gif' );
	background-repeat: no-repeat;
	background-position: bottom;
	/*background-color: Red;*/
	}

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

/* Top Nav */
#siteMaster_navMenu {
	position: relative;
	right: 0px;
	height:42px;
	/*padding-bottom: 4px;*/ /* removed the padding and using height instead due to fixed height bg image */
	background: url('../images/topnav.png') no-repeat left;
	z-index: 200;
	}

#siteMaster_navMenu ul {
	/*margin: 0 0 0 44px;*/ /* changed from Radiology to Interventional in menu */
	margin: 0 0 0 109px;
	}

#siteMaster_navMenu li {
	float: left;
	padding: 3px 8px 0;
	/*font-size: .9em;*/
	font-size:12px;
	font-weight: normal;
	height:25px;
	/*padding-bottom: 5px;*/
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #a7bdcc;
	}

#siteMaster_navMenu ul ul  /* Tier 2 */ {
	margin: 0;
	width: 12em;
    top: 100%;
    left: 0;
}

#siteMaster_navMenu ul ul li {
	width: 12em;
	height:auto;
	padding: 3px 10px;
	/*font-size: 1em;*/
	font-size:12px;
	background-color: #156890;
	border: none;
}

#siteMaster_navMenu ul ul ul  /* Tier 3+ */ {
	margin: 0;
    top: -0.1em;
    width: 12em;
    left: 8em;
}

#siteMaster_navMenu ul ul ul li {
	padding: 3px 10px;
	/*font-size: 1em;*/
	font-size:12px;
}

#siteMaster_navMenu a, #siteMaster_navMenu span, #topNav a /* all anchors and spans (nodes with no link) */ {
	text-decoration: none;
	color: #fff;
	}

#siteMaster_navMenu a:hover, #topNav a:hover { color: #073d63; }

#siteMaster_navMenu .AspNet-Menu-Selected /* this tier is selected */ {
    color: #073d63 !important;
    background-color: #90abbf;
    /*font-weight: 700;*/
	}

#siteMaster_navMenu .AspNet-Menu-ChildSelected /* a tier below this one is selected */ {
    color: #073d63 !important;
    background-color: #90abbf;
    /*font-weight: 700;*/
	}

#siteMaster_navMenu .AspNet-Menu-ParentSelected /* a tier above this one is selected */ {
	/*font-weight: 700;*/
	}
	
/* Secondary Nav */
#siteMaster_secondaryNav {
	clear: both;
	position: relative; 
	/* top: 6px; ff */
	top:0;
	right: -53px;
	margin: 0;
	padding: 0; /*padding: 10px 0 0 0;*/
	height:36px; /* added height in here and li below for fixed image height */
	background: url('../images/secondarynav.png') no-repeat left;
	z-index: 20
	}

#siteMaster_secondaryNav ul  { 
	position: relative;
	/*top: -9px;*/ /* -7px */
	/*right: -135px;*/ /* removed Map and Directions from Menu */
	right: -254px;
	margin: 0;
	padding-top:7px;
	z-index:25;
	}

#siteMaster_secondaryNav li {
	position:relative;
	float: left;
	height:21px;
	padding: 0 8px;
	/*font-size: .85em;*/
	font-size:11px;
	/*font-weight: 700;*/
	/*background-color: #946789;*/
	z-index:30;
	}

#siteMaster_secondaryNav ul ul  /* Tier 2 */ {
	margin: 0;
	width: 12em;
    top: 100%;
    left: 0;
    display: none;
    visibility: hidden; /* need this likely due to IE 6, 7, IE8compat bug: http://www.positioniseverything.net/explorer/ienondisappearcontentbugPIE/index.htm */
}

#siteMaster_secondaryNav ul ul li {
	width: 12em;
	padding: 3px 10px;
	font-size: 1em;
	background-color: #82537d;
	border: none;
	display: none;
	visibility: hidden;
}

#siteMaster_secondaryNav a, #siteMaster_secondaryNav span /* all anchors and spans (nodes with no link) */ {
	text-decoration: none;
	color: #d2cdd3;
	}

#siteMaster_secondaryNav a:hover { color: #073d63; }

#siteMaster_secondaryNav .AspNet-Menu-Selected /* this tier is selected */ {
    color: #073d63 !important;
    /*font-weight: 700;*/
    background-color: #90abbf;
	}

#siteMaster_secondaryNav .AspNet-Menu-ChildSelected /* a tier below this one is selected */ {
    color: #073d63 !important;
    /*font-weight: 700;*/
    background-color: #90abbf;
	}

#siteMaster_secondaryNav .AspNet-Menu-ParentSelected /* a tier above this one is selected */ {
	/*font-weight: 700;*/
	}

/*	==================================================
	=Content
	--------------------------------------------------	*/
h1, h2, h3 { margin-bottom: .25em; }
 
p, ul { margin-bottom: .75em; }

img { margin: 5px; }
img.left { margin: 10px 10px 10px 0;  border: solid 6px #1c547c; }
img.right { margin: 10px 0 10px 10px;  border: solid 6px #1c547c; }

input, textarea { background-color: #c3dbb2; }

.left { float: left; }
.right { float: right; }
.center { margin-right: auto; margin-left: auto; }

.clearing { clear: both; }

a:active, a:hover { outline: none; }

a.button {
	width: 31px;
	height: 31px;
	padding-bottom: 5px;
	}

a.button:active {
	position: relative;
	top: 2px;
	left: 2px;
	}

a.whiteButton { background: url('../images/white_button.png') no-repeat; }

.imageReplace {
  display:-moz-inline-box;
  display:inline-block;
  background:transparent none 0 0 no-repeat;
  text-indent:-5000px;
  overflow:hidden;
  vertical-align: middle;
  }

#banner { float: right; width: 565px; margin: 7px 12px 0 0;}
#banner #address { float: right; text-align: right; margin: -12px 0 0 0; padding: 0px 20px 0 0; }
#logo { float: left; margin: 22px 0 0 25px}
#logo a {
	text-indent: -5000px;
	display: block;
	width: 214px;
	height: 60px;
	background-color: transparent;
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat;
	}

#contactsGridView table, #contactsGridView th, #contactsGridView td {
	border:	thin black solid;
	text-align: left;
	}

#contactsGridView th, #contactsGridView td { padding: 0.15em; }

#mainPanel h1 {text-align: center; }

#mainPanel li { list-style-type: disc; list-style-position: inside; }
#mainPanel li li { list-style-type: circle; margin-left: 1.5em; }
#mainPanel li li li { list-style-type: disc; }
#mainPanel li li li li { list-style-type: circle; }

#mainPanel .newsList li, #mainPanel .videoList li { padding-bottom: 1em; list-style: none; list-style-position: outside; }
#mainPanel .newsList li { text-align: center; }
#mainPanel .newsList li span.ref { display: block; }

#mainPanel .videoList div.caption { clear:both; display: block; float: right;  width: 220px; padding-top: 10px; }
#mainPanel .videoList embed { width: 325px; display: block; }

#mapControl, #searchControl { margin: 20px 0 0 0px; }

#myLocation, #yourDirections { margin-top: 20px; }
#myLocation label { margin-bottom:.2em; line-height:1.4em; }
#myLocation .leftcol { float:left; margin-right: 1em; }
#myLocation .field { width: 400px; margin-bottom:.2em; line-height:1.4em; }

#searchControl .gsc-control { width: 100%; }  

#footer #footerContent {
	margin: 0 0 8px 9px; /* 8px bottom or -2 */
	width: 827px; /* 827 */
	/*background-color:#dee7ed;*/
	}

#footer #footerMain {
	float: left;
	padding: 3px 0 12px;
	margin: 0; /* FF was picking up margin */
	width: 100%;
	background-color: #eae9eb;
	text-align: center;
	}

#footer p span { padding: 0 .7em; }

#footer #footerSide {
	display:none;
	}
	
#search { position: relative; padding: 20px 0 0 10px; }
#search input { height: 1.2em; background-color: #eae9eb; }

#sideBar h1 { padding-left: 10px; }

#sideBarContent  {
	min-height: 400px;
	height: auto !important; /*min-height hack for IE6 */
	height: 400px;  /*min-height hack for IE6 */
	/*background: url( '../images/sidebar_bottom.png' ) no-repeat bottom;*/ 
	}

#sideBarContent p, #sideBarContent #fromList { padding-left: 25px; }

#sideNav li  {
	padding: .5em 0 .5em 25px;
	border-top: solid 1px #a7bdcc; 
	}
	
.video { width: 328px; }

/*	==================================================
	=Forms
	--------------------------------------------------	*/
.formFields { clear: both; }

.formFields div.label {
	float: left;
	clear: both;
	width: 8em;
	margin: 0 5px 2px 0;
	text-align: right;
	}
	
.formFields input, .formFields textarea { width: 300px; }

.formFields .input {
	display: block;
	margin: 0 0 2px 0;
	}

.formFields .invalid {
	display: inline-block;
	padding: 0 0 0 1em;
	}
	
.formFields .invalid2 {
	position: relative;
	left: -1em;
	display: inline-block;
	}

.formFields span.required {
	/*margin-right: .25em;*/
	}

.buttons {
	clear: both;
	padding-top: 10px;
	text-align: center;
	}
	
.buttons input { margin-top: 10px; }

.messages {
	clear: both;
	margin: 20px 30px 20px 50px;
	}
	
#recaptcha_widget_div { margin: 0 auto; width: 318px; }

.validationSummary li { list-style: disc inside; }

/*	==================================================
	=Typography
	--------------------------------------------------	*/
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #1c547c;
	font-size: 80%;
	line-height: 1.5em;
	}
	
a, a:visited { color: #000; }

a:hover { color: #90abbf; }

h1 a, h2 a, h3 a { text-decoration: none; }

em {
	color: #000;
	font-style: normal;
	font-size: 1.15em;
	line-height: 80%;
	}

h1 {
	color: #666262;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.1em;
	}
	
h2 {
	font-size: 1.3em;
	font-weight: normal;
	}
	
h3 {
	font-size: 1.2em;
	font-weight: normal;
	}
	
#address { font-size: .85em; line-height: 1.3em; }

.alert { color: Red; }

.callout, .response .callout {
	color: #4d6e1f;
	font-size: 1em;
	}
	
#contactsGridView { background: #f3f5f8; }

#footer {
	color: #756f6f;
	font-size: .8em;
	}

#footer p span { color: #999595; }

#footer p a, #footer p a:visited { color: #756f6f; font-size: .9em }

#footer p a:hover { color: #000; }
	
.formFields { font-size: .85em; }

.formFields span.required {
	margin-right: .25em;
	color: #8BBD6E;
}

#siteMaster_mainPlaceHolder_formIntro .required {
	font-size: .85em;
	color: #8BBD6E;
}

/* Google Search */
.gs-title a { color: #774c75; }

.gs-title a:hover { color: #cebacc; }

.gsc-control { width: 100%; }  
	
#mainPanel h1 a, #mainPanel h1 a:hover, #mainPanel h2 a, #mainPanel h2 a:hover { color: #1c547c; }
	
#sideBar {font-family: helvetica, arial, verdana, sans-serif;}
	
#sideBar h1
{
	font-size: 1.6em;
	/*text-transform: uppercase;*/
}
	
#sideBar h1, #sideBar h1 a, #sideBar h2, #sideBar h3 { color: #a7bdcc; font-weight: normal; }

#sideBar p {color: #fff;}

#sideBar p a, #sideBar p a:visited { text-decoration: none; color: #073d63; }

#sideNav a, #sideNav a:visited  {
	font-size: 1.2em;
	color: #fff;
	text-decoration: none; 
	}
	
#sideNav a:hover {color: #073d63;}
	
#sideNav li.selected a, #sideNav li a.selected { color: #073d63; }

#search {font-size:13px; color:#a7bdcc;}

.validationSummary { font-size: .85em; }