a:link { text-decoration: none; color : #707070; border: 0px; }
a:visited { text-decoration: none; color : #707070; border: 0px; }
a:hover	{ text-decoration: none; color : #aa2121; border: 0px; } 
a:focus { outline: none;}

hr { border-bottom: solid 1px #2e2e2e; margin: 5px 0 5px 0; }
small {font-size:8pt;}
input,textarea { border:1px solid #4d0000; color: #000; background:#FFF; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:10pt;} 

h1 {font-size:16pt; font-weight:bold; color:#000; }
h2 {font-size:14pt; font-family: Times New Roman, Times, serif; font-weight:bold; color:#5c7718; }
h3 {font-size:10pt; font-weight:normal; text-decoration: underline;}

/* ---------------------------------- PAGESETUP ---------------------------------- */

html,body { background-color: #ebebeb; text-align: center; font-family: Arial, Helvetica, Verdana, sans-serif; font-size:9pt; line-height:16pt; color:#000; margin:0 auto; width:100%; }

#wrapper { width: 800px; margin-left: auto; margin-right: auto; text-align: left; }
#header { background:url(img/header.jpg) center no-repeat; width: 800px; height:300px;}

#mainContainer {width:800px; height:100%; margin-top:20px; margin-bottom:20px;}
#contentContainer {width:600px; float:right;}
#content { padding:20px;}
#sidebar { width:200px; float:left; padding-top: 20px; font-size:16pt; font-weight:bold;}

#sidebar ul { list-style-type: none; padding-left: 0; margin-left: 0; padding-left:20px; }
#sidebar li { background: url(img/bullet.png) left center no-repeat; padding-left: 25px; border-bottom: 1px solid #eee; margin:5px 0 10px 0; }


#menu {list-style: none; padding: 0; margin: 0; position: relative;}
#menu span { display: none; position: absolute; }
#menu a {display: block; text-indent: -900%; position: absolute; outline: none;}
#menu a:hover {background-position: left bottom; }
#menu a:hover span { display: block; }
#menu .about {width: 63px; height: 13px; background: url(img/about.gif) no-repeat;}
#menu .about span { width: 86px; height: 14px; background: url(images/home-over.gif) no-repeat;}
#menu .events {width: 47px; height: 12px; background: url(img/events.gif) no-repeat;}
#menu .events span { width: 47px; height: 12px; background: url(images/home-over.gif) no-repeat;}
#menu .equipment {width: 76x; height: 16px; background: url(img/events.gif) no-repeat;}
#menu .equipment span { width: 76px; height: 16px; background: url(images/home-over.gif) no-repeat;}

#footerContainers { width:100%; overflow: hidden; position: relative;}

.events img {border: 1px solid #e8d766; padding:5px; }
.events img:hover {border: 1px solid #aa2121; padding:5px; background-color:#aa2121; }

/* ---------------------------------- TESTIMONAL ---------------------------------- */

#testimonials {width:800px;} 
#testimonialTitle { width:200px; float:left; background:url(img/clientTestimonials.jpg) center no-repeat; padding-top:15px;}

/* set background images for corners */
.testimonials { background: url(simple_background.gif) repeat; background-color:#e8d766;}
.testimonialsTop div  { background: url(img/yellow_topLeft.jpg) no-repeat top left; }
.testimonialsTop      { background: url(img/yellow_topRight.jpg) no-repeat top right; }
.testimonialsBot div  { background: url(img/yellow_botLeft.jpg) no-repeat bottom left; }
.testimonialsBot      { background: url(img/yellow_botRight.jpg) no-repeat bottom right; }

 /* height and width details */
.testimonialsTop div, .testimonialsTop, .testimonialsBot div, .testimonialsBot { width: 100%; height: 15px; font-size: 1px;}

.testimonialsContent  { margin: 0 15px; padding:15px; background-color: #e8d766; color:#000;}
.testimonials { width: 800px; margin: auto; margin-bottom:10px; }

/* ---------------------------------- CONTACT ---------------------------------- */

/* set background images for corners */
.contact { background: url(simple_background.gif) repeat; background-color:#aa2121;}
.contactTop div  { background: url(img/red_topLeft.jpg) no-repeat top left; }
.contactTop      { background: url(img/red_topRight.jpg) no-repeat top right; }
.contactBot div  { background: url(img/red_botLeft.jpg) no-repeat bottom left; }
.contactBot      { background: url(img/red_botRight.jpg) no-repeat bottom right; }

 /* height and width details */
.contactTop div, .contactTop, .contactBot div, .contactBot { width: 100%; height: 15px; font-size: 1px;}

.contactContent  { margin: 0 15px; padding:15px; background-color: #aa2121; color:#FFF;}
.contact { width: 800px; margin: auto; overflow: hidden;}

#msg {float: left;width: 195px;}
#address { float: left; width: 290px;}
#phone { float: right;width: 275px;}

/* ---------------------------------- FOOTER ---------------------------------- */

#footer { color:#000; margin:0 0 20px 0; width:100%; height: 40px; overflow: hidden; position: relative;}
#footer[id] {display: table; position: static;}
#middle {position: absolute; top: 50%; text-align: center;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}
#inner {position: relative; top: -50%; width:800px; margin-left: auto; margin-right: auto;} /* for explorer only */
/* optional: #inner[id] {position: static;} */