/*Joes Cycle Styles */

body { text-align: center; font-family:Calibri; font-size: 16; background-color: #cccccc; color:white;}
.bodywrapper { margin: -10px auto; width: 80%; background-color: #ffffff; background-image: url('images/slatebg.png');min-height:1000px; }
#header { min-height: 150px; padding:10px 20px;  }
#logo, .logo { float: left;padding-top:8px; }
.CenterContent{background-color:black;min-height:500px; overflow:auto;padding-top:2%;padding-right:10px;}
.homeContent{text-align:center;}
#homeImage, .homeImage { width: 100%; height: 100%;margin:0px auto; max-height:500px}
#courseMap, .courseMap { width: 100%; height: 100%; }
.divRegLink { margin-top: 20px; }
.divRegLink a { background-image: url('images/button1.gif'); background-repeat: no-repeat; display: block; margin: 0px auto; width: 250px; height: 60px; }
.tagLine { vertical-align: bottom; float: left; }
.homeTop { font-weight: bold; margin-bottom: 10px; }
#headertext { color:red;float: right; text-align: right; font-size: medium;font-weight:bold; }
#headertext a { color: black; line-height: 1.5; margin: 10px 0px 0px 7px; }
#headertext a:hover { color: white; }
.headerLinks { margin-top: 5px; }
/*#LeftSideMenu { float: left; width: 25%; border-right: 1px solid #5d5553; text-align: right; clear: both; }
#LeftSideMenu ul { list-style-type: none; margin: 0; padding: 0; }
#LeftSideMenu ul li { margin: 10px; border-bottom: solid 1px #5D5553; }
#LeftSideMenu ul li a, #LeftSideMenu ul li a:visited { text-decoration: none; color: white; }
#LeftSideMenu ul li a:hover { color: #8899bb; }
*/
.menuitem{font-size:x-large;margin-left:10px;}
#LeftSideMenu{float:left;width:20%}
#LeftSideMenu a:link,#LeftSideMenu a:active,
#LeftSideMenu a:visited{text-decoration:none;color:white;display:block;padding-top:8px;
background:url('images/redbutton.jpg') no-repeat top left;background-repeat:no-repeat;width:250px;height:50px;}
#LeftSideMenu a:hover{color:black;background-image:url('images/silverbutton.jpg');}
#usefulLinks{padding-left:20px;}
#usefulLinks a:link,#usefulLinks a:active,
#usefulLinks a:visited{text-decoration:none;color:white;display:block;padding-top:4px;
background:url('images/smallbutton.jpg') no-repeat top left;background-repeat:no-repeat;width:150px;height:30px;}
#usefulLinks a:hover{color:black;background-image:url('images/smallsilverbutton.jpg');}
#ContentPane { float: right; width: 72%; text-align: left; }
#ContentPane h3{text-align:center;}
.divServices { text-align: left; min-height: 75px; clear: both; }
.divBlogContent { text-align: left; }
.contactPane { padding-left: 10%; text-align: left; max-width: 500px; }
.contactFooter { width: 100%; }
.Captcha { text-align: left; }
#footer { clear: both; text-align: center; padding-top: 40px;color:white; font-size:small;}
#footer .footerLinks{color:Black;}
.divCourseDescription ol li { text-align: left; }
.facilityImage { width: 60%; max-width: 800px; float: right; margin-left: 10px; }
.boardImage { width: 100%; }
.divDirections { text-align: left; }
.divGoogleMap { width: 100%; height: 600px; }
.imgJoesGirlLeft{float:left;}
.imgJoesGirlRight{float:right;}
.divCenterImages{background-color:Black;width:100%;height:60px;}


/*injection page */
.divInjection{padding:0px 20px;}
.divInjectionImages{text-align:center;}
.imgInjection{max-width:300px;margin:15px 15px;}

/*Contact Page*/
.contactLine{margin-bottom:10px;}
.contactLine input{width:200px;}

/* Dyno Reports Page*/
.divSponsor {display:inline-block; width:200px;height:150px;padding: 10px 8px; margin: 5px;  border: 1px solid #CCC;box-shadow: 0px 2px 3px #DDD; border-radius: 5px;float:left;}
.divSponsor h2{text-align:center;}
.divSponsor a{text-decoration:none;color:white;}
.imgSponsor{width:100%;max-width:200px;max-height:150px;}
.imgSponsorbpi{width:100%;max-width:337px;}
#aboutImage{float:right;margin:0px 10px 10px 15px;}


/*Mobile Compatibility Area */
@media screen and (max-width:1200px){
    #header { margin-bottom: 20px; }
    #LeftSideMenu{float:none;width:100%;text-align:center;}
    #usefulLinks{float:none;width:100%;text-align:center;padding-left:0px;}
    .externalLink{margin:0px auto;width:150px;}
    .menuitem{margin:0px auto;width:250px;}
    .CenterContent{padding-right:0px;}
    }
@media screen and (max-width:1005px) {
     #LeftSideMenu, #ContentPane { margin-top: 25px; width: 100%; float: none;padding:0px; }
    #headertext { float: none; text-align: center; width: 100%; }
}

@media screen and (max-width:680px) {
    #logo, .logo{ float: none; width: 100%; }
}

@media screen and (max-width:575px) {
    #logo, .logo { float: none; width: 100%; }
    #aboutImage{float:none;width:100%;margin:0px;}
    #header { min-height: 80px; }
    #wrapper { border-width: 10px; }
    .facilityImage { width: 100%; float: none; display: block; }
}