/*CSS Reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, strong, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }



body { background-color: #f5f5f5; }

h1 { font-weight: bold; font-size: 14px; font-family: Helvetica, Verdana, Arial, sans-serif; }

h2 { font-size: 16px; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }

h3 { margin-top: 15px; margin-bottom: 15px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 16px; }h4 { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 16px; }h5 { margin-bottom: 15px; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 18px; text-decoration: underline; font-weight: bold; }

h6 { font-size: 12px; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; }

p { line-height: 18px; color: #333; text-align: justify; font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; }

#content { margin-right: auto; margin-left: auto; width: 960px; }

#namebanner { padding-top: 10px; display: block; margin-right: auto; margin-left: auto; height: 28px; width: 590px; }

#header { padding-right: 0px; padding-left: 0px; padding-top: 0px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 5px; float: left; display: block; width: 1000px; margin-right: auto; margin-left: auto;}

.logo { margin-top: 10px; margin-left: 416px; height: 128px; width: 128px; }

#header img { margin-right: auto; margin-left: auto; display: block; height: 180px; width: 180px; }

ul#navlist { font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin-left: 45px; width: 960px; float: left; padding-top: 15px; }   

ul#navlist li { font-family: "Lucida Grande", Verdana, Arial, sans-serif; margin-left: 7px; float: left; padding-bottom: 10px; padding-top: 0; margin-right: 7px; margin-bottom: 0px; margin-top: 0px; background-repeat: no-repeat; text-align: center; }

ul#navlist li a { background-color: #4b4b4b; font-family: "Lucida Grande", Verdana, Arial, sans-serif; width: 145px; font-size: 15px; padding-left: 9px; padding-right: 7px; padding-top: 7px; display: block; color: white; text-decoration: none; height: 28px; text-shadow: 0px 0px 0px; }

ul#navlist li a:hover { background-color: #1b3654; font-family: "Lucida Grande", Verdana, Arial, sans-serif; width: 145px; font-size: 15px; padding-left: 9px; padding-right: 7px; padding-top: 7px; display: block; color: white; text-decoration: none; height: 28px; text-shadow: 0px 0px 0px; }

#billboard { margin-bottom: 15px; border-color: white; border-width: 5px; border-style: solid; float: left; height: 375px; width: 960px; }

#headlines_home { margin-bottom: 10px; margin-top: 10px; float: left; width: 1000px; background-repeat: repeat;}

#headlines_programs { padding-bottom: 10px; float: left; width: 1000px; background-repeat: repeat;}

#headlines_proshop { margin-bottom: 10px; margin-top: 10px; float: left; width: 960px; background-repeat: repeat;}

.front_box_content_home { line-height: 18px; margin-right: 30px; width: 300px; float: left; }

.front_box_content_programs { line-height: 18px; padding-bottom: 15px; width: 960px; float: left; }

#front_box_content_proshop { margin: 5px; width: 500px; float: left; }

#front_box_content_proshop ul li { margin: 10px; float: left; }

#promos { margin-bottom: 15px; margin-top: 15px; float: left; width: 980px; }

#Pleft a {padding: 0px; margin-left: 0px; margin-bottom: 0px; margin-top: 0px; text-decoration: none; margin-right: 50px; border-color: #dddddd; border-width: 1px; border-style: solid; float: left; height: 141px; width: 453px;background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #f0f0f0 0%,#ffffff 100%);}

#Pleft a:hover {background-color: white; text-decoration: none; margin-right: 50px; border-color: #dddddd; border-width: 1px; border-style: solid; float: left; height: 141px; width: 453px;}

#proshopman {float: left; margin-right: 50px; margin-top: 13px; margin-left: 50px;}

#proshoptag {margin-top: 15px;}

#Pleft p {padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; text-align: left; margin-top: 10px; width: 400px;}

#Pright a { padding: 0px; margin: 0px; text-decoration: none; border-color: #dddddd; border-width: 1px; border-style: solid; float: left; height: 141px; width: 453px;background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, #f0f0f0 0%,#ffffff 100%);}

#facebook {margin-top: 15px; margin-right: 106px; margin-left: 106px;}

#Pright p {padding: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; margin-top: 5px; text-decoration: none; text-align: center;}

#footer{ padding-top: 0px; padding-bottom: 0px; margin-right: auto; margin-left: auto; font-family: Helvetica, Verdana, Arial, sans-serif; float: left; font-size: 10px; text-align: center; width: 960px; }

#footer_info{ font-size: 10px; padding-bottom: 4px; padding-top: 4px; float: left; width: 960px; border-bottom-style: solid; border-top-style: solid; border-bottom-color: #333333; border-top-color: #333333; border-bottom-width: 1px; border-top-width: 1px; }

p.left{ font-size: 11px; color: #333333; float: left; }

p.left a{ color: #333333; }

ul.right{ float: right; }

ul.right li{ display: inline; float: left; }

ul.right li a{ font-size: 11px; color: #333333; padding-left: 1em; }

#copyright{ float: left; padding-bottom: 10px; font-size: 11px; margin-top: 6px; padding-top: 3px; text-align: center; margin-right: auto; margin-left: auto; width: 960px; }

#copyright p{ margin-left: 0px; margin-bottom: 5px; margin-right: 0px; margin-top: 0px; padding: 0px; font-size: 11px; text-align: center; }

#copyright a{ text-decoration: none; color: black; padding-bottom: 10px; font-size: 11px; padding-top: 5px; text-align: center; margin-right: auto; margin-left: auto; width: 960px; }

#billboard_program{ margin-bottom: 15px; float: left; border-color: #dedede; border-width: 1px; border-style: solid; width: 960px; }

#front_box_content_programs h1 { line-height: 1.3em; margin-bottom: 0.2em; font-style: normal; font-weight: normal; font-size: 1.6em; }

#front_box_content_programs h2 { margin-bottom: 0.2em; font-style: normal; font-weight: normal; font-size: 16px; }

#schoolcalender { margin-top: 50px; margin-right: auto; margin-left: auto; float: left; width: 593px; }

#weekview { margin-top: 15px; border-top-color: #b3b3b3; border-top-width: 2px; border-top-style: solid; width: 593px; }

#monday { margin-top: 15px; width: 575px; border-top-color: #b3b3b3; border-top-width: 2px; border-top-style: solid; float: left; padding-bottom: 10px; }

#tuesday { padding-bottom: 10px; float: left; }

#wednesday { float: left; padding-bottom: 10px; }

#thursday { float: left; padding-bottom: 10px; }

#friday { float: left; padding-bottom: 10px; }

#saturday { float: left; padding-bottom: 10px; }

#sunday { float: left; padding-bottom: 10px; }

.bluebox { float: left; height: 35px; background-color: #dee4ea; width: 575px; }

.bluebox p.time { margin-left: 5px; float: left; margin-bottom: 15px; margin-right: 15px; margin-top: 10px; }

.bluebox p.class { float: left; margin-left: 50px; margin-bottom: 15px; margin-right: 15px; margin-top: 10px; }

.whitebox { float: left; height: 35px; background-color: #f5f5f5; width: 575px; }

.whitebox p.time { margin-left: 5px; float: left; margin-bottom: 15px; margin-right: 15px; margin-top: 10px; }

.whitebox p.class { float: left; margin-left: 50px; margin-bottom: 15px; margin-right: 15px; margin-top: 10px; }

#schedule_sidebar { width: 350px; padding-top: 60px; float: right; }

#schedule_sidebar .box { padding-bottom: 18px; background-color: #eeeeee; }

#schedule_sidebar .box h3 { padding-left: 10px; padding-bottom: 12px; color: #4d4d4d; font-size: 16px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; background-repeat: repeat-x; background-image: url(./images/sidebar_bg.gif); text-align: left; margin-bottom: 2px; padding-right: 15px; padding-top: 12px; border-bottom-color: #cfcfcf; border-bottom-width: 1px; border-bottom-style: solid; background-color: #e6e6e6; }

#schedule_sidebar .box p { line-height: 20px; padding-left: 10px; font-size: 12px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; background-repeat: repeat-x; text-align: center; margin-bottom: 2px; padding-right: 15px; padding-top: 12px; }

#headlines_contact { padding-bottom: 10px; float: left; width: 980px; background-repeat: repeat; padding-top: 10px;}

.contact-separator { margin-top: 15px; margin-right: 35px; margin-left: 35px; border-right-color: #7f7f7f; border-right-width: 1px; border-right-style: solid; float: left; width: 10px; height: 525px; }

#contact-left { float: left; width: 425px; }

#contact-right { float: left; width: 440px; }

.map { padding-top: 5px; padding-bottom: 15px; }

#headlines_proshop { margin-left: 20px; font-size: 14px; text-align: center; }

#headlines_proshop h3 { margin: 15px; font-size: 14px; text-align: center; }

#gis { padding: 20px; }

#belts { padding: 20px; }

#sparringgear { padding: 20px; }

#shoes { padding: 20px; }

#weapons { padding: 20px; }

.bah { margin-bottom: 15px; float: left; margin-right: 3px; border-color: #dbdbdb; border-width: 1px; border-style: solid; }

.divider { margin-bottom: 20px; margin-top: 20px; background-color: #b3b3b3; height: 2px; display: block; margin-right: 80px; margin-left: 80px; float: left; width: 800px; }

#contact p, label, legend { font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; }

#contact { margin-left: auto; margin-right: auto; display: block; width: 440px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 14px;}
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;}   
#contact input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; background:#4b4b4b; color:#fff; }
#contact input.submit:hover { background:#009900; }
#contact input[type="submit"][disabled] { background:#888888; }
#contact fieldset { padding:20px;}
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { padding-left: 10px; padding-bottom: 3px; padding-right: 10px; padding-top: 3px; width: 300px; display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px center; color:#8a1f11;border: 2px solid red; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; }

acronym { border-bottom:1px dotted #ccc; }