﻿
/* --------------NAVIGATION ------------------ */

#navigation {margin: 0 auto 15px auto; background: transparent url(../img/ui/nav_inactive.png); clear: both; position: relative; z-index: 9999; width: 980px; height: 47px; text-align: left;}

#navigation ul {display: block; float: left; margin: 0 0 0 0; position: relative; padding: 0 0 0 18px;}
#navigation ul li {display: block; float: left; padding: 0; margin: 0; position: relative;}

#navigation ul li a {font-size: 110%; color: #ffffff; text-decoration: none; padding: 16px 28px 15px 28px; float: left; border-right: 1px solid #ffffff;}
#navigation ul li a:hover {background: transparent url(../img/ui/nav_active.png) repeat-x top left;}
#navigation ul li a span {background: transparent url(../img/ui/dd_arrow_inactive.png) no-repeat bottom; padding-bottom: 12px;}
#navigation ul li a:hover span {background: transparent url(../img/ui/dd_arrow_active.png) no-repeat bottom; padding-bottom: 12px;}
#navigation ul li a.selected span {background: transparent url(../img/ui/dd_arrow_active.png) no-repeat bottom; padding-bottom: 12px;}
#navigation ul li a.selected {background: transparent url(../img/ui/nav_active.png) top left; height: 16px;}

/* #navigation .leftnav ul li {display: block; width: 18px; height: 47px; float: left; padding: 0; position: relative; background: transparent url(../img/ui/nav_left.png) top left;}
#navigation .rightnav ul li {display: block; width: 18px; height: 47px; float: left; padding: 0; position: relative; background: transparent url(../img/ui/nav_right.png) top left;}*/


/* dropdown menu */

/* #dropnav1 {background: transparent url(../img/ui/dropshadow.png) no-repeat bottom; position: absolute; z-index: 1000; left: 0px; top: 47px; margin-left: -6px; float: left; width: 289px; padding-bottom: 13px;} */
#dropnav1 {position: absolute; z-index: 1000; left: 0px; top: 47px; margin-left: -6px; float: left; width: 289px; padding-bottom: 13px;}
#dropnav1 ul .submarker {margin: -12px 0 4px 43px; text-align: left; position: relative;}

#dropnav1 ul {background-color: #f6f6f6; border: 2px solid #cccccc; list-style: none; margin: 0 0 0 6px; position: relative; text-align: left; color: #656565; font-size: 90%; padding: 10px 10px 15px 10px; width: 246px;}
#dropnav1 ul li {list-style: none; border-bottom: 1px dotted #999999; display: block; position: relative; float: left;}
#dropnav1 ul li a {background-color: #f6f6f6; width: 230px; color: #656565; border: 0; padding: 5px 0 5px 8px;}
#dropnav1 ul li a:hover {background-image: none; background-color: #eae9ea!important; text-decoration: none; color: #bc0c1e; border: 0;} 


#dropnav2 {position: absolute; z-index: 1000; left: 0px; top: 47px; margin-left: -6px; float: left; width: 289px; padding-bottom: 13px;}
#dropnav2 ul .submarker {margin: -12px 0 4px 27px; text-align: left; position: relative;}

#dropnav2 ul {background-color: #f6f6f6; border: 2px solid #cccccc; list-style: none; margin: 0 0 0 6px; position: relative; text-align: left; color: #656565; font-size: 90%; padding: 10px 10px 15px 10px; width: 246px;}
#dropnav2 ul li {list-style: none; border-bottom: 1px dotted #999999; display: block; position: relative; float: left;}
#dropnav2 ul li a {background-color: #f6f6f6; color: #656565; width: 230px; border: 0; padding: 5px 0 5px 8px;}
#dropnav2 ul li a:hover {background-image: none; background-color: #eae9ea!important; text-decoration: none; color: #bc0c1e; border: 0;} 


#dropnav3 {position: absolute; z-index: 1000; left: 0px; top: 47px; margin-left: -6px; float: left; width: 289px; padding-bottom: 13px;}
#dropnav3 ul .submarker {margin: -12px 0 4px 40px; text-align: left; position: relative;}

#dropnav3 ul {background-color: #f6f6f6; border: 2px solid #cccccc; list-style: none; margin: 0 0 0 6px; position: relative; text-align: left; color: #656565; font-size: 90%; padding: 10px 10px 15px 10px; width: 246px;}
#dropnav3 ul li {list-style: none; border-bottom: 1px dotted #999999; display: block; position: relative; float: left;}
#dropnav3 ul li a {background-color: #f6f6f6; color: #656565; width: 230px; border: 0; padding: 5px 0 5px 8px;}
#dropnav3 ul li a:hover {background-image: none; background-color: #eae9ea!important; text-decoration: none; color: #bc0c1e; border: 0;} 



/* ---------------- FOOTER -------------------- */

#footer {margin: 20px auto; width: 980px; padding: 10px 0; border-top: 10px solid #000B5F;}
#footer #footerContent {margin: 20px 0 10px 0; border-top: 1px dotted #999999; width: 980px; text-align: left; padding: 30px 0 0 0;}
#footer #footerContent a, #footer b, #footer p {color: #999999; font-size: 90%;}
#footer #footerContent a:hover {text-decoration: underline;}

#footer #footerContent ul {list-style: none; margin-left: 30px; float: left;}
#footer #footerContent ul li {list-style: none; line-height: 130%;}

#footer #footerContent .teamgb {float: left; margin-left: 15px;}
#footer #footerContent .bottomlinks {border-top: 1px dotted #999999; text-align: center; width: 980px; margin-top: 30px; padding-top: 20px; color: #999999; line-height: 220%;}

#footer #partners {padding: 10px; width: 960px;}
#footer #partners h4 {text-align: left!important; color: #999999; font-size: 130%;}
#footer #partners img {vertical-align: middle; margin: 10px 30px;}
#footer #partners a {color: #999999;}
#footer #partners a:hover {color: #CC0000; text-decoration: underline;}


#ImageScrollHome {margin: 20px auto 0 auto; width: 980px; padding: 10px 0; border-top: 10px solid #000B5F;}
#ImageScrollImages {margin: 0 auto 0px auto; width: 1025px; }

#TwitterHome {margin: 20px auto; width: 980px; padding: 10px 0; height: 90px; border-top: 10px solid #000B5F;}

#footer p { font-size: 80%}


.bl {float: left; width: 310px;  text-align: left; margin-left: 12px; margin-right: 20px}
.fR {float: right; width: 450px;  text-align: right; margin-right: 12px;}