/* The main style sheet for CMX JumpStart Tahoe. */
/* This is the commented version, which fully explains all the rules within for your ease in understanding what each one does and how to modify it properly for your own design. In order to keep your file size low, it is recommended that you use the uncommented version of this sheet for the actual live deployment on your site. */
/*html, body{
	height: 100%;
}*/
body {
     font: 100.01% Verdana, Arial, Helvetica, sans-serif; /* Sets the overall font size and family overriding an older Opera bug. */
     background: #fff url(images/body_stripe.png) repeat-x top; /* Creates the overall window background color that blends in with the two drop shadow images. */
     margin: 0; /* Removes default margin some browsers add. */
     padding: 0; /* Removes default padding some browsers add. */
     text-align: center; /* Makes Win IE 5.5 and 5.0 center the design (bug). */
}

ul{
	margin: 0;
	padding: 0;
	
}

#holder {
   background:url(images/pageBg.gif) repeat-y;
	min-width: 780px; /* Keeps div from shrinking more than 600 pixels in width as window is narrowed. */
	max-width: 1000px; /* Keeps div from growing more than 910 pixels in width as window is expanded. */
	margin: 0 auto; /* Centers the overall design in standards-compliant browsers. */
  	text-align: left; /* Resets the text alignment from center to left to override hack on body above. */
  	position: relative; /* Gives the div positioning so that an absolutely positioned div (AP Div) descendant can be placed in relation to it. Otherwise, the AP Div would be placed relative to the body element (or the last positioned parent element). */
	border-right: 1px solid #51973e;
	border-left: 1px solid #51973e;
	/*height: 100%;*/
	
}

#inner {
	/*background: url(../images/background-left.jpg) repeat-y;*/ 
	overflow: auto;
	
}

/* Needed for compliance with Section 508, rule o. */
#skipnav {
	position: absolute; /* Sets the div to be positioned in a precise spot in relation to the holder div. Also removes it from the flow, so it will not push down the header image. */
	top: 0; /* Places the div at the top edge of the holder div. */
	left: 0; /* Places the div at the left edge of the holder div. */
	margin-left: -1000px; /* Moves the div off the left side of the screen, making it invisible to those using visual browsers but accessible to those using screen readers and other user agents. */
	}

#header {
	background: #d1ff8e url(images/header2.jpg) no-repeat; /* Creates the photo for the top section. The color is used behind the photo in case the image isn't loaded. */
	font-family: "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* Sets the font-family for all content within.*/
	height: 275px; /* The height matching the photo background. */
	margin: 0; /* Creates space on left and right sides of div to let drop shadowed images on holder and inner divs show on each side. */
	position: relative; /* Gives the div positioning so that an absolutely positioned div descendant can be placed in relation to it. */
	padding-top: 1px;
}

 

.tagLine{
	font:  bold 1.0em "Gill Sans", Verdana, Helvetica, Arial, sans-serif;
	margin: 100px 0 0 350px;
	padding: 0;
	color: #2f5420;
}
address{
	color: #fff;
	margin: 0px 0 0 350px;
	font: bold .80em Verdana, Helvetica, Arial, sans-serif;
}

#content {
	/*background: url(images/contentBG.png) repeat-y;*/
	margin: 0px 10px 0 268px; /* Carves out space for the sidebar and gives the content area space. */
	padding: 0px 0 5px 25px;
	overflow: auto;
	min-height: 300px;
	/*border: 1px solid red;*/
}

/* The following selectors are styling for the content div's headings, paragraphs and links. */

#content h1, #content h2, #content h3, #content h4 {
	font: normal 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #2f5420;
	margin: 5px 10px 2px 0px;
	padding: 0;
}
#content h1{
	text-decoration: underline;
	font: normal 1.25em Verdana, Arial, Helvetica, sans-serif;
}
#content h2{
	font-size: 110%;
	background: #fff5d0;
	
}
#content h3{
	font-size: 100%;
	padding: 0;
	border-bottom: 1px dotted #2F5420;
	display: inline;
}

#services{
	
	margin: 5px 0 6px 4.0em;
	padding: 2px 10px;
	list-style: none;
	color: #2f5420;
}
#services li{
	margin-bottom: 8px;
	font-size: 110%;
	
}
#services ul{
	font-size: 60%;
	list-style: none;
	color: #000;
	margin: 3px 0 3px 0;
}
#services li li{
	background: url(images/bullet1.gif) no-repeat left 50%;
	padding: 3px 0 3px 17px;
	margin: 0;
	
}

#content h4 {
	font-size: 1.25em;
}
#content p {
	color: #333;
	padding: 6px 5px 6px 0px;
	margin: 0;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
}
#content .link { /* Creates the larger Learn More link at the bottom of the page. */
	font: 1.25em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#content a, #content a:link, #content a:visited {
	color: #2f5420;
	text-decoration: underline;
}

