/* The following Style Sheet is used to control all 10 of the Best styles. */
/* Do NOT make any edits to "GLOBAL" styles as it will effect ALL of 10 of the Best Sites. */
/* Do NOT remove any COMMENT tags. */


*{margin:0; padding:0;}

html,body{
	
	background-color: #fdfdfd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #384e96;
	-webkit-text-size-adjust: none;
}

body {overflow-y: scroll;}

/*    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++    GLOBAL    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++    */
/*    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++    */
/*    ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++    */

/*    ///////////////////////////////////////    CONTAINERS    ///////////////////////////////////////    */
/*    ----------------------    CONTAINER (HOLDS EVERY ELEMENT)    ----------------------    */
.container{width: 960px; height: auto; margin: 0 auto;}

/*    ----------------------    CONTENT CONTAINER (HOLDS EVERY ELEMENT BELOW COMPETITION AND SEARCH BOX, EXCEPT FOR FOOTER)    ----------------------    */
.content-container{height: auto; width: 960px; float: left; margin-bottom: 20px;}

/*    ----------------------    HEADER CONTAINER (HOLDS TITLE, NAVIGATION AND FEATURED VENUE.)    ----------------------    */
.header {width: 960px; height: 155px; float: left; background-image: url(../images/header-gradient.jpg); background-repeat: repeat-x; position: relative; background-color: #1c67ba; }

.header-withoutnav{width: 960px; height: 120px; float: left; background-image:url(../images/header-gradient.jpg); background-repeat: repeat-x; position: relative; background-color: #1c67ba; }

/*    ----------------------    NAVIGATION    ----------------------    */
.navigation{height: 39px; width: 960px; float: left; background-color: #1c589a; background-image:url(../images/nav-gradient.jpg); background-repeat: repeat-x; position: absolute; bottom: 0px; left: 0px; font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; border-bottom: 1px solid #036;}

.navigation li {width: 118px; height: 24px; margin-top: 2px; padding-top: 12px; float: left; text-align: center; border-left: 1px solid #1e3a5b; border-right: 1px solid #3e7ec5;}

/*    ----------------------    LEFT COL    ----------------------    */
.left-col{float: left; width: 636px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #122F8D;}

/*    ----------------------    RIGHT COL    ----------------------    */
.right-col{float: right; width: 313px;}

/*    ----------------------    FOOTER CONTAINER    ----------------------    */
.footer { height: 44px; width: 960px; background-color: #1c67ba; float: left; margin-top: 10px; margin-bottom: 20px; background-image:url(../images/10-of-the-best.jpg); background-position:top right; background-repeat:no-repeat; }
.footer-right { float: right; color:#b5d7fc; width:193px; padding: 14px 100px 14px 20px; height:16px; background-image:url(../images/client-login.jpg); background-repeat:no-repeat; background-position:top left; }
.footer-left { float: left; color:#b5d7fc; width:627px; padding-right: 10px; margin-right: 10px; }
.totb-disclaimer { float: right; margin-right:60px; color:#b5d7fc; margin: 14px 0px 14px 0px; height:16px; }


/*    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------    */


/*    ///////////////////////////////////////    GLOBAL PSEUDO CLASSES    ///////////////////////////////////////    */
/*    ----------------------    GENERAL A TAG    ----------------------    */
a:link {color:#384e96; /*text-decoration: none;*/}		/* unvisited link */
a:visited {color:#384e96; text-decoration: none;}		/* visited link */
a:hover {color:#384e96; text-decoration: none;}		/* mouse over link */
a:active {color:#384e96; text-decoration: none;}		/* selected link */

/*    ----------------------    HEADER A TAG    ----------------------    */
h1 a:link {color:#fff; text-decoration: none;}
h1 a:visited {color:#fff; text-decoration: none;}
h1 a:hover {color:#fff; text-decoration: none;}
h1 a:active {color:#fff; text-decoration: none;}

/*    ----------------------    HEADER A TAG    ----------------------    */
.headerlink:link {color:#fff; text-decoration: none;}
.headerlink:visited {color:#fff; text-decoration: none;}
.headerlink:hover {color:#fff; text-decoration: none;}
.headerlink:active {color:#fff; text-decoration: none;}

/*    ----------------------    NAVIGATION A TAG    ----------------------    */
.navigation li a:link {color:#fff; text-decoration: none;}		/* unvisited link */
.navigation li a:visited {color:#fff; text-decoration: none;}		/* visited link */
.navigation li a:hover {color:#fff; text-decoration: none;}		/* mouse over link */
.navigation li a:active {color:#fff; text-decoration: none;}		/* selected link */

.navigation li:link {color:#fff; text-decoration: none;}		/* unvisited link */
.navigation li:visited {color:#fff; text-decoration: none;}		/* visited link */
.navigation li:hover {color:#fff; text-decoration: none; background-image:url(../images/selected-nav.jpg); background-repeat:no-repeat;}		/* mouse over link */
.navigation li:active {color:#fff; text-decoration: none; background-image:url(../images/selected-nav.jpg); background-repeat:no-repeat;}		/* selected link */

/*    ----------------------    EXTRA LINKS A TAG    ----------------------    */
.extra-links a:hover {text-decoration:underline;}  /* mouse over link */
.extra-links a{color:#384e96; font-size: 13px; /*border-right: 1px solid #1c67ba;*/ padding-right: 10px; /*margin-right: 10px;*/ /*border-left: 1px solid #1c67ba;*/ padding-left: 10px; /*margin-left: 10px;*/}
.extra-links-list li{width: 25%; height: 20px; float: left; text-align:center;}
.extra-link{width: auto; font-size: 13px; font-family: arial; padding: 0px 10px 0px 10px; /*border-left: 1px solid #666; border-right: 1px solid #666;*/}
.extra-links-header/*Extra links H2 tag*/
{
   float: left;     
   height: 22px;     
   padding: 9px 0px 10px;     
   width: 960px;
}
/*    ----------------------    RIGHT FOOTER A TAG    ----------------------    */
.footer-right a:link {float:left; color:#b5d7fc; text-decoration: none; display:block; margin-right: 15px;}		/* unvisited link */
.footer-right a:visited {float:left; color:#b5d7fc; text-decoration: none; display:block; margin-right: 15px;}		/* visited link */
.footer-right a:hover {float:left; color:#b5d7fc; text-decoration: none; display:block; margin-right: 15px;}		/* mouse over link */
.footer-right a:active {float:left; color:#b5d7fc; text-decoration: none; display:block; margin-right: 15px;}		/* selected link */
/*    ----------------------    LEFT FOOTER A TAG    ----------------------    */
.footer-left a:link {float:left; color:#122F8D; text-decoration: underline; display:block; margin-left: 20px;}		/* unvisited link */
.footer-left a:visited {float:left; color:#122F8D; text-decoration: underline; display:block; margin-left: 20px;}		/* visited link */
.footer-left a:hover {float:left; color:#122F8D; text-decoration: underline; display:block; margin-left: 20px;}		/* mouse over link */
.footer-left a:active {float:left; color:#122F8D; text-decoration: underline; display:block; margin-left: 20px;}		/* selected link */
/*    ----------------------    LEFT FOOTER A TAG    ----------------------    */
.totb-disclaimer a:link {color:#b5d7fc; text-decoration: none; margin-right: 20px;}		/* unvisited link */
.totb-disclaimer a:visited {color:#b5d7fc; text-decoration: none; margin-right: 20px;}		/* visited link */
.totb-disclaimer a:hover {color:#b5d7fc; text-decoration: none; margin-right: 20px;}		/* mouse over link */
.totb-disclaimer a:active {color:#b5d7fc; text-decoration: none; margin-right: 20px;}		/* selected link */


/*    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------    */
	

/*    ///////////////////////////////////////    GLOBAL HEADER TAGS    ///////////////////////////////////////    */
/*    ----------------------    TITLE HEADER TAG    ----------------------    */
h1{font-family: 'SpumoniLPStdRegular'; color: #FFF; font-weight: normal; font-style: normal; float: left;} /*   DO NOT CHANGE   */

.site-title{float: left; width: 520px;}

#sub{font-size: 57px; height: 55px; margin: 9px 10px 0;width:100%}
#no-sub{float: left; margin: 26px 10px 20px; font-size: 60px;}

.sub-title{font-family: 'SpumoniLPStdRegular'; padding-left: 30px; color: #FFF; font-weight: normal; font-style: normal; float: left;}

.venue a{
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;}

/*    ----------------------    CONTROLS - FEATURED VENUE HEADER, VENUE LIST HEADER, VENUE OF THE MONTH HEADER, RIGHT COL HEADER TAGS.    ----------------------    */
h2{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #122f8d;}
/*    ----------------------    GREY SUB HEADINGS    ----------------------    */
h3{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #868686; height: 16px; padding: 9px 10px; clear: both;}
h4{font-size: 14px; font-family: Arial, Helvetica, sans-serif; clear: both; color: #868686; padding: 9px 0px 9px 10px; margin-bottom: 10px; background-color: #ebebeb;}
h5{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #868686; width: 100%; float: left; padding: 9px 10px 9px 0px;}
h6{}/*    CURRENTLY NOT IN USE    */

.sub-heading{font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #384e96; width: 100%; float: left; padding: 9px 0px;}

.sub-heading-indent{font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; clear: both; float: left; padding: 9px 0px 9px 15px;}

/*    ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------    */


/*    ///////////////////////////////////////    GLOBAL EXTRA ELEMENTS    ///////////////////////////////////////    */
/*    ----------------------    HORIZONAL LINE DIVIDING SECTIONS ON THE PAGE    ----------------------    */
.line{width: 100%; font-size: 0px; height: 1px; float: left; background-color:#b3b3b3; margin-top: 10px; margin-bottom: 10px;}
/*    ----------------------    EXTRA LINKS AT THE BOTTOM OF THE PAGE    ----------------------    */
.extra-links{width: 960px; font-size: 13px; text-align: center; height: auto; float: left; min-height: 35px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 1.7em;}
/*    ----------------------    SEARCH BAR NEXT TO COMPETITION    ----------------------    */
.search-bar{width: 276px; height: 35px; float: right;}
.search-bar input{border: 1px solid #d2d2d2; background-image:url(../images/search-input.jpg); background-repeat: no-repeat; padding-left: 35px; font-size: 13px; color: #797979;}
/*    ----------------------    LIST YOUR VENUE BUTTON ON FOOTER    ----------------------    */
.list-your-venue{width: 135px; height: 21px; float: left; margin: 3px 0 0 3px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 10px 0px; text-align:center; background-repeat:no-repeat; background-image:url(../images/list-your-venue.jpg)}
.list-your-venue a{color: #FFF;}
/*    ----------------------    UL TAG CONTROLS VENUE LIST AND NAVIGATION    ----------------------    */
ol, ul{list-style: none; margin: 0; padding: 0;}
/*    ----------------------    BODY CONTENT    ----------------------    */
.body-content{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #122f8d; padding-left: 10px;}

.totb-button{background-image: url("../images/button-bg-repeat.jpg"); border: 1px solid #8F95A6; float: left; height: 20px; margin-right: 10px; padding: 5px 7px 0; text-align: center;}

.print-button{background-image: url("../images/button-bg-repeat.jpg"); margin: 10px; border: 1px solid #8F95A6; float: left; height: 20px; padding: 5px 20px 0; text-align: center;}