/* CSS Document */

html {
margin: 0 auto;
padding: 0 auto;
}
body {
margin: 0 auto;
padding: 0 auto;
font-size: 62.5%;
background-color: #141414;
}
#container {
margin: 0 auto;
padding: 0 auto;
/*background: #fff url(images/grid.gif) repeat-y left top;*/
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
a {
color: #003399;
text-decoration: none;
}
a:hover {
color: #000;
text-decoration: none;
}
/*-----------------------------------------------ACTIVE PAGES */
body#contactpage .nav ul li.contact a {
color: #fff;
text-decoration: none;
}
body#aboutpage .nav ul li.about a, 
body#teampage .nav ul li.about a, 
body#careerspage .nav ul li.about a,
body#sportspage .nav ul li.about a,
body#exppage .nav ul li.about a, 
body#culturepage .nav ul li.about a {
color: #fff;
text-decoration: none;
}
body#aboutpage .lnav ul li.labout a, 
body#teampage .lnav ul li.lteam a, 
body#careerspage .lnav ul li.lcareers a,
body#sportspage .lnav ul li.lcareers a,
body#sportspage .lnav ul ul li.lsports a,
body#exppage .lnav ul li.lexp a, 
body#culturepage .lnav ul li.lcareers a,
body#culturepage .lnav ul ul li.lculture a {
color: #000;
text-decoration: none;
}
body#sportspage .lnav ul li.lcareers, 
body#culturepage .lnav ul li.lcareers, 
body#careerspage .lnav ul li.lcareers {
border: none;
}
body#careerspage .lnav ul ul li {
border: none;
padding: 0px 0 4px 20px;
}
body#calendarpage .nav ul li.events a, 
body#finalfourpage .nav ul li.events a, 
body#masterspage .nav ul li.events a,
body#olympicspage .nav ul li.events a,
body#superbowlpage .nav ul li.events a {
color: #fff;
text-decoration: none;
}
body#calendarpage .lnav ul li.lcal a, 
body#finalfourpage .lnav ul li.lfinalfour a, 
body#masterspage .lnav ul li.lmasters a,
body#olympicspage .lnav ul li.lolympics a,
body#superbowlpage .lnav ul li.lsuper a {
color: #000;
text-decoration: none;
}
body#brokerpage .nav ul li.services a, 
body#vippage .nav ul li.services a {
color: #fff;
text-decoration: none;
}
body#brokerpage .lnav ul li.lbroker a, 
body#vippage .lnav ul li.lvip a {
color: #000;
text-decoration: none;
}

