body {
	font: normal 80%/normal Verdana, Arial, Helvetica, sans-serif;
	background: #f0f1f3 url("main_bg.jpg") top left repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}

body a { outline: none; }

/*.home { background: #fff url("..images/jessicaskiing_bg.jpg") top right no-repeat; }*/

/* GLOBAL STYLES */
/* images */
img.logo { float: left; width: 160px; margin-left: 10px; }
img.portrait { float: right; width: 200; margin: 0 0 20px 20px; padding: 0; }

/* fonts */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.yellow { color: #ffff99; }
.purple { color:#990099; font-weight: 600; }
.orange {color: #D84D08; };
.signature { color:#003399; font: Harlow Solid Italic; font-size: 170%; }
.strikethrough { text-decoration: line-through; color: red; font-weight: bold; }
.small { font-style: italic; font-size: 80%; color: #000; }

/* headers */
h1 { margin: 0 0 10px 0; padding: 0; font-weight: 400; font-size: 175%; }
h1.title { margin: 0 0 5px 0; padding: 0; font-weight: 400; font-size: 175%; }
h2 { margin: 15px 0 0 0; padding: 0; font-size: 120%; color: #D84D08; }
h2.subtitle { margin: 0 0 15px 0; padding: 0; font-weight: 400; font-size: 140%; color:#000000; }
h3 { margin: 5px 0 0 0; padding: 0; font-size: 100%; }
h4 { margin: 5px 0 0 0; padding: 0; font-size: 100%; font-style:italic; font-weight: 400; }

/* paragraphs */
p { margin: 0 0 10px 0; padding: 0; }
p.narrow { margin: 0 100px 10px 0; padding: 0; }
p.intro { margin: 20px 40px 0 65px padding: 0; }
p.close { margin: -10px 0 10px 0; padding: 0; }
p.first { margin-top: 10px; }
p.play { margin-top: 50px; margin-bottom: 0; color: #2A8E38; font-weight: 600; font-style: italic; font-size: 95%; line-height: 20px; }
p.sheehan { margin: 0 10px 10px 550px; color: #2A8E38; font-weight: normal; font-style: italic; font-size: 80%; }
p.letter { margin: 20px 200px 0 35px; font-weight:600; font:Times New Roman, Times, serif; font-size: 120%; color:#003399; }
p.questions { margin: 20px 260px 0 35px; font-weight:500; font-style:italic; font:Times New Roman, Times, serif; font-size: 120%; color:#003399; }
p.testimonial { background-color:#FFFF99; margin: 10px; padding: 10px; }

/* lists */
#mainContent ul { margin: 5px 10px 5px 20px; padding: 0; list-style-type: square; }
#mainContent ul li { margin: 0; padding: 0 0 5px 0; }

/* links */
#mainContent a:link { color: #0033cc; }
#mainContent a:hover { color: #333; }

/* tables */
#mainContent table {  width: 600px; }
#mainContent th { color: #D84D08; }
#mainContent tr { vertical-align: top; }
#mainContent td { vertical-align: top; }
table.specials { width: 400 px; }
td.specials { text-align: center; }
th.specials { text-align: center; }

/* banner */
#header { background-color: #28903b; }

/* topnav */
ul#topnav { clear: left; margin: 0; padding: 5px 0; background-color: #151714; }
ul#topnav li { display: inline; margin: 0; padding: 0 20px;}
ul#topnav a { color: #fff; text-decoration: none; font-size: 110%; }
ul#topnav a:hover { color: #ffff99; }
body#story ul#topnav li.about a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#qualify ul#topnav li.about a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#outside ul#topnav li.about a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#highlights ul#topnav li.about a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#strengths ul#topnav li.about a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#clinics ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#patch ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#painfree ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#skiworkshop ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#skiconditioning ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#cyclingfitness ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#videorunningclinic ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#mtbclinic ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#runningclass ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#resolutiongroup ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#resolutionteleclass ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#trainingsecrets ul#topnav li.events a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#contact ul#topnav li.contact a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#free ul#topnav li.free a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#eventtraining ul#topnav li.specials a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#AMtraining ul#topnav li.specials a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#posture ul#topnav li.services a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#sports ul#topnav li.services a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#training ul#topnav li.services a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#lessons ul#topnav li.services a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#wellness ul#topnav li.services a { background-color: #ccc; color: #000; border: 5px solid #ccc; }
body#composition ul#topnav li.services a { background-color: #ccc; color: #000; border: 5px solid #ccc; }

/* SUBNAV */
ul#subnav { clear: left; margin: 0; padding: 5px;  background-color: #ccc; font-style: italic; }
ul#subnav li { display: inline; margin: 0; padding: 0 10px; }
ul#subnav li.firstitem { padding-left: 25px; }
ul#subnav a { color: #000; text-decoration: none; }
ul#subnav a:hover { color: #28903B; }
body#story ul#subnav li.story a { color: #28903B; }
body#qualify ul#subnav li.qualify a { color: #28903B; }
body#outside ul#subnav li.outside a { color: #28903B; }
body#highlights ul#subnav li.highlights a { color: #28903B; }
body#strengths ul#subnav li.strengths a { color: #28903B; }
body#clinics ul#subnav li.clinics a { color: #28903B; }
body#patch ul#subnav li.patch a { color: #28903B; }
body#painfree ul#subnav li.painfree a { color: #28903B; }
body#skiworkshop ul#subnav li.skiworkshop a { color: #28903B; }
body#skiconditioning ul#subnav li.skiconditioning a { color: #28903B; }
body#cyclingfitness ul#subnav li.cyclingfitness a { color: #28903B; }
body#videorunningclinic ul#subnav li.videorunningclinic a { color: #28903B; }
body#mtbclinic ul#subnav li.mtbclinic a { color: #28903B; }
body#runningclass ul#subnav li.runningclass a { color: #28903B; }
body#painfree ul#subnav li.painfree a { color: #28903B; }
body#resolutiongroup ul#subnav li.resolutiongroup a { color: #28903B; }
body#resolutionteleclass ul#subnav li.resolutionteleclass a { color: #28903B; }
body#trainingsecrets ul#subnav li.trainingsecrets a { color: #28903B; }
body#posture ul#subnav li.posture a { color: #28903B; }
body#sports ul#subnav li.sports a { color: #28903B; }
body#training ul#subnav li.training a { color: #28903B; }
body#lessons ul#subnav li.lessons a { color: #28903B; }
body#wellness ul#subnav li.wellness a { color: #28903B; }
body#composition ul#subnav li.composition a { color: #28903B; }
body#eventtraining ul#subnav li.eventtraining a { color: #28903B; }
body#AMtraining ul#subnav li.AMtraining a { color: #28903B; }

/* ALL PAGES CONTENT AREA */
#container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */	
	background: #fff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #ccc;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#mainContent { 
	margin: 0 0 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 20px 30px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

/* #mainContent.biking, #mainContent.handstand_sm { height: 530px; } */
#mainContent.running { height: 350px; }
#mainContent.sky { height: 400px; padding-top: 40px; }

/* background images */
.running { background: transparent url("../images/running.jpg") top left no-repeat; }
.skiing { background: transparent url("../images/skiing.jpg") top left no-repeat; }
.biking { background: transparent url("../images/biking.jpg") top left no-repeat; }
.handstand { background: transparent url("../images/handstand.jpg") top left no-repeat; }
.handstand_sm { background: transparent url("../images/handstand_sm.jpg") top left no-repeat; }
.sky { background: transparent url("../images/sky.jpg") top left no-repeat; }
.biking2 { background: transparent url("../images/biking2.jpg") top left no-repeat; }

/* form */
div#connect { float: right; width: 260px; margin: 0 0 0 0; padding: 0; }
div#connect h3.connected { margin-bottom: 5px; margin-left: 5px; color: #ffff99; font-size: 120%; font-style: italic; font-weight: normal; }
div#connect p.connected { color: #fff; margin-left: 5px; margin-right: 5px; font-size: 95%; }
div#connect a:link, div#connect a:visited { color: #ffff99; }
div#connect a:hover { color: #fff; }
div#connect table { margin: 0; padding:0; }
div#connect td, tr { margin: 0; padding:0; }
p.privacy { font-style: italic; font-size: 85%; color: #000; margin-left: 5px; margin-right: 5px; }

/* FOOTERS */
#footer { margin: 0; padding: 5px 0; background-color: #ccc; color: #002859; font-size: 90%; font-weight: bold; text-align: center; }
#footer li { display: inline; margin: 0; padding: 0 20px; color: #002859; text-decoration: none; }
#footer a { color: #002859; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

form { margin-right: 10px; }