@charset "utf-8";
/* CSS Document */
/* Determines how website is displayed on a standard screen. */

/*----------- Color Scheme -----------*/
/*									  */
/*   Content Background               */
/*      Light Gray: #e7e7e7           */
/*   Site Background                  */
/*		Dark Gray: #1d1d1d			  */
/*   Main Body Text                   */
/*     Crimson/Burgundy: #790b1d      */
/*   Footer Links, Link Hover on Body */
/*      Deep Teal: #038fad            */
/*   Footer Link Hover                */
/*       Gold: #dfbd4a                */
/*									  */
/*----------- Accent Colors ----------*/
/*									  */
/*	 Teal: #14abc9			  		  */
/*   Light Yellow: #fdea94			  */
/*   Dark Crimson: #641a1b            */
/*   Goldenrod: #bc9e3b               */
/*	 Medium Gray: #c4c4c4			  */
/*									  */
/*------------------------------------*/

/*------------------------- Document Structure -------------------------*/
/*		Universal Reset													*/
/*			-This serves to erase default browser behavior.				*/
/*																		*/
/*		Body															*/
/*			-General default colors, fonts for entrire site				*/
/*																		*/
/*		Container														*/
/*			-Container holds entire site. Set to 100% width				*/
/*																		*/
/*		Header															*/
/*			-Background of navigation bar. Stretches as site expands	*/
/*																		*/
/*		Navigation														*/
/*			-Home, Services, Programs, Shop & About links				*/
/*																		*/
/*		Search Bar														*/
/*			-'Ticking Clock' script, search form						*/
/*																		*/
/*		Content															*/
/*			-Main body content on page									*/
/*			General Tag Styling (h1, h2, p, ul, etc)					*/
/*			Tooltip Styling (hover effect with text pop-up or image)	*/
/*			Slideshow on Homepage										*/
/*			Introduction paragraph on homepage							*/
/*			Buttons on homepage											*/
/*																		*/
/*		Footer															*/
/*			-Contact information & site map at bottom of site			*/
/*			Contact Information											*/
/*			Copyright													*/
/*			Sitemap														*/
/*			Twitter														*/
/*																		*/
/*----------------------------------------------------------------------*/