/*-----------------------------------------------HEADER */
#header {
margin: 25px auto 0 auto;
padding: 0 auto;
width: 940px;
}
.logo {
float: left;
margin: 0 20px 0 0px;
padding: 0 0 0 45px;
width: 255px;
}
.logo img {
border: none;
background-color: #141414;
}
.nav {
float: left;
margin: 0;
padding: 48px 0 0 30px;
width: 540px;
}
.nav a {
color: #aaa;
text-decoration: none;
}
.nav a:hover {
color: #eee;
text-decoration: none;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav ul li {
display: block;
float: left;
background: #fff;
list-style-type: none;
margin: 0 15px 0 0;
padding: 2px 0 4px 10px;
font: bold 1.1em helvetica, arial, verdana, sans-serif;
text-transform: uppercase;
color: #ccc;
background: url(images/vline.gif) repeat-y left top;
}
.nav ul li.browse {
background: none;
margin: 0;
padding: 2px 0 4px 6px;
width: 80px;
}
.nav ul li.about {
width: 110px;
}
.nav ul li.services {
width: 115px;
}
.nav ul li.events {
width: 105px;
}
.nav ul li.contact {
width: 105px;
}
/*-----------------------------------------------HOME */
#hwrapper {
margin: 25px 0;
padding: 0 0;
}
#hcontent {
margin: 0px auto 25px auto;
padding: 0 auto;
width: 940px;
}
#hcontent h1 {
font: normal 1.5em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 0;
padding: 0;
color: #ccc;
}
#hcontent .hleft p.intro {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 12px 0 0 0;
padding: 0;
text-transform: none;
}
#hcontent .hleft p.intro a {
color: #ccc;
}
#hcontent h2 {
font: bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 5px 0 5px 0;
padding: 0;
color: #ccc;
text-transform: uppercase;
}
#hcontent h2 img {
border: none;
}
#hcontent p {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 0;
padding: 0;
color: #666;
}
.hleft{
float: left;
margin: 0 0px 25px 0;
padding: 20px 15px 25px 30px;
width: 355px;
background: #141414 url(images/hline2.gif) repeat left top;
color: #002255;
min-height: 210px;
}
.hright {
float: left;
margin: 0 0 0 20px;
padding: 0 0 0 0px;
width: 520px;
}
.hgrid a {
display: block;
float: left;
margin: 0 0 10px 10px;
padding: 15px 15px 10px 15px;
width: 220px;
background: #232323 url(images/hline.gif) repeat-x left top;
}
.hgrid a:hover {
text-decoration: none;
}
/*-----------------------------------------------SLIDES */
#s7 {
margin: 10px auto 0 auto;
padding: 0 auto;
width: 940px;
height: 350px;
}
#s7 .photo { 
width: 940px; 
height: 350px; 
padding: 0px; 
color: #333; 
text-align: left; 
font-size: 16px; 
overflow: hidden; 
top: 0; 
left: 0;
float: left;
display: block;
}
#s7 .photo img {
border: none;
z-index: -100;
}
#s7 .photo span {
z-index: 100;
margin: 0;
padding: 0;
width: 400px;
position: absolute;
background: transparent;
top: 120px;
left: 30px;
}
#s7 .photo span p.big {
font: normal 1.9em georgia, times new roman, serif;
line-height: 1.2;
margin: 0 0 0px 0;
padding: 4px 0 10px 0;
color: #fff;
}
#s7 .photo span p.small a {
font: bold 0.7em helvetica, arial, verdana, sans-serif;
text-transform: uppercase;
margin: 0px 0 0px 0;
padding: 2px 3px;
color: #770000;
background: #ffcc33;
}
#s7 .photo span p.small a:hover {
text-decoration: none;
}
#swrapper {
margin: 0px 0;
padding: 0 0;
height: 300px;
}
#s6 {
margin: 10px auto 0 auto;
padding: 0 auto;
width: 940px;
overflow: hidden; 
height: 300px;
}
#s6 .photo { 
width: 940px; 
height: 300px; 
padding: 0px; 
color: #333; 
text-align: left; 
font-size: 16px; 
overflow: hidden; 
top: 0; 
left: 0;
float: left;
display: block;
}
#s6 .photo img {
border: none;
z-index: -100;
}
/*-----------------------------------------------PAGES */
#cwrapper {
margin: 0px 0 0 0;
padding: 0 0;
background: #ededed url(images/hline3.gif) repeat-x left top;
}
#content {
margin: 0px auto;
padding: 0 auto;
width: 940px;
}
#content h1 {
font: normal 3.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.3;
margin: 0 0 5px 0;
padding: 0;
color: #444;
letter-spacing: -1px;
}
#content h2 {
font: normal 2.0em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.4;
margin: 0 0 15px 0;
padding: 0 25px 0 0;
color: #444;
}
#content p {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.6;
margin: 0 0 10px 0;
padding: 0;
text-align: left;
color: #444;
}
.left {
float: left;
margin: 50px 20px 0 0;
padding: 0;
width: 300px;
}
.lbox {
width: 260px;
margin: 0px 0 50px 10px;
padding: 0;
float: left;
background: #fff url(images/hline3.gif) repeat-x left top;
}
.lboxc {
width: 260px;
margin: 0px 0 50px 10px;
padding: 0 0px;
float: left;
background: #fff url(images/hline3.gif) repeat-x left top;
}
.lboxc-in {
margin: 0px;
padding: 0;
background: #fff url(images/hline3.gif) repeat-x left bottom;
}
#content .lboxc p.push {
margin-left: 20px;
margin-bottom: 10px;
}
#content .lboxc p {
font: bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 15px 20px 10px 20px;
line-height: 1.6;
}
#content .lbox p {
font: bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 15px 20px 0 20px;
line-height: 1.6;
text-transform: uppercase;
}
.lbox img {
background: #fff url(images/hline3.gif) repeat-x left bottom;
padding: 0 0 3px 0;
border: none;
}
.lnav {
width: 260px;
margin: 0px 0 50px 10px;
padding: 0;
float: left;
}
.lnav a {
color: #666;
}
.lnav a:hover {
color: #333;
}
.lnav ul {
margin: 0;
padding: 0;
}
.lnav ul li {
list-style-type: none;
margin: 8px 0px 0 0;
padding: 0px 0 8px 20px;
font: bold 1.3em "Lucida Grande", Helvetica, Arial, sans-serif;
border-bottom: 1px dotted #aaa;
}
.lnav ul ul.sec {
margin: 0 0 0 0px;
padding: 0 0 10px 20px;
border-bottom: 1px dotted #aaa;

}
.lnav ul ul.sec li {
list-style-type: none;
margin: 6px 0px 0 0;
padding: 0px 0 0px 20px;
font: bold 11px "Lucida Grande", Helvetica, Arial, sans-serif;
border-bottom: none;

}
.lnav ul ul.sec li a {
color: #666;
text-decoration: none;
}
.lnav ul ul.sec li.current a {
color: #000;
text-decoration: none;
}

