/*

Authour: Graphic D-Signs
Author URI: http://www.GraphicD-Signs.com
Client: Middleburry Sports
Date: May 2010
Website: http://www.middleburrysports.com
Description: This is the main stylesheet for middleburry sports.

*/

@import url(reset.css);

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #231f20; background: url(../images/bg.jpg) no-repeat top; }
#container { position: relative; width: 949px; margin: 0 auto; }
p { line-height: 19px; }
a { color: #be2234; text-decoration: none; }
a:hover { color: #231f20; }

/* Header Styles */

#header { position: relative; width: 949px; height: 152px; }
#logo { position: absolute; width: 281px; height: 109px; left: 0; top: 0; background: url(../images/logo.jpg) no-repeat; top: 24px; text-indent: -9999px; }
#logo a { width: 281px; height: 109px; display: block; }
#tag { position: absolute; width: 314px; height: 152px; left: 630px; top: 0; background: url(../images/tag.jpg) no-repeat; text-indent: -9999px; }
#tag a { width: 314px; height: 152px; display: block; }

/* Navigation Styles */

#nav { position: relative; width: 949px; top: 0px; }
.navigation { position: absolute; width: 949px; margin: 0; padding: 0; list-style: none; z-index: 10000; top: 0; }
.navigation li { float: left; text-align: center; }
.navigation li a { display: block; text-indent: -9999px; vertical-align: middle; height: 42px; text-decoration: none; text-align: center; outline: none; }

/* Home Button */
.navigation li a.nav1 { width: 113px; background: url(../images/nav.jpg) no-repeat 0 0; }
.navigation li a.nav1:hover, .navigation li.active a.nav1 { background-position: 0 -42px; }

/* About Us Button */
.navigation li a.nav2 { width: 122px; background: url(../images/nav.jpg) no-repeat -113px 0; }
.navigation li a.nav2:hover, .navigation li.active a.nav2 { background-position: -113px -42px; }

/* Select Sports Button */
.navigation li a.nav3 { width: 164px; background: url(../images/nav.jpg) no-repeat -235px 0; }
.navigation li a.nav3:hover, .navigation li.active a.nav3 { background-position: -235px -42px; }

/* Join The Club Button */
.navigation li a.nav4 { width: 158px; background: url(../images/nav.jpg) no-repeat -399px 0; }
.navigation li a.nav4:hover, .navigation li.active a.nav4 { background-position: -399px -42px; }

/* Testimonials Button */
.navigation li a.nav5 { width: 160px; background: url(../images/nav.jpg) no-repeat -557px 0; }
.navigation li a.nav5:hover, .navigation li.active a.nav5 { background-position: -557px -42px; }

/* Contact Button */
.navigation li a.nav6 { width: 137px; background: url(../images/nav.jpg) no-repeat -717px 0; }
.navigation li a.nav6:hover, .navigation li.active a.nav6 { background-position: -717px -42px; }

/* Sitemap Button */
.navigation li a.nav7 { width: 94px; background: url(../images/nav.jpg) no-repeat -854px 0; }
.navigation li a.nav7:hover, .navigation li.active a.nav7 { background-position: -854px -42px; }


/* style, color and size links and headings to suit */
#nav ul li ul li span { font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; vertical-align: left; letter-spacing: .03em; color: #ffffff; display: block; margin: 0 0 0 0; padding: 8px; text-decoration: none; text-indent: 0px; list-style-type: none; list-style-position: outside; background-image: url(../images/space.jpg); background-position: right; background-repeat: no-repeat; height: 16px; }
#nav ul li ul { position: absolute; z-index: 1000; top: auto; display: none; text-align: left; text-decoration: none; list-style-type: none; padding: 0px; margin: 0px; height: 24px; width: 400px; }

div#nav span:hover { display: block; color: #b2cff3; text-decoration: none; height: 16px; margin: 0 0 0 0; padding: 8px; }
#nav ul li ul a:hover { cursor: pointer; z-index: 100; text-decoration: none; width: 100%; /* makes the list items fill the list container (ul) */ display: block; text-decoration: none; height: 16px; margin: 0; padding: 0; }
div#nav li:hover ul ul, div#nav li li:hover ul ul, div#nav li li li:hover ul ul, div#nav li li li li:hover ul ul { display: none; color: #b2cff3; }
div#nav li:hover ul, div#nav li li:hover ul, div#nav li li li:hover ul, div#nav li li li li:hover ul { display: block; color: #b2cff3; }

/* Main Banner / Flash Styles */

#flash { width: 939px; height: 315px; margin: 70px 0 0 0; }

/* Bottom Section Styles */

#bottomSection { position: relative; width: 949px; min-height: 500px; top: 20px; padding: 0 0 10px 0; }
.bottomBox { position: absolute; width: 290px; height: 14px; left: 0; top: 457px; background: url(../images/sidebarBottom.jpg) no-repeat; }

#whatsNew { position: absolute; width: 290px; height: 455px; left: 0; top: 2px; background: #ffffff; }
#whatsNew h3 { width: 290px; height: 42px; text-indent: -9999px; background: url(../images/whatsNewHeader.jpg) no-repeat; }

#yourSport { position: absolute; width: 313px; height: 142px; left: 300px; top: 0; background: url(../images/contentBoxesBg.jpg) 0 41px no-repeat; }
#yourSport p { width: 275px; margin: 0 0 0 25px; }
#yourSport h3 { width: 315px; height: 41px; text-indent: -9999px; background: url(../images/yourSportHeader.jpg) no-repeat; }

#aboutClub { position: absolute; width: 313px; height: 142px; left: 623px; top: 0; background: url(../images/contentBoxesBg.jpg) 2px 40px no-repeat; }
#aboutClub p { width: 275px; margin: 0 0 0 25px; }
#aboutClub h3 { width: 315px; height: 41px; text-indent: -9999px; background: url(../images/aboutClubHeader.jpg) no-repeat; }

#content { position: absolute; width: 635px; min-height: 305px; left: 300px; top: 145px; }
#content h3 { width: 635px; height: 64px; text-indent: -9999px; background: url(../images/buyersClubHeader.jpg) no-repeat; }
#content p { color: #375d80; font-size: 12px; padding: 0 15px 10px 10px; }

.contentMiddle { width: 625px; height: 100%; background: #fdfcfc; padding-left: 10px; }
.contentBottom { width: 635px; height: 7px; background: url(../images/contentBottom.jpg) no-repeat; }

/* Inside Page Styles */

#insideBanner { width: 939px; height: 185px; margin: 70px 0 0 0; }

#bottomSectionInner { margin: 20px 0 0 0; width: 100%; background: url(../images/innerContentBG.png) top right repeat-y; }

#moreInfo { float: left; width: 241px; }
#moreInfo h3 { width: 241px; height: 35px; background: url(../images/moreInfoHeader.jpg) no-repeat; text-indent: -9999px; }
.moreInfoBottom { position: relative; width: 241px; height: 5px; top: 449px; background: url(../images/moreInfoBottom.jpg) no-repeat; }

.innerContentHeader { position: relative; width: 685px; height: 34px; left: 252px; background: url(../images/innerContentHeader.jpg) no-repeat; }
.innerContentHeader h3 { position: relative; top: 10px; left: -205px; font-size: 12px; color: #ffffff; margin: 20px 0 0 10px; }

#innerContent { float: right; width: 683px; }
#innerContent h3 { font-size: 18px; color: #be2234; border-bottom: 1px dashed #cdcdcd; margin: 0 2em 5px 1em; padding: 15px 0 5px 0; }
#innerContent h4 { font-size: 15px; color: #747db5; margin: 1px 1px 0 22px; padding: 0; }
#innerContent p { width: 615px; margin: 0 1em 0 1em; padding: 4px 50px 9px 10px; color: #375d80; }
#innerContent li { color: #375d80;  background: url(../images/bullet.jpg) no-repeat scroll 0 12px transparent; line-height: 17px; padding: 8px 0 5px 15px; margin: 0 0 0 35px;}


.innerContentBottom { width: 683px; height: 6px; background: url(../images/innerContentBottom.jpg) no-repeat; }

.contentList ul li { padding: 0; overflow: hidden; }
.contentList li { background: url(../images/bullet.jpg) no-repeat scroll 0 12px transparent; line-height: 19px; padding: 8px 0 5px 34px; margin: 0 0 0 3em; }
.contentList li a { text-decoration: none; color: #be2234; }
.contentList li a:hover { color: #231f20; }

#clearone { clear: both; height: 1px; }
				

/* Footer Styles */

#footer { position: relative; width: 949px; height: 50px; left: -7px; top: 0; clear: both; background: url(../images/footer.jpg) no-repeat; text-indent: -9999px; }
#footerCol1 { position: absolute; width: 299px; height: 34px; left: 8px; top: 5px; background: url(../images/footerAddress.jpg) no-repeat; }
#footerCol2 { position: absolute; width: 312px; height: 34px; left: 305px; top: 5px; background: url(../images/footerPhone.jpg) no-repeat; }
#footerCol3 { position: absolute; width: 227px; height: 27px; left: 615px; top: 10px; background: url(../images/footerEmail.jpg) no-repeat; }
#footerCol3 a { width: 227px; height: 27px; display: block; }
#footerCol4 { position: absolute; width: 94px; height: 28px; left: 845px; top: 10px; background: url(../images/footerBy.jpg) no-repeat; }
#footerCol4 a { width: 94px; height: 28px; display: block; }


#inside #footer { position: relative; width: 949px; height: 55px; left: -7px; clear: both; background: url(../images/footer2.jpg) no-repeat; text-indent: -9999px; }
#inside #footerCol1 { position: absolute; width: 299px; height: 34px; left: 8px; top: 12px; background: url(../images/footerAddress.jpg) no-repeat; }
#inside #footerCol2 { position: absolute; width: 312px; height: 34px; left: 305px; top: 12px; background: url(../images/footerPhone.jpg) no-repeat; }
#inside #footerCol3 { position: absolute; width: 227px; height: 27px; left: 615px; top: 18px; background: url(../images/footerEmail.jpg) no-repeat; }
#inside #footerCol3 a { width: 227px; height: 27px; display: block; }
#inside #footerCol4 { position: absolute; width: 94px; height: 28px; left: 845px; top: 18px; background: url(../images/footerBy.jpg) no-repeat; }
#inside #footerCol4 a { width: 94px; height: 28px; display: block; }