/* Universal reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding:0;
}

/* All constants for the body tag go here */
body {background: #1d1d1d; color: #790b1d; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;}
body a{color: #000;}
body a:visited{color: #444;}
body a:hover{color: #038fad;}

/* CONTAINER 'contains' all body elements and keeps them together */
#container {height: auto; position: relative; width: 100%; margin-top: -15px;}

/* HEADER extends out to left and right of screen, contains navigation buttons */
#header {background: url(/_includes/images/headerBG.png) repeat-x top center; height: 205px; margin: 0 auto; padding: 0; width: 100%;}

/* NAVIGATION */
#nav {width: 1150px; height: 205px; background: url(/_includes/images/nav.png) no-repeat top center; margin: 0; padding: 0; position: relative; margin-left: -655px; left: 50%;}
#nav ul {list-style: none; margin: 0; padding: 0;}
#nav ul li {display: inline; padding:0; margin:0;}
#nav ul li a {display: block; float: left; margin-top: 18px; height: 115px;}
#nav ul li a span {display: none;}

/* NAVIGATION hover effects */
#nav ul li.home a{background: url(/_includes/images/jda.png) no-repeat top left; width: 320px; height: 160px; margin-left: 170px; margin-top: 22px; background-position: -11px 8px;}
#nav ul li.services a {width: 153px; margin-left: 14px;}
#nav ul li.programs a {width: 153px; margin-left: 12px;}
#nav ul li.shop a {width: 140px; margin-left: 11px;}
#nav ul li.about a {width: 140px; margin-left: 5px;}

#nav ul li a:hover {background: url(/_includes/images/nav.png) no-repeat top center;}
#nav ul li.home a:hover {background: url(/_includes/images/jda.png) no-repeat top left; background-position: -11px -200px;}
#nav ul li.services a:hover {background-position: -472px -226px;}
#nav ul li.programs a:hover {background-position: -637px -226px;}
#nav ul li.shop a:hover {background-position: -801px -226px;}
#nav ul li.about a:hover {background-position: -946px -226px;}

/* SEARCH bar */
#search {position: absolute; top: 133px; z-index: 20; color: #000; margin-left: -24px; left: 50%; padding: 0;}
#search #tickingClock {color: #FFF; position: absolute; top: 8px; left: -25px; font-size: 12px; z-index: 500;}
#search input.textbox {background-color: transparent; border: none; color: #777; margin-left: 196px; margin-top: 7px;}
#search input.textbox:focus{color: #000; font-style: normal;}
#search button {background: url(/_includes/images/search.jpg) no-repeat top left; width: 72px; height: 27px; display: block; border: none; margin-left: 407px; margin-top: -22px; padding: 0px; font-size: 15px; color: #FFF;}
#search button:hover {background: url(/_includes/images/search.jpg) no-repeat top left; color: #000; background-position: 0 -28px;}

/* CONTENT is the main body content on the page, ContentBG just fills in the background color to 100% width of user's screen */
#contentBG {background: #e7e7e7; width: 100%; height: auto; padding: 0; margin: 0; position: relative; float: left;}
#content {width: 972px; height: auto; margin: 0 auto; padding-bottom: 30px; padding-left: 17px;}

/* Content -- General constants */
#content h1{padding-bottom: 7px; line-height: 35px; font-size: 31px; font-weight: bold; font-weight: normal; width: 510px; margin: 0 auto; text-align: center;}
#content h2{font-size: 20px; padding: 10px 5px 10px 0; text-align: center; color: #e7e7e7; background: #790b1d; margin: 0 15px 10px 0;}
#content h3{font-size: 25px; text-align: left; padding: 10px 0;}
#content img{display: inline-block;}
#content img.right{display: inline; position: relative; float: right; clear: both; right: 15px; margin-left: 30px;}
#content img.left{display: inline; position: relative; float: left; clear: both; margin: 10px 10px 0 0;}
#content p{margin: 0; padding: 10px; font-size: 14px; line-height: 25px;}
#content a img{border: 0;}
#content ul{list-style: none; margin: 0 auto; width: 425px; line-height: 25px; margin-bottom: 20px;}
#content ul li{display: block;}

#content table{border-collapse: collapse; margin: 0 auto; margin-bottom: 20px; width: 910px;}
#content table tr{border-bottom: 1px solid #c4c4c4; font-size: 15px;}
#content table tr:hover{background: #d2e9f1; color: #000; cursor: pointer;}
#content table tr:hover a{color: #790b1d;}
#content table tr:hover a:hover{color: #000;}
#content table tr.header{font-size: 18px; font-weight: bold; color: #000; background: #c4c4c4; cursor: auto;}
#content table tr td{padding: 10px 15px;}
#content table span{display: none;}

.center{display: block; margin: 0 auto; text-align: center;}
.excel{background: url(/_images/excel.gif) no-repeat center left; display: inline-block; padding-left: 43px; list-style: none;}
.pdf{background: url(/_images/pdf.gif) no-repeat center left; display: inline-block; padding-left: 43px;}
.word{background: url(/_images/word.gif) no-repeat center left; display: inline-block; padding-left: 43px;}
.arrow{background: url(/_includes/images/arrow.gif) no-repeat center left; padding-left: 40px; height: 26px; display: inline-block;}

.bullet{list-style: disc; margin-left: 15px;}

/* 'Tooltip' rollovers -- these appear on some links/images when you hover over them to provide more information or a preview */
#tooltip{position: absolute; border: 1px solid #333; background: #e7e7e7; padding: 2px 5px; color: #333; display: none; z-index: 500;}
#screenshot{position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:none; color:#fff;}

/* Homepage Slideshow */
#slideshowNav{position: absolute; z-index: 300; margin-left: 331px; left: 50%; top: 1px; font-size: 11px;}
#slideshowNav a{text-decoration: none; background: #e7e7e7; padding: 3px 8px; border: 1px solid #FFF;}
#slideshowNav a:hover{background: #FFF;}
#slideshowNav a.activeSlide{background: #c4c4c4;}
#slideshow {position: relative; height: 200px; width: 925px; border: 2px solid #610916; float: left; top: -5px; left: 2px; margin-bottom: 10px; display: block; overflow: hidden;}
#slideshow a{text-decoration: none;}
#slideshow img{display: inline;}

/* Intro is main body text on homepage */
#content #intro{background: url(/_images/introbg.jpg) no-repeat top center; position: relative; float: left; margin: 0 auto; width: 650px; height: 370px;}
#content #intro h1{padding: 10px 15px; color: #790b1d; border-top: none; border-bottom: 1px solid #000; background: transparent;}
#content #intro p{padding: 10px 15px;}

/* Buttons are the Right-Hand Column of buttons on the homepage */
#content #buttons{position: relative; width: 290px; height: 400px; float: left; top: 2px; padding-left: 5px; text-align: center;}
#content #buttons img{padding: 3px 0;}
#content #buttons a{display: inline-block;}
#content #buttons a span{display: none;}
#content #buttons a.chat{background: url(/_images/buttons/chatButton.jpg) no-repeat top left; height: 120px; width: 160px; margin-left: 10px; margin-right: 35px;}
#content #buttons a.specials{}
#content #VolusionLiveChat table{width: 100px; position: relative; float: right; top: -5px; right: 10px; margin-bottom: 0;}
#content #VolusionLiveChat table tbody tr:hover{background: #e7e7e7;}
#content #VolusionLiveChat table tbody tr td{padding: 6px;}

#content #buttons a:hover.chat{background-position: 0 -120px;}
#content #buttons a.specials{background: url(/_images/buttons/specialsButton.jpg) no-repeat top left; height: 120px; width: 110px; margin-left: -29px;}
#content #buttons a:hover.specials{background-position: 0 -120px;}
#content #buttons #verisign{width: 125px; position: relative; float: left;}
#content #buttons #social{width: 160px; float: left; padding-top: 10px;}
/*#content #buttons #subscribe{display: block; width: 253px; position: relative; float: left; padding: 0; margin: 10px 0 10px 10px; background: #dadada; border: 1px solid #790b1d; padding: 7px;}
#content #buttons #subscribe p{padding: 0; margin: 0; font-weight: bold;}
#content #buttons #subscribe input{font-size: 12px; height: 25px;}*/

/* 'Learn More' Links on Services & Programs Pages */
#content .learnMore{font-size: 13px; position: relative; float: right; clear: right; width: 420px; text-align: center; margin-top: 5px; margin-bottom: 15px; padding: 0;}

/* Programs Page */
#content a.programs{background: url(/_images/programs/recognitionBanner.jpg) no-repeat top center; width: 585px; height: 175px; display:block; margin: 0 auto;}
#content a.programs span{display: none;}

/* Safety Program Page */
#content #safetyInfo{width: 400px; position: relative; float: left; clear: left;}
#content #safetyImages{width: 500px; position: relative; float: right;}
#content ul.safety{line-height: 35px; font-size: 19px; line-height: 30px;}
#content ul.safety li{list-style: disc;}
#content p.safety{width: 500px; padding-bottom: 20px;}
#content #testimonials{border: 1px solid #790b1d; width: 350px; height: 160px; padding: 15px; overflow: hidden;}
#content #testimonials p{}
#content p span.name{font-size: 20px; font-family: "Monotype Corsiva","Lucidia Calligraphy","Apple Chancery","Brush Script MT",cursive,Verdana,Arial,san-serif; padding-left: 40px;}

/* ShopJDA Page */
#content iframe#shop{width: 925px; min-height: 720px; border: none;}

/* About Page */
#content h1.about{width: auto; padding: 10px 5px; font-size: 29px;}
#content h2.about{padding: 10px; margin-bottom: 5px; width:}
#content ul.about{margin-bottom: 30px; font-size: 14px; list-style: inside disc;}
#content ul.about li{padding-left: 100px;}
#content p.about{text-align: center; font-size: 18px;}

/* Directions Page */
#content iframe.map{width: 800px; height: 300px; position: relative; left: 75px;}

/* Internal '_Admin' Page */
#content ul.admin{width: 575px; margin-bottom: 30px; line-height: 35px;}

/* FOOTER contains links at the bottom of the page */
#footer {background: url(/_includes/images/footer.png) repeat-x top center; width: 100%; position: relative; float: left; top: -13px;}

/* Contact information */
#footer #contactInfo{color: #d6d6d6; font-size: 13px; text-align: center; margin-top: 22px; height: 15px;}
#footer #contactInfo p.address{background: url(/_includes/images/envelope.gif) no-repeat center left; padding: 0 10px 0 27px; display: inline;}
#footer #contactInfo p.phone{background: url(/_includes/images/phone.gif) no-repeat center left; padding: 0 10px 0 27px; display: inline;}
#footer #contactInfo p.fax{background: url(/_includes/images/fax.gif) no-repeat center left; padding:  0 10px 0 27px; display: inline;}
#footer #contactInfo p.email{background: url(/_includes/images/email.gif) no-repeat center left; padding-left: 25px; display: inline;}
#footer #contactInfo a{color: #e7e7e7; font-weight: normal;}
#footer #contactInfo a:hover{color: #038fad;}

/* Sitemap */
#footer #sitemap{position: relative; margin-left: -455px; left: 50%; height: 150px; width: 950px; top: 18px;}
#footer ul{display: block; width: 220px; height: 125px; border-left: 1px dashed #555; position: relative; float: left; padding-left: 15px; list-style: none; padding-top: 15px;}
#footer ul li.heading{color: #999; font-size: 18px;}
#footer ul li.heading a{font-size: 18px; font-weight: bold;}
#footer ul li a{font-size: 14px; color: #038fad; padding-left: 9px;}
#footer ul li a:hover{color: #dfbd4a; border-left: 1px solid #038fad; padding-left: 8px; text-decoration: none;}

/* Twitter Feed */
#footer #twitter{background: #282828 url(/_includes/images/twitter.gif) no-repeat center left; background-position: 20px 5px; width: 910px; height: 96px; margin: 0 auto; margin-top: 20px;}
#footer #twitter a.twitter{display: inline-block; width: 130px; height: 100px; margin-left: 20px; float: left;}
#footer #twitter a span{display: none;}
#footer #twitter a:hover{border-left: none;}
#footer #twitter ul{width: 700px; border: none; height: 100px; color: #999;position: relative; float: right; padding: 15px 20px 0 0;}
#footer #twitter ul li{display: block;}
#footer #twitter ul li a{display: block; padding: 5px 0; font-size: 11px; font-style: italic;}
#footer #twitter ul li span a{display: inline; float: none; font-size: 16px; font-style: normal;}
#footer #twitter a#twitter-link{display: inline-block; position: relative; top: -45px; left: 195px; font-size: 14px; color: #038fad;}
#footer #twitter a:hover#twitter-link{color: #dfbd4a;}

/* Copyright */
#footer p.copyright{color: #999; margin: 20px 0; text-align: left; display: block; width: 700px; position: relative; margin-left: -460px; left: 50%;  font-size: 14px;}
#footer p.copyright a{color: #e7e7e7;}
#footer p.copyright a img{border: none; margin-left: 5px;}
#footer p.copyright a:hover{color: #038fad;}

/* Mini Links */
#footer #links{width: 115px; height: 30px; position: absolute; float: left; margin-left: -70px; top: 313px; left: 50%;}
#footer #links a img{border: none;}