.lnav ul ul.sec li a:hover {
color: #666;
text-decoration: none;
}
.clientbox {
width: 270px;
background: #E6EAED;
margin: 0 0 0 10px;
padding: 0;
float: left;
}
#content .clientbox p {
font: bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 0px 0 0px 15px;
padding: 8px 0 2px 0;
text-transform: uppercase;
color: #777;
text-align: left;
}
.clientbox-inner {
background: #fff;
border: 6px solid #E6EAED;
padding: 10px 0 10px 0;
margin: 0;
text-align: center;
}
.contactbox {
width: 268px;
margin: 0px 0 30px 10px;
padding: 0;
border: 1px dotted #aaa;
float: left;
}
.contactbox2 {
width: 260px;
margin: 0px 0 30px 10px;
padding: 0;
border: 1px dotted #aaa;
float: left;
}
.contactimg {
float: right;
margin: 0px 0 0 0;
padding: 0;
width: 59px;
}
.contactname {
float: left;
margin: 0;
padding: 15px 0 0 15px;
width: 170px;
}
#content .contactbox p, 
#content .contactbox2 p {
font: bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 3px 0 0 0;
padding: 0;
text-transform: uppercase;
color: #777;
text-align: left;
}
#content .contactbox p.name, 
#content .contactbox2 p.name {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 7px 0 0 0;
padding: 0;
text-transform: none;
line-height: 1.5;
color: #777;
}
.right {
float: left;
margin: 0;
padding: 40px 30px 60px 5px;
width: 570px;
}
body#calendarpage .right {
float: left;
margin: 0;
padding: 40px 0px 60px 5px;
width: 600px;
}
.right ul {
margin: 0 0 20px 40px;
padding: 0;
}
.right ul li {
margin: 0 0 0 0px;
padding: 0;
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.6;
text-align: left;
color: #333;
}
#content p.spacetop {
margin-top: 20px;
}
#content p.spacebot {
margin-bottom: 20px;
}
.case {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px dotted #aaa;
}
.case2 {
margin: 20px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px dotted #aaa;
}
#content p.subtitle {
font: bold 1.1em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 0 0 2px 0;
padding: 0;
text-transform: uppercase;
color: #999;
}
#content p.edate {
font: bold 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 0 0 20px 0;
padding: 3px;
text-transform: uppercase;
color: #666;
background: #ccc;
display: inline-block;
}
#content p.edate span {
color: #999;
margin: 0 10px;
}
#content p.push {
text-transform: uppercase;
margin: 0px 0 0px 0;
padding: 0;
font: normal 1.1em "Lucida Grande", Helvetica, Arial, sans-serif;
}
#content p.push a {
background: #003366;
color: #ccc;
padding: 3px 4px;
}
#content p.push a:hover {
background: #000;
color: #fff;
padding: 3px 4px;
text-decoration: none;
}
#content p.push a img {
border: none;
}
.botlink {
float: left;
margin: 20px 0 0px 0;
padding: 0;
width: 300px;
}
.back {
float: left;
margin: 20px 0 0px 0;
padding: 0;
width: 270px;
}
#content p.top {
text-transform: uppercase;
margin: 0px 0 0px 0;
padding: 0;
font: normal 1.0em helvetica, arial, verdana, sans-serif;
text-align: right;
}
.ccol {
float: left;
margin: 20px 20px 0 0;
padding: 0;
width: 260px;
}
#content .ccol h2 {
font: normal 1.6em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.6;
margin: 0 0 15px 0;
padding: 0;
color: #333;
}
.teamphoto {
float: left;
margin: 5px 20px 20px 0;
padding: 0px 0 0 0;
width: 110px;
}
.partnerimg {
float: left;
margin: 0px 20px 0px 0;
padding: 0px 0 0 0;
width: 180px;
}
.partnerinfo {
float: left;
margin: 0 0px 0 0;
padding: 0;
width: 360px;
}
.teamphoto img {
border: 1px dotted #aaa;
margin: 0;
padding: 0px 0 0 0;
}
.teaminfo {
float: left;
margin: 0 0px 0 0;
padding: 0;
width: 440px;
}
#content h3 {
font: bold 1.6em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.4;
margin: 0 0 10px 0;
padding: 0;
color: #444;
}
/*-----------------------------------------------CALENDAR */
.caldate {
float: left;
width: 170px;
margin: 5px 10px 0 0;
padding: 0;
}
#content .caldate p {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 0 0 5px 0;
padding: 0;
color: #333;
}
.calloc {
float: left;
width: 420px;
margin: 5px 0 0 0;
padding: 0;
}
#content .calloc p {
font: normal 1.2em "Lucida Grande", Helvetica, Arial, sans-serif;
line-height: 1.5;
margin: 0 0 5px 0;
padding: 0;
color: #333;
}
.city2 {
color: #999;
font-style: italic;
margin-left: 3px;
}
#content p span.msg {
color: #999;
margin-left: 0;
background: #fff;
padding: 1px 2px;
}

