/*******************************************
* Copyright (C) Olds Physical Therapy
*******************************************/
html > body {
	overflow-x:hidden;
	overflow-y:scroll;
	text-align:-moz-center;
}

body {
	margin: 0;
	padding: 0;
	background: #666;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7b7b7b;
}

a {
	color: #00007E;
	text-decoration: underline;
}

a:hover {
	color: #F79700;
	text-decoration: underline;
}


/**********************************************************************************************************************
* Main Body Wrapper
**********************************************************************************************************************/
div#bodyWrapper {
	margin: 0 auto;
	width: 800px;
	height: 800px;
	position: relative;
	background: #666;
}

div#bodyWrapper div#yoga {
	position: absolute;
	z-index: 5;
	left: 504px;
	top: 52px;
}

/**********************************************************************************************************************
* Header
**********************************************************************************************************************/
div#bodyWrapper div#headerWrapper {
	margin: 5px auto 0 auto;
	padding: 0;
	width: 794px;
	height: 100px;
	border: solid 3px #fff;
	background: #00007e;
}

div#headerWrapper div#leftHeader {
	margin: 0;
	padding-top: 5;
	width: 500px;
	height: 95px;
	float: left;
	text-align: left;
}

div#headerWrapper div#rightHeader {
	margin: 0;
	padding-top: 15px;
	padding-right: 20px;
	width: 274px;
	height: 85px;
	float: left;
	text-align: right;
	color: #e3e3e3;
}

div#rightHeader a {
	color: #e3e3e3;
	text-decoration: none;
}

div#rightHeader a:hover {
	color: #fff;
	text-decoration: underline;
}


/**********************************************************************************************************************
* Banner
**********************************************************************************************************************/
div#bodyWrapper div#banner {
	width: 800px;
	height: 78px;
	background: #666;
	text-align: center;
}

/**********************************************************************************************************************
* Main Menu
**********************************************************************************************************************/
div#bodyWrapper div#menuWrapper {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 43px;
	text-align: left;
}

div#menuBG {
	margin: 0;
	padding: 0;
	width: 650px;
	height: 43px;
	z-index: 6;
	background: #00007E;
	border-top: solid 3px #fff;
	border-left: solid 3px #fff;
}

div#mainMenu {
	position: absolute;
	z-index: 6;
	left: 140px;
	top: 201px;
}

div#mainMenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#mainMenu li {
	margin: 0;
	padding: 0;
	width: 105px;
	float: left;
}

div#mainMenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 600;
	text-decoration: none;
	color: #e3e3e3;
}

div#mainMenu a:hover {
	color: #fff;
	text-decoration: underline;
}


/**********************************************************************************************************************
* Left Column
**********************************************************************************************************************/
div#bodyWrapper div#leftColumn {
	margin: 0;
	padding: 0;
	width: 153px;
	float: left;
	background: #00007E;
	border-left: solid 3px #fff;
	border-bottom: solid 3px #fff;
}

div#leftColumn div.section {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
	width: 143px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #e3e3e3;
	border-left: solid 3px #f79700;
}

div.section h3 {
	color: #e3e3e3;
	font-size: 9pt;
	font-weight: normal;
}

div.section div.panelLeft {
	margin: 0;
	padding: 0;	
	width:70px;
	float: left;
	text-align: left;
}

div.section div.panelRight {
	margin: 0;
	padding: 0;	
	width:60px;
	float: left;
	text-align: right;
}


/**********************************************************************************************************************
* Right Column
**********************************************************************************************************************/
div#bodyWrapper div#rightColumn {
	margin: 0;
	padding-top: 23px;
	width: 642px;
	float: left;
	background: #fff;
	text-align: left;
	border-right: solid 2px #595858;
	border-bottom: solid 2px #595858;
}

div#rightColumn h1 {
	margin: 0;
	padding: 0;
	font-size: 13pt;
	color: #999;
}

div#rightColumn h1 .title {
	color: #f20504;
}

div#rightColumn div#heading {
	margin-left: 30px;
	width: 564px;
	height: 125px;
	background: #fff;
	text-align: left;
	border-bottom: dotted 1px #999;
}

div#rightColumn div#servicesHeading {
	margin-left: 30px;
	width: 564px;
	height: 100px;
	background: #fff;
	text-align: left;
	border-bottom: dotted 1px #999;
}

div#rightColumn div.bodyRow {
	margin-left: 30px;
	width: 564px;
	height: 100px;
	background: #fff;
	text-align: left;
	border-bottom: solid 1px #999;
}

div#rightColumn div#bodyRowDotted {
	margin-left: 30px;
	margin-bottom: 20px;
	width: 564px;
	background: #fff;
	text-align: left;
	border-bottom: dotted 1px #999;
}

div#bodyRowDotted div.bodyColumnLeft {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 282px;
	background: #fff;
	text-align: left;
	float: left;
}

div#bodyRowDotted div.bodyColumnRight {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 262px;
	background: #fff;
	text-align: left;
	float: left;
}

div#bodyRowDotted div.bodyColumnLeftDotted {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	width: 271px;
	background: #fff;
	text-align: left;
	float: left;
	border-right: dotted 1px #999;
}

div#rightColumn ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#rightColumn ul li {
	margin-bottom: 3px;
}

.orange {
	color: #f79700;
}

.red {
	color: #f20504;
}

/**********************************************************************************************************************
* Footer
**********************************************************************************************************************/
div#rightColumn div#footerWrapper {
	margin-left: 30px;
	width: 564px;
	background: #fff;
	text-align: left;
	border-bottom: solid 3px #00007E;
}

div#footerWrapper div#footerColumnLeft {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 282px;
	background: #fff;
	text-align: left;
	float: left;
	color: #aaa;
}

div#footerWrapper div#footerColumnRight {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 262px;
	background: #fff;
	text-align: right;
	float: left;
}

div#footerColumnRight a {
	color: #aaa;
	text-decoration: none;
}

div#footerColumnRight a:hover {
	color: #F79700;
	text-decoration: underline;
}