/*------------------------------------------------------------------
[Master Stylesheet]

Project:			Muscatine Medical Center
Version:			1.0
Last change:	05/02/08 [fixed Float bug, vf]
Assigned to:	Razvan Stavila (rs)
Primary use:	X3 Studios
-------------------------------------------------------------------*/
@import "reset.css";

body, 
h1, h2, h3, 
img, p, ul, li,
form, dl, dt { 
	margin: 0; 
	padding: 0;
	border: 0;
	list-style: none;
}
html { font-size: 100%; width: 100%; }

a { color: #25311b; text-decoration: underline; }
a:hover { color: #25311b; text-decoration: none; }

h2,h3 { font-style: italic; font-weight: normal; }
h2 { font-size: 1.50em; margin: 0 0 0.8em 0; }
h3 { font-size: 1.13em; margin: 0 0 0.8em 0; }

p { font-size: 0.75em; line-height: 1.8em; font-style: italic;  }

.backto { margin: 20px 0 0 0; }

/*------------------------------------------------------------------
[1. Body]
*/

body  {	
	background: #d9e0d2 url(../images/bg.jpg) repeat-x left top; 
  	color: #454543;
  	font-size: 1em; 
	line-height: 1.6em;
	font-family: Georgia, "Trebuchet MS", Geneva, sans-serif;
	width: 100%;
}
h2,h3 { background: transparent url(../images/leaf.gif) no-repeat left center; padding: 0.2em 0 0.2em 25px; }

#wrapper { margin: 0 auto; text-align: left; width: 59.38em; position: relative; }
#house { 
	position: absolute; 
	top: 135px;
	left: 0;
	height: 310px; 
	width: 100%;
	z-index: 0; 
	text-align: right;
	overflow: hidden!important;
}
#house div { width: 1090px; margin: 0 auto; overflow: hidden!important; }
 
/*------------------------------------------------------------------
[2. Header / #header]
*/
#header { height: 133px; position: relative; }
#header #logo { background: url(../images/logo.gif) no-repeat left top; height: 80px; position: relative; top: 20px; width: 170px; text-indent: -5000px }
#header #logo a { display: block; height: 80px; width: 170px; }
#header .motto { height: 72px; width: 260px; position: absolute; top: 30px; left: 200px; background: url(../images/motto.gif) no-repeat left top;  }
#header .motto span { display: none; }

	/* home */
	#home { background: #d9e0d2 url(../images/bg_home.jpg) repeat-x left top; }
	#home .hometext { margin: 2em 0 0 0; width: 450px;  }
	#home .hometext h3 { margin: 0 0 0.8em 0; }
	
	/* inside */
	#inside { background: #d9e0d2 url(../images/bg.jpg) repeat-x left top; }
	#inside .hometext { margin: 2em 0 0 0; width: 450px;  }
	#inside .hometext h3 { margin: 0 0 0.8em 0; }

/*------------------------------------------------------------------
[3. Navigation / #navbar]
*/
#navbar { height: 43px; }
#navbar ul li { display: inline; font-size: 0.75em; float: left; margin: 0 3px 0 0; position: relative; z-index: 100; text-align: center }
#navbar ul li a { display: block; float: left; text-align: center; color: #fdf9dc; text-decoration: none; line-height: 1.2em; }
#navbar ul li a span { padding: 8px 16px 21px 16px; display: block; }
#navbar ul li a:hover { background: url(../images/menu_right.gif) no-repeat right top; text-decoration: none; color: white }
#navbar ul li a:hover span { background: url(../images/menu_left.gif) no-repeat left top; }

#navbar ul li.active a { background: url(../images/menu_right.gif) no-repeat right top; text-decoration: none; color: white }
#navbar ul li.active a span { background: url(../images/menu_left.gif) no-repeat left top; }

/*------------------------------------------------------------------
[4. Content / #content]
*/
#container { margin: 90px 0 0 0; }
#content { float: right; width: 600px; }
#content #maincontent { float: left; width: 315px; }
#content #secondarycontent, #content #gallery { float: right; width: 250px; }

	#content #maincontent dl dt { background: url(../images/list_right.gif) no-repeat right top; padding: 0 5px 0 0; line-height: 1em; color: #25311b; font-weight: bold; margin: 0 0 14px 0; }
	#content #maincontent dl dt .tl { background: url(../images/list_left.gif) no-repeat left top; padding: 0 0 0 5px; }
	#content #maincontent dl dt .tc { background: url(../images/list_center.gif) repeat-x center top; padding: 10px 10px; }
	#content #maincontent dl dt p { line-height: 1.2em; padding: 5px 0 0 0; color: #5a6353; font-weight: normal; }	
	
	#content #maincontent { background: url(../images/sidebar_vline.gif) no-repeat right top; }
	
	#content #secondarycontent h3,
	#home #content #maincontent h3
	{ background: url(../images/sidebar_hline.gif) no-repeat left bottom; padding: 0 }
	#content #secondarycontent h3 span,
	#home #content #maincontent h3 span
	{ display: block; background: transparent url(../images/leaf.gif) no-repeat left top; padding: 0 0 0.7em 25px; }
	
	#content #secondarycontent .side_news ul { list-style: none; }
	#content #secondarycontent .side_news li { padding: 0 0 1.2em 0; margin: 0 0 1em 0; width: 100%; background: url(../images/sidebar_hline.gif) no-repeat 0 100%; font-style: italic }
	#content #secondarycontent .side_news li:last-child { background: none; }
	#content #secondarycontent .side_news li h4 { background: none; margin: 0; padding: 0; line-height: 1; font-size: 0.85em; font-weight: bold; line-height: 1.4em ; font-style: normal }
	#content #secondarycontent .side_news li span { font-size: 0.75em; font-style: italic; font-weight: normal; display: block }
	#content #secondarycontent .side_news li ul { list-style: disc; margin: 0 0 0 30px; }
	#content #secondarycontent .side_news li li { background: none; list-style: disc; padding: 0; margin: 0; font-style: italic; font-size: 0.75em; }
	#content #secondarycontent .side_news li ol li { list-style: decimal }
	
	/* inside content */
	#inside #container { margin: 40px 0 0 0; }
	#inside #content { float: none; width: 100%; }
	#inside #content #maincontent { width: 670px; }
	#inside #content #maincontent dl { width: 640px; }
	#inside #content #maincontent dl .tc p { border-bottom: 1px solid #c8d3bc; padding: 5px 0 15px 0; }
	#inside #content #maincontent dl .tc .details { padding: 15px 0 0 0; }
	#inside #content #maincontent dl .tc .details p { border: none; font-style: normal; line-height: 1.8em; padding: 0 0 10px 0; }
	#inside #content #maincontent dl .tc .details p img { float: left; margin: 0 15px 7px 0; border: 5px solid #f2f0e9; }
	
	#inside #content #secondarycontent ul { background: #f4f6f0; border: 5px solid #edf0e6 }
	#inside #content #secondarycontent ul li { font-size: 0.75em; font-style: italic; border-bottom: 1px solid #edf0e6; padding: 5px 20px; }
	
	/* about us */
   #inside .about #maincontent { margin: 0 0 40px 0; }
	#inside .about #maincontent div { font-style: normal; background: #f4f6f0; padding: 20px; border: 5px solid #edf0e6 }
	#inside .about #maincontent ul, #inside .about #maincontent ul li { list-style: disc!important; margin: 0 0 0 20px; }
	#inside .about #maincontent ul li,
	#inside .about #maincontent ol li { font-size: 0.75em }
	#inside .about #maincontent ol { margin: 0.5em 0 }
	#inside .about #maincontent ol, #inside .about #maincontent ol li { list-style: decimal }
	#inside .about #content #secondarycontent ul, #gallery { width: 300px; background: none; border: none; }
	#inside .about #content #secondarycontent ul li, #gallery li { float: left; border: none; padding: 0;  }
	#inside .about #content #secondarycontent ul li img, #gallery li img { border: 5px solid #f2f0e9; margin: 0 10px 5px 5px; }
	
	/* guide to */
	#inside .guideto #content #maincontent { width: 520px; }
	#inside .guideto #content #maincontent dl { width: 490px; }
	#inside .guideto #content #maincontent dl dt { margin: 0 0 1em 0; background: #ffffff; border: 3px solid #f4f6f0 }
	#inside .guideto #content #maincontent dl dt p { border: none; margin: 0; padding: 10px 0 0 0; line-height: 1.5em; font-weight: bold;  }
	#inside .guideto #content #maincontent dl dt .tl { background: none }
	#inside .guideto #content #maincontent dl dt .tc { background: url(../images/leaf.gif) no-repeat 5px 8px; }
	#inside .guideto #content #maincontent dl dt .tc a, #orthodontics, #podiatry, #plasticsurgery { padding: 0 0 0 17px; font-weight: bold; }
	#inside .guideto #content #maincontent dl dt .tc p { padding: 7px 0 0 17px }
	#inside .guideto #content #maincontent dl .tc .details { margin: 15px 0 0 0; border-top: 1px solid #d6ddc6;  }
	#inside .guideto #content #maincontent dl .tc .details p { font-weight: normal; color: #201209; padding: 0 }
	#inside #content #maincontent dl .tc .details p.call { background-color: #f4f6f0; padding: 5px 15px; border: 1px solid #d6ddc6; font-weight: bold; }
	
	#inside .guideto #content #secondarycontent { float: right; width: 420px; }
	#inside .guideto .intern { background: #f4f6f0!important; border: 3px solid #ffffff!important }
	
	#inside .guideto #secondarycontent dl dt { margin: 0 0 1em 0; background: #ffffff; border: 3px solid #f4f6f0 }
	#inside .guideto #secondarycontent dl dt .tl { padding: 0 0 0 5px; }
	#inside .guideto #secondarycontent dl dt .tc { padding: 10px 10px; background: url(../images/leaf.gif) no-repeat 5px 8px; }
	#inside .guideto #secondarycontent dl dt .tc a { padding: 0 0 0 17px; }
	#inside .guideto #secondarycontent dl dt .tc p { padding: 7px 0 0 17px }
	#inside .guideto #secondarycontent dl dt a { font-weight: bold; }
	#inside .guideto #secondarycontent dl dt p { border: none; margin: 0; padding: 10px 0 0 0; line-height: 1.5em; font-weight: bold; color: #5a6353;  }	
	
	#inside .guideto #content #secondarycontent dl { width: 400px; float: right }
	#inside .guideto #content #secondarycontent dl .tc .details { margin: 15px 0 0 0; border-top: 1px solid #d6ddc6; }
	#inside .guideto #content #secondarycontent dl .tc .details p { border: none; padding: 15px 0 0 0;  color: #201209; font-style: normal; font-weight: normal; line-height: 1.8em;}
	
	#inside #content #maincontent .content_continued { padding: 20px 20px 10px 20px; margin: 0 30px 20px 0; background: #f4f6f0; border: 5px solid #edf0e6  }
	#inside #content #maincontent .content_continued p { font-style: normal; padding: 0 0 10px 0 }
	#inside #content #maincontent .content_continued table ul { margin: 0 0 0 20px; list-style: disc }
	#inside #content #maincontent .content_continued table ul li { list-style: disc; color: #4a593a }

	
	/* patient */
	#inside .patient #maincontent { margin: 0 0 40px 0; }
	#inside .patient #maincontent div { font-style: normal; background: #f4f6f0; padding: 20px; border: 5px solid #edf0e6 }
	#inside .patient #maincontent ul, #inside .patient #maincontent ul li { list-style: disc!important; margin: 0 0 0 20px; }
	#inside .patient #maincontent ul li,
	#inside .patient #maincontent ol li { font-size: 0.75em }
	#inside .patient #maincontent ol { margin: 0.5em 0 }
	#inside .patient #maincontent ol, #inside .patient #maincontent ol li { list-style: decimal }
	
	/* news */
	#inside .newsinside #maincontent ul, #inside .newsinside #maincontent ul li { list-style: disc }
	#inside .newsinside #maincontent ul { margin: 0 0 0.7em 30px; font-size: 0.75em }
	#inside .newsinside #maincontent ol, #inside .newsinside #maincontent ol li { list-style: decimal }
	#inside .newsinside #maincontent ol { font-size: 0.75em }
	
	/* locate us */
	.cedarmap img { border: 5px solid #edf0e6; margin: 15px 0 0 0; }
	
	/* gallery */
	#gallery ul { width: 300px; background: none; border: none; }
	#gallery ul li { float: left; border: none; padding: 0;  }
	#gallery ul li img { border: 5px solid #f2f0e9; margin: 0 10px 5px 5px; }
	#gallery .backto { clear: both }
	#gallery h3	{ background: url(../images/sidebar_hline.gif) no-repeat left bottom; padding: 0 }
	#gallery h3 span { display: block; background: transparent url(../images/leaf.gif) no-repeat left top; padding: 0 0 0.7em 25px; }
	
/*------------------------------------------------------------------
[4. Sidebar / #content]
*/
#sidebar { float: left; width: 320px; background: url(../images/sidebar_vline.gif) no-repeat right top; }
#sidebar .side_info { width: 290px; }
#sidebar .side_news { width: 290px; margin: 1.6em 0 0 0; }

#sidebar h3 { background: url(../images/sidebar_hline.gif) no-repeat left bottom; padding: 0 }
#sidebar h3 span { display: block; background: transparent url(../images/leaf.gif) no-repeat left top; padding: 0 0 0.7em 25px; }

/*------------------------------------------------------------------
[5. footer / #content]
*/
#footer { clear: both; width: 100%; overflow: hidden }
#footer #footer_info { width: 1000px; margin: 0 auto; overflow: hidden; text-align: center;  }
#footer .bg_f {height: 50px; background: url(../images/container_bg.gif) repeat-x left bottom; }
#footer #footer_info ul { padding: 15px 0 0 0; margin: 0 0 15px 0; }
#footer #footer_info ul li { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; padding: 0 15px;  }
#footer #footer_info ul li a { color: #626c59; text-decoration: none }
#footer #footer_info ul li a:hover { text-decoration: underline }
#footer #footer_info .copyright { position: relative; background: url(../images/footer_bg.gif) repeat-x left top; height: 85px; font-family: Tahoma; color: #616c59; font-size: 0.75em; font-weight: bold; text-align: left }
#footer #footer_info .copyright p { font-style: normal; padding: 35px 0 0 30px; }
#footer #footer_info .copyright .pcs { position: absolute; right: 30px; top: 30px; background: transparent url(../images/logo_pcs.gif) no-repeat left top; height: 37px; width: 129px; }
#footer #footer_info .copyright .pcs a { display: block; height: 37px; width: 129px; text-indent: -5000px; }