@charset "utf-8";
/* CSS Document */

/*------MAIN BODY ELEMENTS-----------------*/

body {
	background-color: #888888;
	font-family:"Trebuchet MS",sans-serif;
	font-size:.8em;
	color:#333333;
}

html, body, #wrapper {
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;	
}

#headerWrapper{
	margin: 0px;
	padding:0px;
	/*height:17%;*/
	height:142px;
	overflow:hidden;
	background:url(../images/bkg_header.png) repeat-x top left;
	/*border:thin solid #00FF00;*/
}
#header{
	margin: 0px;
	padding:0px;
	text-align: left;
	width:820px;
	height:100%;
	/*border:thin solid #FF0000;*/

	/*without this, will not center in Firefox*/
	margin-left: auto;
	margin-right: auto;
}
#contentWrapper{
	position:relative;
	margin: 0px;
	padding:0px;
	/* height:78%; works, except when the content stretches off the screen! */
	background: #FFFFFF url(../images/content.png) repeat-x top left;
	/*border:thin solid #0000FF;*/
}
#mycontent{
	position:relative;
	
	margin: 0px;
	padding:0px;
	text-align: center;
	width:1010px;
	/*height:100%;*/
	background:none;
	
	/*this means that if the text fills more than a page, it will be cut off*/
	/*overflow:hidden;*/
	/*border:thin solid #FF0000;*/

	/*without this, will not center in Firefox*/
	margin-left: auto;
	margin-right: auto;
}
#footerWrapper{
	/*align to bottom of screen
	position:absolute;
	bottom:0px;*/
	position:relative;
	margin: 0px;
	padding:0px;
	height:55px;
	background:#fafafa;
	/*border:thin solid #0000FF;*/
}
#myfooter{
    font-family:inherit;
	
	margin: 0px;
	padding:0px 0 0 0;
	
	width:970px;
	height:100%;
	background:none;
	/*border:thin solid #FF0000;*/

	/*without this, will not center in Firefox*/
	margin-left: auto;
	margin-right: auto;
	/*overflow:hidden;*/
	
	color: #000000;

}

#myfooter a, #footer a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#myfooter a:hover, #footer a:active, #footer a:focus{
	color:#FF6633;
	text-decoration:none;
}

#myfooterTextLeft {
	width:200px;
	
	float:left;
	display:block;
	text-align: left;
	vertical-align:top;
	color:#FFFFFF;
	font-family:inherit;
	font-weight:bold;
	font-size:12px;
	margin: 3px 0 0 0;
	padding: 0px 0 0 0;
	/*border:thin solid #FF0000;*/
}
#myfooterTextRight {
	width:55%;
	float:right;
	display:block;
	text-align: right;
	vertical-align:top;
	color:#FFFFFF;
	font-family:inherit;
	font-weight:bold;
	font-size:12px;
	margin: 3px 0 0 0;
	padding: 0px 0 0 0;
	/*border:thin solid #FF0000;*/
}
.orange{
	color:#FF6633;
	display:inline;
}

.clear {
	clear:both;
}
/*------------------------NAVIGATION-------------------------*/
#nav{
	/*position:absolute;
	top:102px;
	height:40px;
	line-height:59px;
	display:block;
	float:left;
	margin: 0px;
	padding: 0 0 0 40px;
	border:thin solid #FF0000;*/
	float:left;
	position:absolute;
	top:100px;
	/*height:30px;*/
	line-height:55px;
	display:block;
	margin: -10px 0 0 -24px;
	padding: 0 15px 0 15px;
}
	
#nav ul {
	list-style: none;
	padding:0px;
	margin:0px;
}
	
#nav li {
	background-image:url(../images/bkg_menu_mid.png);
	background-repeat:repeat-x;
	float: left;
	height:50px;
	display: block;
	padding: 0px 15px 0px 15px;
	/*border:thin solid #FF0000;*/
}
#nav a, #nav a:visited{
	font-family:inherit;
	font-weight:bold;
	font-size:15px;
	color:#4D4C4D;
	/*color:#FFFFFF;*/
	text-decoration:none;
	border: none;
}

#nav a:hover, #nav a:active, #nav a:focus{/*without a:focus, a:active style does not work in FF*/
	color:#FF6633;
	text-decoration:none;
	outline:none; /*without this, FF draws a dotted border around links*/
}

#nav .menu_left, #nav .menu_right {
	padding:0px;
	background-image:none;
	/*border:thin solid #FF0000;*/
}


/*------------------------MAIN CONTENT-------------------------*/
#logo{
	border:none;
	position:relative;
	float:left;
	display:block;
	top:25px;
	left:25px;
	padding: 0 0 0 0px;
	width:146px;
	height:92px;
	

}
#hospitalLogo{
	border:none;
	position:relative;
	float:right;
	display:block;
	top:25px;
	
	padding: 0 20px 0 0px;
	width:200px;
	height:92px;
	
}
#walkLogo{
	border:none;
	position:relative;
	float:right;
	display:block;
	top:25px;
	padding: 0 20px 0 0px;
	width:180px;
	height:92px;
	
}

#sponsors{
	border:none;
	position:relative;
	float:right;
	display:block;
	top:0px;
	right:0px;
	padding: 0 0 0 0px;
	width:163px;
	height:600px;
	text-align:center;
	border:solid #006 thin;
	z-index:2;

	

}