/*-----------------------------------------------TOGGLER */
.botline {
border-bottom: 1px dotted #aaa;
width: 100%;
margin: 0;
padding: 0;
}
.accordion {
margin: 0px 0 0 0;
padding: 10px 0 0 0;
border-top: 1px dotted #aaa;
}
#content h2.toggler {
cursor: pointer;
font: bold 1.6em georgia, times new roman, serif;
line-height: 1.4;
margin: 0px 0 0px 0;
padding: 0px 0px 0 0;
color: #770000;
}
h2.toggler:hover { 
color:#770000 !important; 
}
.accordion .element {
margin: 15px 0px 0px 2px;
padding: 0;
}
.accordion .element p {
padding: 5px 0 10px 0px;
margin: 0;
}
.accordion .element .botlink {
float: left;
margin: 20px 0 40px 0;
padding: 0;
width: 400px;
}

/*-----------------------------------------------FOOTER */
#footer {
margin: 20px auto 0 auto;
padding: 20px auto;
width: 940px;
font: normal 1.0em "Lucida Grande", Helvetica, Arial, sans-serif;
}
#footer p {
font: normal 1.0em "Lucida Grande", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
.fleft {
float: left;
margin: 0 40px 20px 0;
padding: 5px 0 0 25px;
width: 375px;
color: #666;
}
.fright {
float: left;
margin: 0;
padding: 0 0 20px 10px;
width: 490px;
}
.fright a, 
.fleft a {
color: #666;
}
.fright a:hover, 
.fleft a:hover {
color: #999;
}
.fright ul {
margin: 5px 0 0 0;
padding: 0;
}
.fright ul li {
display: inline;
list-style-type: none;
margin: 0 5px 0 0;
padding: 0 0 0 7px;
border-left: 1px solid #222;
}
.fright ul li.first {
border-left: none;
padding: 0 0 0 0;
}
.x {
border: none;
display: inline-block;
width: 13px;
margin: 0 3px 0 0;
padding: 0px 0 0 0;
vertical-align: bottom;
}


/*-----------------------------------------------FORM */
form {
margin: 30px 0 30px 0;
padding: 0;
}
div.row {
clear: both;
padding: 0px;
font: bold 1.2em helvetica, arial, verdana, sans-serif;
line-height: 15px;
color: #333; 
}
label {
float: left;
width: 120px;
text-align: left;
margin: 0;
padding: 2px 5px 0 0px;
}
div.row span.forml {
float: left;
width: 120px;
text-align: right;
margin: 0;
padding: 2px 5px 0 0;
}
div.row span.formr {
float: left;
width: 320px;
text-align: left;
font: normal 0.9em helvetica, arial, verdana, sans-serif;
line-height: 15px;
color: #333; 
margin: 0;
padding: 0 0 20px 5px;
} 
input, textarea {
font: normal 1.2em helvetica, arial, verdana, sans-serif;
color: #333; 
vertical-align: middle;
}
select {
font: normal 1.2em helvetica, arial, verdana, sans-serif;
color: #333; 
margin-top: 3px;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
.error {
background: #ffff99;
}
#contactform label.error { 
width: 320px; 
display: block;
font-weight: bold;
background: transparent;
color: #cc0000;
margin: 0;
padding: 0;
}