@charset "utf-8";
/* CSS Document for Medical on Wheels created by Marshall Walters */

/*                  !!!!WARNING!!!!                           *
 *  THIS FILE CONTAINS INFORMATION FOR THE ENTIRE WEBSITE     *
 *      !!DO NOT EDIT THIS FILE FOR ANY REASON!!              */
	

body { 
	margin-top: 0px; /* puts page up against browser window */
	padding-top: 0px; 
	background-color:#f9f1f1; 
	}

h1 { /* header text used on all page headings*/
	font-size:28px; 
	color:#ff3d2e; 
	font-family:Arial, Helvetica, sans-serif; 
	font-style:italic; 
	text-shadow: #bfbfbf 2px 2px;
	}
	
h2 { /* sub header on pages main content */
	font-size:20px; 
	color:#00adef; 
	font-family:Arial, Helvetica, sans-serif; 
	font-style:italic;
	}
	
h3 {/* see side nav bar styles */}

/* -- HEADER -- START -- */
#header_container { /* set a head container for the entire top 425px of the website */
	float:left; 
	width: 100%; 
	height:415px;
	background-color:#9dbdc6;
	}
	
#header_center { /* main header container, auto centered and 900px wide */
	width: 900px; 
	margin: 0 auto; 
	}
	
#header { /*  container for header images */
	float: left; 
	width: 900px; 
	height:300px; 
	padding: 0px 0px 0px;
	background-color:#FFFFFF;
	}
	
#header_logo {
	width: 900px;
	height:80px;
	}
	
#header_logo img {
	padding-top: 10px;
	padding-left: 5px;
	}
	
#header_search { /* sets the search feild in lower right corner of header images */
	position:relative; 
	left:715px; 
	bottom:115px;
	}

/* MENU SYSTEM IN HEADER -- START --  */
#menu { /* setup the main menu bar */
	float: left; 
	width: 900px; 
	height:35px;  
	background:url(images/menu_bg.png) repeat-x; /*menu gradent image*/
	padding: 0px 0px 0px; 
	margin: 0 auto; 
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	position:relative;
	z-index:300; /* puts menu on top of other layers, fixes home page images being in front of menu, slideshow z-index set to 100-200 */
	}
	
#menu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	margin:-1px;
	}
	
#menu ul {
	margin:auto; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	text-align:center; 
	position:relative;
	}
	
#menu ul {
	display:inline-block;
	}
	 
#menu ul.toplevel {
	padding-right:2px; 
	padding-left:14px;
	}
	
#menu li {
	float:left;
	}
	
#menu ul div { /*this sets the menus drop down box outside the visual part of the site until its needed */
	position:absolute; 
	left:-9999px; 
	top:-32000px;
	}


#menu a { /* all menu text with a link pre roll over text */
	display:block; 
	font:normal 14px/35px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f0f0f; 
	height:35px; 
	text-decoration:none;
	padding:0 13px; 
	text-align:center;
	}

#menu ul.toplevel li.toplevel-li a.toplevel-a {/* menu items with no drop down box below before roll over */
	float:left; 
	border: 1px solid #ff3d2e; 
	border-width: 0px 1px 0px 0px;
	}

#menu ul.toplevel li.toplevel-li a.toplevel-a:hover {/* menu items, with no drop down, how they look onced rolled over  */ /* old  border color = 00adef */
	background:url(images/menu_over.png) left top; 
	border: 1px solid #ff3d2e;  
	border-width: 0px 1px 0px 0px; 
	color:#000;
	} 

#menu ul.toplevel li.toplevel-li a.toplevel-a.drop:hover {/* menu items with a drop down box, when rolled over the line to the right stays and background changes */
	background:url(images/menu_over.png) left top; 
	border: 1px solid #ff3d2e;  
	border-width: 0px 1px 0px 0px;
	}
	
#menu ul.toplevel li.toplevel-li:hover { /* puts drop down menu under the relative item*/
	position:relative;
	}

#menu ul.toplevel li.toplevel-li:hover > a { /* when in the div box this is the options for the menu link */
	background:url(images/menu_over.png) left top; 
	color:#000; 
	border: 1px solid #ff3d2e;  
	border-width: 0px 1px 0px 0px;
	}

#menu ul :hover div { /* position and look of drop down box once the mouse rolls over*/
	left:-1px; /* -1 pixel to line up with the divider on menu items */
	top:35px;/* drops drop down box to just below manu bar */ 
	background:#ff3d2e; 
	border:1px solid #ff3d2e;  
	border-width:0 1px 1px 1px; /* adds border around drop down menu to look like its part of the menu*/
	}
	
#menu ul :hover div ul { /*space at the bottom of the drop down box after text*/
	padding-bottom:5px;
	}
	
#menu ul :hover div ul li { /*setup the distance between each item in the drop down menu*/
	float:none; 
	height:25px;
	}
		
#menu ul :hover div ul li a { /*display size and alignment of text in drop down box if a link*/
	display:block; 
	height:25px; 
	text-align:left; 
	font:normal 13px/25px arial,sans-serif;
	}
	
#menu ul :hover div ul li a:hover { /*setting for text in drop down box when roll over, adds background image*/
	color:#000; 
	background:url(images/menu_over.png);
	}
	
/* MENU SYSTEM IN HEADER -- END -- */
/* HEADER -- END-- */

/* BODY OF PAGE -- START --  */
#main_container {
	float:left; 
	width: 100%; 
	min-height:500px;
	background-color:#daeaef;
	}
	
#main_center { /* setup main body centering with header and footer */ 
	width: 900px;
	margin: 0 auto;
	background-color:#FFFFFF;
	}
	
#main_content { 
	float:right; 
	width: 900px; 
	background-color:#ffffff; 
	min-height: 500px; /*setup a min height for pages while little content */ 
	margin-top:0px; 
	}
	
#main_content p {
	padding-left:15px; 
	padding-right:5px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px;
	color: #272f32;
	}

#main_content img.left {
	margin-right:5px;
	}
	
#main_content img.right {
	margin-left:5px;
	}
	
/* BODY OF PAGE -- END -- */
/* FOOTER -- START-- */
#footer-container { 
	float: left; 
	width: 100%;
	background-color:#272f32; 
	}
	
#footer-center { 
	width: 900px; 
	margin: 0 auto; 
	}
#footer_bodyend {
	width: 900px;
	height: 20px;
	background-color:#ffffff;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	}
		
#footer { 
	float: left; 
	width: 900px; 
	height:50px; 
	padding: 0px 0px 0px;
	background-color:#272f32;
	}
	
#footer p {
	font-style:italic;
	color:#FFFFFF;
	}