#content a:hover, #content a:active, #content a:focus {
	text-decoration: underline;
	background: #d1ff8e;
}
.accentPhoto{
	float: right;
	margin: 6px 6px 6px 10px;
}

.conditions{
	float: left;
	width: 35%;
	margin: 8px 1.10em 10px 2.5em;
	padding: 0;
	list-style: none;
	background: #EAF3DA;
	font-size: 120%;
	/*border: 1px solid red;*/
}
.conditions li{
	/*list-style: none;*/
	font-size: 80%;
	padding: 0 0 5px 0px;
	margin: 0;
	font-weight: bold;
	color: #2f5420;
}
.conditions li li{
	background: url(images/bullet1.gif) no-repeat left 50%;
	list-style: none;
	font-weight: normal;
	font-size: 80%;
	color: #000;
	margin-left: 5px;
	padding: 3px 0 3px 22px;
	
	/*border: 1px dotted blue;*/
}

/* The following selectors control the sidebar/navigational area. */
#leftCol{
	background: transparent;
	float: left;
	width: 207px;
	margin: 0 0 10px 22px;
	padding: 0;
}


#leftCol p{
	font-weight: bold;
	font-size: 75%;
}

#leftCol p a{
	color: #2f5420;
}

#sidebarWrap{
	background: #c7d29e url(images/sidebar_bg.gif);
	/*float: left;
	width: 207px;*/
	/*height: 226px;*/
	/*margin: 0 0 10px 22px;*/
	margin: -3px 0 0 0;
	padding: 0;
	/*border: 1px solid red;*/
	
}
#sidebar {
	background: #c7d29e url(images/sidebarGrad.jpg) repeat-x;
	position: relative;
	width: 193px; /* Sets width div should take up. Content div will take up remaining width to the right. */
	min-height: 250px;
	margin: 0px 0 0 7px;
	padding: 0;
	
	/*border: 1px dotted blue;*/
}
#sideBar .fetalTherapy{
	background: #c7d29e url(images/sidebarGrad2.jpg) repeat-x;
	width: 193px; /* Sets width div should take up. Content div will take up remaining width to the right. */
	min-height: 250px;
	margin: 0px 0 0 7px;
	padding: 0;
}
.sideFlower{
	position: absolute;
	background: url(images/sideflower.gif) no-repeat;
	width: 74px;
	height: 84px;
	bottom: -16px;
	left: 119px;
}

.sidebarBtm{
	width: 207px;
	/*background: #c7d29e;*/
	height: 14px;
	margin: -1px 0 0 0;
	padding: 0;
	display: block;
	/*border: 1px dotted blue;*/
}

#leftCol .logo{
	display:block;
	margin: 20px 0 20px 3px;
	
}


#sidebar h2 {
	font: normal 1.2em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* Sets the font weight, size and list of possible families. */
	color: #fff; /* Text color of the headings. */
	background: #2f5420  repeat-y; /* Creates the gradient background of the heading, as well as backup background color in case image isn't loaded. */
	padding: 1px 5px 2px; /* Keeps the text away from the inner edges of the background box. */
	margin: 0 0 5px 20px; /* Controls the outer edge placement which keeps the heading box away from other elements. */
}

/* The following selectors create the button look from list items in an unordered list. */
ul#nav {
	padding: 0; /* Removes default padding and margin to create a level playing field between browsers. */
	margin: 0;
	list-style: none; /* Removes the list marker (bullet) from the list items. */

}
#nav li {
	padding-left: 3px; /* Moves the text over by 23 pixels, which is the width of the little icons, so text doesn't overlap them. */
	margin-left: 0px; /* Clears the left side evenly all the way down. */
	font: .7em/120% Verdana, Arial, Helvetica, sans-serif; /* Sets font size, line-height and list of possible families. */
}


/* The below styles the button area next to the icon. */
#nav li a:link, #nav li a:visited {
	display: block; /* Turns the A element into a solid block and thus clickable all the way across (not just on the words). */
	color: #171d15; /* Text color. */
	font-weight: bold; /* Makes the link text appear bolded. */
	text-decoration: none; /* Gets rid of the default underlines on links. */
	margin: 3px 5px 3px 5px; /* Creates the space outside each button to space them apart from each other. */
	padding: 3px 5px 3px 10px; /* Creates the area within the button and keeps its text away from the edges of its background. */
}

#nav li a:hover, #nav li a:active, #nav li a:focus {
	/*background: url(images/menuBtn_tile.png) repeat-x;*/
	background: #d1ff8e;
	color: #d53400;
	text-decoration: underline;
}
.plainList{
	list-style: none;
	font-size: 80%;
	margin: 0 0 5px 20px;
	
}
.plainList li{
	padding: 3px 0;
}
a.linkList{
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0;
}

