/* CSS Document */

/* BANNER ------------------------ */
div#banner {padding: 0px 0px; margin: 0px; background: #ffffff; position: fixed; top: 0; width: 100%;}
div#banner.fixed {opacity: .98;}

/* banner seal */
div.clickableseal {position: fixed; min-width: 960px; width: 100%;}
div.clickableseal a {display: block; height: 95px; width: 95px; background: url('../images/banner/seal.png') top left no-repeat; text-indent: -9000px; z-index: 999; margin: auto; position: relative; margin-top: 18px;}

/* banner header */
div.header {background: #ffffff url('../images/banner/bkgd_site.png') 70% 22% repeat-x;}
div.header div.masthead {float: left; margin-top: -11px;}
div.masthead h1 a {font-family: Georgia, serif; color: #666666; font-size: 14px; text-transform: uppercase;}
div.header div.greeting {float: left; margin-left: 15px;}
div.greeting h2 {font-size: 13px; color: #a41313;}
div.greeting h2 span {color: #a41313;}
div.header div.navigation {float: right; margin-top: -8px;}
div.header div.navigation ul li a {color: #999999; font-size: 12px; margin-left: 15px;}
div.header div.navigation ul li a.alternate {color: #33669d;}
div.header div.navigation ul li a:hover {color: #33669d;}
div.header div.navigation ul li a.secure {background: #ad1818 url('../images/decoration/lock.png') 18% 42% no-repeat !important; padding-left: 30px !important;}

/* banner navigation */
div.banner {background: #083b6b; padding: 25px 0px; margin-top: -5px;}
div.banner div.logo h1 a {display: none;}
div.banner div.navigation {float: left; width: 100%;}
div.banner div.navigation ul.left {float: left;}
div.banner div.navigation ul.right {float: right;}
div.banner div.navigation ul.left a {margin-right: 32px;}
div.banner div.navigation ul.right a {margin-left: 12px;}
div.banner div.navigation a {color: #fff; font-size: 14px; text-transform: uppercase;}
div.banner div.navigation a:hover {cursor: pointer;}
div.banner div.navigation a.alternate {color: #378fc3;}
div.banner div.navigation a.searchlink {background: url('../images/decoration/search.png') 0% 45% no-repeat; padding-left: 15px;}
div.banner div.navigation a.personallink {background: url('../images/decoration/personal.png') 0% 45% no-repeat; padding-left: 15px;}

/* banner subheader */
div.subheader {background: #f4f4f4; padding: 4px 0px; border-bottom: 1px solid #eeeeee;}

/* banner breadcrumb */
div.breadcrumb {float: left;}
div.breadcrumb ul li {font-size: 11px;}
div.breadcrumb ul li a {color: #073f6f;}
div.breadcrumb ul li span {color: #a6a6a6; margin: 0px 6px;}

/* banner search */
div.search {float: right;}
div.search form {margin: 0px; padding: 0px;}
div.search input.text {margin: 0px; padding: 0px; border: 1px solid #cccccc; color: #999999; font-size: 11px; height: 18px; width: 230px; padding-left: 10px;}

/* MENU TOGGLES ---------------------- */
a#followustoggle {cursor: pointer;}
div#sitemenutoggle a {display: none;}

/* MENUS ----------------------------- */
div.menu {position: fixed; top: 30px; width: 100%; z-index: 555;}
div.menu a:hover {text-decoration: none;}
div.menu a img {margin-right: 10px; padding-top: 5px;}
div.followusmenu {background: #1a558d; padding: 18px 32px 18px 32px; float: right;}
div.followusmenu a span {display: none;}
div#followusmenu {display: none;}
div#sitemenu {display: none;}

div.mainnavmenu {
top: 100px;
padding: 45px 0px;
border-bottom: 25px solid #022a4f;
opacity: .95;
background: #083b6b;
}

div.mainnavmenu a.video img {border: 5px solid #dddddd; padding: 0px;}

div.mainnavmenu h2 {margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; line-height: 16px; font-size: 12px; color: #ffffff; font-family: Georgia, serif; font-weight: bold; border-bottom: 1px solid #a41313; font-style: italic;}
div.mainnavmenu h2.alternate {display: none;}

div.mainnavmenu div#inthissection ul {margin-top: 12px;}
div.mainnavmenu ul li a {font-size: 12px; color: #ffffff; float: left; margin-bottom: 10px;}
div.mainnavmenu ul.imagelist {margin-top: 14px;}

div#highlight {margin-left: -5px; margin-right: 15px;}

div#popularitems a {display: inline-block; width: 230px; height: 20px; color: #ffffff; padding: 20px 0px 20px 70px; margin: 8px 8px 8px 0px;}
div#popularitems ul.style1 a {background: #666666 url('../images/megamenu/popularitems/style1.png') 0% 50% no-repeat;}
div#popularitems ul.style2 a {background: #666666 url('../images/megamenu/popularitems/style2.png') top left no-repeat;}
div#popularitems ul.style3 a {background: #666666 url('../images/megamenu/popularitems/style3.png') top left no-repeat;}
div#popularitems ul.style4 a {background: #666666 url('../images/megamenu/popularitems/style4.png') top left no-repeat;}
div#popularitems ul.style5 a {background: #666666 url('../images/megamenu/popularitems/style5.png') top left no-repeat;}

div#inthissection {margin-right: -10px; padding-left: 15px;}


/* hide and show the mega menus */
div#aboutthebarmenu {display: none;}
div#newsandeventsmenu {display: none;}


/* list helper classes */
ul.imagelist {text-align: center; margin-top: 10px;}
ul.imagelist a img {margin: 0px; padding: 0px;}
ul.twoacross li a {width: 50%;}
ul.threeacross li a {width: 33%;}

/* SIDE NAVIGATION STYLES ------------- */
div.sidenav {margin-left: 0px; padding-left: 0px; margin-top: 8px;}
div.sidenav li {line-height: 16px;}
div.sidenav a {color: #777; padding: 0px 5px; font-size: 12px; display: block;}
div.sidenav a.first {color: #33669d; font-family: Geogria, serif; text-transform: uppercase; font-weight: bold;}
div.sidenav a.selected {color: #000000; font-weight: bold;}


/* PAGE CONTENT ----------------------- */
div.pagecontent {padding: 10px 0px;}
div.pagecontent div.content {background: #ffffff; padding: 10px 0px; margin: 119px auto 0px auto; border-bottom: 1px solid #eeeeee;}


/* RELATED SITES */
div.relatedsites {}
div.relatedsites div.content {border-top: 1px solid #eeeeee; padding: 10px 0px;}
div.relatedsites img {margin: 0px 15px;}

/* CLOSER */
div.closer {padding: 20px 0px; background: #f4f4f4; border-top: 1px solid #eeeeee;}
div.closer li {line-height: 12px;}
div.closer a {color: #a6a6a6; font-size: 10px;}
div.closer a.first {font-size: 11px; font-weight: bold;}
div.closer ul.sociallinks a {margin-right: 15px;}
div.closer ul.sociallinks a span {display: none;}

/* FOOTER */
div.footer {background: #1a558d; padding: 5px 0px;}
div.footer div.center {text-align: left;}
div.footer p {color: #efefef; margin-top: 11px; font-size: 12px;}

/* RETURN TO TOP */
div#returntotop {position: fixed; bottom: 7px; width: 100%; display: none;}
div#returntotop.visible {display: block;}
div#returntotop a {background: #666666 url('../images/decoration/uparrow.png') 12px 45% no-repeat; border: 1px solid #565656; color: #cccccc; padding: 8px 25px; font-size: 14px; float: right; border-radius: 8px; opacity: .7;}
div#returntotop a:hover {text-decoration: none;}


/* MIRCOSITE ITEMS */
body.microsite div.masthead h1 a {color: #048def;}
body.microsite div.banner.wrapper {background: #000000;}
body.microsite div.header div.navigation ul li a.selected {color: #000000; font-weight: bold;}
body.microsite div.banner div.navigation ul {margin-left: 125px;}
body.microsite div.banner div.navigation a.homelink {display: inline-block; position: absolute; margin: -15px 0px 0px -125px; padding: 0px; width: 100px; height: 50px; text-indent: -9000px; float: left;}

/* specifics per microsite */
/* pri */
body#pri.microsite div.banner.wrapper {background: #000000;}
body#pri.microsite div.banner div.navigation a.homelink {background: url('../images/microsites/pri/logo.png') 50% 50% no-repeat; }

/* rules */
body#rules.microsite div.banner.wrapper {background: #666666;}
body#rules.microsite div.banner div.navigation a.homelink {background: url('../images/microsites/rules/logo.png') 50% 50% no-repeat; }