.lodging{
	list-style: none;
	font-size: 80%;
}


#servicesLinks{
	list-style: none;
	margin: 0;
	padding: 0;
	
}
#servicesLinks li{
	display: inline;
	font-size: 75%;
	padding: 0;
	/*border: 1px dotted #e55a01;*/
		
}
#servicesLinks li a:link, #servicesLinks a:hover, #servicesLinks a:active{
 background: #d1ff8e;
 font-weight: bold;
 text-decoration: none;
}
#servicesLinks li a:visited{
	color: #e55a01;
	 background: #d1ff8e;
 	font-weight: bold;
	text-decoration: none;
}
#servicesLinks li a:hover{
	text-decoration: underline overline;
}



/* The following selectors create the photo/info teaser area below the navigation. */
#features {
	background: #fff url(../images/sidehead.jpg) no-repeat left bottom; /* Creates small strip of color at bottom of features block. Uses the same slice as the sidebar h2 headings but is set to not repeat. */
	margin: 20px 0 20px 20px; /* Keeps the div away from the UL above and the same distance from the left side of the sidebar. */
	padding-bottom: 10px; /* Creates a little space between the end of the content of the div and its bottom background image strip. */
}

#features h2 {
	margin-left: 0; /* Overrides the left margin set on "#sidebar h2" if one of those h2 element is also within the features div. The features div is already over 20px from the left margin and we don't want more space within it. We want the h2 element to go all the way across. */
}

#features p {
	font: .75em/135% Verdana, Arial, Helvetica, sans-serif; /* Sets font size, line-height and list of possible families. */
	margin: 20px 2px 10px 8px; /* Creates extra space between each paragraph element (with floated image). */
}

/* The next two selectors simply create the black footer area of the page. */
#bottom {
	/*background: #d1ff8e;*/ /* Creates the black color that runs all the way across the page background. */
}
#pagebott {
	min-width: 780px; /* Sets minimum width to 20px less than that set on the holder div to make up for the 10px on each side of the holder div that are removed by its side margins. */
	max-width: 1000px; /* Sets maximum width to 20px more than that set on the holder div for the same reason. */
	border-left: 1px solid #315321; /* Because we don't want drop shadow images to show here, we fill that extra 10px on each side with a border than blends into the background of the bottom div. */
	border-right: 1px solid #315321;
	background: #d1ff8e url(images/footerBG.gif) repeat-x; /* Sets the background color. */
	margin: 0 auto; /* Centers the div like the holder div above it. */
	height: 2em;
}

#pagebott p {
	margin: 0; /* Removes default margin. */
	text-align: center; /* Center aligns the text. */
	font-size: 0.65em; /* Sets a font size slightly smaller than the main page text. */
	color: #006201; /* Sets a color without as much contrast as the main page text so that this doesn't jump out. */
	padding: 5px; /* Creates a small amount of space between the text and edges of the background. */
	letter-spacing: .06em; /* Creates small amount of space between letters in the text. */
}

/* The following selectors create the link and hover styling for the pagebott area. */
#pagebott a:link, 
#pagebott a:visited {
	color: #fff;
	text-decoration: underline;
}
#pagebott a:hover, 
#pagebott a:active, 
#pagebott a:focus {
	color: #FB73BA;
	text-decoration: none;
}


/* The following selectors are the form styles for contact.htm */
#content form {
	margin: 0; /* Removes the margin some browsers add by default. */
	padding: 0 0 10px; /* Creates 10px of padding at the bottom of the form. */
  	float: left; /* Keeps the internal clearing BR's within the form from clearing the external floated side column. */
	width: 100%; /* Makes form take up whole width of content div so that content following the form will not wrap on its right side. */
}	
#content fieldset {
	border: 1px solid #CFE5F5; /* Defines a border around each fieldset. */
	margin: 0 0 10px; /* Keeps the fieldset's bottom border 10px away from the next element */
	padding: 5px 0 15px 15px; /* Keep the elements inside away from the edge of the fieldset. */
}
#content legend {
	border: 1px solid #CFE5F5; /* Creates a defined box/border around the legend */
	color: #fff; /* Sets contrasting text color from background color. */
	background: #3F77A0 url(../images/sidehead.jpg) repeat-y; /* Gives the legend the same background image as the feature headings, plus backup background color in case images aren't loaded. */
	padding: 1px 5px 2px; /* Keeps the borders away from the text by these specified amounts. */
	margin-bottom: 5px; /* Creates 5px of space below the legend. */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif; /* Styles the text within. */
}
#content label {
	float: left; /* Allows labels to be placed on the left with their inputs following on their right sides. */
 	width: 7em; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em; /* Sets same font size as that used on main content text. */
	text-align: right; /* Aligns text to the right so that all form elements create an even middle gutter. */
	margin-top: 3px; /* Moves the text of the label down slightly to align with the top of the input to its right. */
	}
#content input, #content textarea {
	color: #000; /* Creates the text color inside the inputs. */
	border: 1px solid #FEDEEF; /* Sets a border. */
	padding: 1px; /* Keeps the text from touching the borders. */
	background: #FFF4FB; /* Creates a background color. */
	margin: 3px 5px 2px; /* Creates the space around the inputs and textareas so they don't stack on top of each other. */
	width: 280px; /* Creates a consistent width between all inputs and textareas. */
	float: left; /* Floated next to their labels. */ 
}

/* This selector can be used on input boxes you want to be shorter than the normal ones. */
#content input.sminp {
	width: 110px; /* Smaller width. */
	margin-right: 160px; /* Keeps the shorter boxes aligned on the left with the wider ones. */
}

/* The following changes the colors of the inputs and textareas when the cursor is inside, in supported browsers. */
#content input:focus, #content input:active, #content textarea:focus, #content textarea:active {
	color: #000;
	background: #FEDEEF;
}

/* These float styles can be used to float images with text next to them. */
.fltrt {
	float: right;
	margin-left: 8px;
	
}
.fltlft {
	float: left;
	margin: 7px 8px 2px 0;
	padding-left: 24px;
}

.brclear { /* Use a break with this class to clear float containers on both sides. */ 
clear:both; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 
.clearrt { /* Use a break with this class to clear float containers only on the right (so as not to clear the left floated sidebar, for instance). */
clear:right; 
height:0; 
margin:0; 
font-size: 1px; 
line-height: 0; 
} 

.leftLogo{
	background: url(images/rmhc.gif) no-repeat left center;
	padding: 40px 8px 25px 70px;
}

/*.middleImg{
	vertical-align: middle;
}*/

img{
	border: none;
	margin: 0;
	padding: 0;
	
}

.msLogo{
	position: relative;
	top: 210px;
	left: 68%;
}

#content .doctors{
	font-size: 100%;
	color: #E55A01;
	background: #FFF5D0;
	font-weight: bold;
	border-bottom: 1px dotted #e55a01;
}
.drPic{
	float: left;
	margin: 7px 8px 2px 0;
	padding: 4px 4px 4px 24px;
}

dl.fetalTests{
	margin: 16px 5px 5px 15px;
	padding: 0;
	font-size: 80%;
}
.fetalTests dt{
	margin: 4px 0 5px 0;
	background: #E6FFC1;
	font-weight: bold;
	font-size: 110%;
}
.fetalTests dd{
	margin: 0 0 0 25px;
	padding: 0 0 6px 0;
}
.current{
	background: #d1ff8e;
	border: 1px dotted #e55a01;
}
#content p.caption{
	text-align: center;
	font-weight: bold;
}

div.lightBox{
	width: 100%;
	text-align: center;
	
}
.pHeading{
	text-decoration: underline;
	padding-right: 7px;
}

#pagebott .pnotice{
	font-size: 70%;
	text-align: center;
	color: #315321;
	margin: 0;
	padding: 8px 20px 0 0;
	float: right;
	display: inline;
}
#pagebott .pnotice a:link{
	color: #315321;
	
}

#heroesBadge{
	float: left;
	margin: 0;
	padding: 0;
	width: 60%;
	/*background: #fff;*/
	
}


/* ***** IP Team Logo branding **** */
#ipBrand{
	width: 76%; /* may need to change, or remove, depending on layout */
	color: 2f5420; /* adjust as needed for layout */
	font-size: 70%; /*may need to change depending on layout */
	text-align: right;
	margin: 0 auto; /* adjust as needed depending on layout */
	padding: 1px 0 0 0; /*prevents margin-collapse */
	height: 52px;
	/*border: 1px solid red;*/
}

.ipLogo{
	float: right;
	padding-right: 15px;
}
/* end branding */

#hospAff{
	font-size: 70%;
	margin: 10px 10px 10px 10px; /*adjust to fit design */
	background: #9fc2e3; /*customize to complement design */
	text-align: left;
	width: 190px; /*adjust to fit design */
	border: 1px solid #c0c0c0;
	
}
#hospAff h1{
	color: #003b77;
	font-size: 1.1em;
	text-align: center;
	border-top: 1px solid #003b77;
	border-bottom: 1px solid #003b77;
	margin: 5px 0 2px 0;
	background: #fff;
}
#hospAff ul{
	margin: 0 0 5px 0;
	list-style: none;
	padding: 0;
}
#hospAff li{
	margin: 3px 0 0 4px;
	padding: 0;
	
}
#hospAff li a{
	display: block;
	padding: 3px 0;
	font-weight: bold;
	color: #003c78; /*adjust to fit design */
}
#hospAff li a:hover{
	color: #b22222;
}
/* ********** end hospital affiliation box **** */