html, body {height:100%;background-color:#000;}
body{background-color:#000;font-family:Verdana, sans-serif;color:#fff;font-size:12px;}
/* Common
-------------------------------------------------------------- */

td { padding:5px; }
th { text-align:left; text-transform:uppercase; }
tr:nth-child(odd) {background-color:#333}

.nomargin{ margin: 0; }
.nomargin-top{ margin-top: 0; }
.nomargin-bottom{ margin-bottom: 0; }
.right{  float: right;  }
.left{  float: left; }
.txtleft{ text-align:left; }
.txtright{ text-align:right; }
.center{ text-align: center; }
.clear{  clear:both;  height:0; font-size: 1px; line-height: 0px; }
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
img{ border: 0; }
div.hr{ border-top: 1px dashed #999; color: #999; height: 0; margin: 10px 0; display: block; overflow:hidden; }

/* Forms */
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
.req {color:#3e89e1;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.errorlist, .errorlist li{ margin: 0 !important; color: red; list-style: none; list-style-type: none !important; text-align: left; padding: 0; }
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Typogrify
  CSS Hooks provided in typogrifyed blocks
------------------------------------------------------------ */
.caps { font-size:98%; }
.amp { font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic; }

#doc { position:relative; }

#hd-flash { position:absolute; top:0; left:0; z-index:99; }

#bd {background:url("../img/bg-content.jpg") top right no-repeat #000;margin-top:83px;margin-bottom:20px;min-height:303px;}

#content {color:#fff; padding-top:20px;}
h1, #content h1 {font-family:Arial;font-size:20px;font-weight:normal;color:#ffffff;text-transform:uppercase;border-bottom:2px solid #3e89e1;margin-bottom:5px;}
#content h2 {font-family:Arial;font-size:15px;font-weight:normal;color:#3e89e1;text-transform:uppercase;margin:20px 0 10px 0;}
#content h3 {font-family:Arial;font-size:13px;color:#3e89e1;text-transform:uppercase;margin:0 0 20px 0;letter-spacing:-1px;}
#content h4 {font-family:Arial;margin:30px 0 0 0;padding:0;}
#content h5 {font-family:Arial;font-size:11px;margin:0;padding:8px 0;}
#content p {margin:20px 20px 10px 0;}
#content ol, #content ul {list-style-position:outside;margin-left:20px;}
#content ol li {list-style-type:decimal;margin:5px 0;}
#content ol li ol li {list-style-type:lower-alpha;}
#content ul li {list-style-type:disc;}
#content ul li ul li {list-style-type:circle;}
#content a {color:#3e89e1;}
#content span.association {color:#346bab;}

.sidenav ul { list-style-type:none; padding:0; margin:0; }
.sidenav > ul { padding-top:20px; }
.sidenav ul li { border:1px solid #333; font-size:11px; margin-bottom:10px;}
.sidenav ul li:hover { background-color:#333; color:#fff; }
.sidenav ul li p{ margin:0; padding:4px; }
.sidenav ul li.active a{ color:#fff; }
.sidenav ul li a { color:#fff; text-decoration:none; }
.sidenav ul li > ul{ margin: 10px 0 20px 10px; }
.sidenav ul li > ul li{ border: none; margin: 4px 0; }
.sidenav ul li > ul li.year a{ color: #3e89e1; }
.sidenav ul li > ul li.month{ padding: 0 0 0 10px; }

#bd.brags .brag {float:left;background-color:#3e89e1;width:140px;padding:3px;margin:0 17px 10px 0;font-size:85%;min-height:207px;}
#bd.brags .brag .name {font-weight:bold;font-size:108%;}
#bd.brags .brag .img {text-align:center;}
#bd.brags #brag-form {width:350px;float:left;}
#bd.brags #brag-form th {vertical-align:top;padding-right:4px;}
#bd.brags #brag-form #id_name, #bd.brags #brag-form #id_image, #bd.brags #brag-form #id_message {width:255px;margin:3px 0;padding:0 3px;}
#bd.brags #brag-bullhorn {width:300px;float:left;padding-top:30px;}

#paging {width:90%;margin-top:25px;}
#paging td {text-align:center;color:#3e89e1;text-transform:uppercase;font-size:116%;}
#paging td a {color:#ffffff;text-decoration:none;}
#paging td.pages a {color:#3e89e1;background-color:#19375a;padding:3px;}
#paging td.pages a.current {background-color:#ffffff;}
#paging td.prev{ text-align: left; width: 170px; }
#paging td.next{ text-align: right; width: 170px; }

#bd.contact .locations,
#bd.contact .schedules{ padding:40px 0 0 0;}
#bd.contact .locations .location,
#bd.contact .schedules .schedule {border-bottom:1px solid #333333;padding:0 0 10px 0;margin-bottom:10px;}
.title {color:#3e89e1; display: block; margin: 10px 0 0 0;}
.location-item .title {margin-top:0; cursor:pointer;}
.location-item .map-marker {cursor:pointer;}
.location-landing {float:left;margin:0 18px 18px 0;width:168px;color:#fefefe;font-size:12px;}
.location-landing .city-state {font-size:16px;font-weight:bold;background:top left no-repeat;}
.location-landing.last {margin-right:0;}
.location-landing a {display:block;width:152px;height:80px;padding:90px 8px 0 8px;color:#fefefe;text-decoration:none;}
.event-landing {float:left;margin:0 18px 18px 0;width:168px;color:#fefefe;font-size:12px;}
.event-landing .city-state {font-size:16px;font-weight:bold;background:top left no-repeat;}
.event-landing a {display:block;width:152px;height:80px;padding:90px 8px 0 8px;color:#fefefe;text-decoration:none;}
.event {border-top:1px dotted #fff;padding:20px 0;}
.event .event-title {color:#3e89e1;font-weight:bold;font-size:14px;}
.event .event-flyer {float:left;width:145px;}
.event .event-details {float:left;width:550px;}
#content .event p {margin-top:0;}
#content .event h3 {margin:20px 0 0 0px;font-size:14px;font-weight:bold;}
#bd.contact .locations .last,
#bd.contact .schedules .last,
#bd.contact .events .last{border:0;}
.location-nav-item,
.schedule-nav-item,
.event-nav-item{ margin: 1px 0 1px 10px !important; }
.location-nav-item.active a,
.schedule-nav-item.active a,
.event-nav-item.active a {color:#3e89e1;}

#bd.contact #contact-form th {padding:5px 3px 0 0;vertical-align:top;text-align:left;}
#bd.contact #contact-form #id_name, #contact-form #id_email, #contact-form #id_message {width:250px;margin:3px 0;padding:0 3px;font-size:93%;}
#bd.contact #newsletter-form th {padding:5px 3px 0 0;vertical-align:top;text-align:left;}
#bd.contact #newsletter-form #id_email {width:200px;margin:3px 0;padding:0 3px;font-size:93%;}

#bd.contact #taf-form #id_sender_name, #bd.contact #taf-form #id_sender_email, #bd.contact #taf-form #id_recipient_name,
#bd.contact #taf-form #id_recipient_email, #bd.contact #taf-form #id_message {width:250px;margin:3px 0;padding:0 3px;font-size:93%;}
#bd.contact #taf-form th {vertical-align:top;}

#bd.five-qualities h2{ margin-bottom: 0; }
#bd.five-qualities h2 span{ color: #fff; }

#news-listings{ margin: 20px 0 0 0; }
#news-listings .col1{ float: left; width: 189px; }
#news-listings .col2{ float: right; width: 510px; }
#news-listings .col1 img{ border: 3px solid #fff !important; float: left; }
#news-listings > div{ overflow: hidden; margin-bottom: 20px; }
#news-listings p{ margin-top: 0; }
#news-listings h2{ margin: 0 0 5px 0; color: #fff; font-weight: bold; }
#news-listings h3{ font-size: 130%; }
#news-listings div.hr{ border-top: 3px solid #4f85e0; color: #4f85e0; margin: 15px 0; }

#rsvp-form th{ text-align: left; padding-right: 15px; vertical-align: top; font-weight: normal; }
#rsvp-form textarea, #rsvp-form input[type=text]{ width: 246px; }
#rsvp-form #id_num_attendees{ width: 93px; }

#bd.skills ol{ margin: 0; padding: 0; }
#bd.skills ul{ margin-bottom: 20px; }
#bd.skills ul li{ list-style: none; }
#bd.skills ol h2{  background: url(../img/skills-arrow.png) no-repeat; color: #fff; height: 33px; padding: 7px 0 0 40px; font-size: 150%; margin: 0; }
#bd.skills ol > li.open h2{ background: url(../img/skills-arrow-open.png) no-repeat; }
#bd.skills ol > li{ list-style: none; margin: 0; cursor: pointer; }
#bd.skills ol > li.baseball{ background: url(../img/skills-baseball.jpg) no-repeat; }
#bd.skills ol > li.baseball.active, #bd.skills ol > li.baseball.open{ background: url(../img/skills-baseball-open.jpg) no-repeat; }

#bd.skills ol > li.football{ background: url(../img/skills-football.jpg) no-repeat; }
#bd.skills ol > li.football.active, #bd.skills ol > li.football.open{ background: url(../img/skills-football-open.jpg) no-repeat; }

#bd.skills ol > li.basketball{ background: url(../img/skills-basketball.jpg) no-repeat; }
#bd.skills ol > li.basketball.active, #bd.skills ol > li.basketball.open{ background: url(../img/skills-basketball-open.jpg) no-repeat; }

#bd.skills ol > li.soccer{ background: url(../img/skills-soccer.jpg) no-repeat; }
#bd.skills ol > li.soccer.active, #bd.skills ol > li.soccer.open{ background: url(../img/skills-soccer-open.jpg) no-repeat; }

#bd.skills ol > li.volleyball{ background: url(../img/skills-volleyball.jpg) no-repeat; }
#bd.skills ol > li.volleyball.active, #bd.skills ol > li.volleyball.open{ background: url(../img/skills-volleyball-open.jpg) no-repeat; }

#bd.skills ol > li.softball{ background: url(../img/skills-softball.jpg) no-repeat; }
#bd.skills ol > li.softball.active, #bd.skills ol > li.softball.open{ background: url(../img/skills-softball-open.jpg) no-repeat; }

#bd.skills ol > li.tennis{ background: url(../img/skills-tennis.jpg) no-repeat; }
#bd.skills ol > li.tennis.active, #bd.skills ol > li.tennis.open{ background: url(../img/skills-tennis-open.jpg) no-repeat; }

.note {color:#3e89e1;font-size:85%;}

/* Homepage */
#homepage-sub-content { background:url('../img/bg-home-bottom.gif') repeat-x 0 0; }
#homepage-sub-content .flatblock { padding-left:130px; padding-top:30px; }
#homepage-sub-content div { margin-top:10px; }
#homepage-sub-content div p{ margin-top: 0; font-size: 10px; }
#homepage-sub-content div p a{ color:#fff; font-size: 10px; font-weight: bold; text-decoration: none; }
#homepage-sub-content div p a span{ color: #3e89e1; }
#five-qualities {background:url('../img/bg-home-5.png') no-repeat 0 0; min-height:128px;}
#five-qualities p  { padding:20px 0 0 130px; }
#bragging-rights {background:url('../img/bg-home-bragging.png') no-repeat 0 7px; min-height:128px;}
#bragging-rights p { padding:20px 0 0 0; }
#bragging-rights .flatblock{ padding-left: 0; }
#alumni {background:url('../img/bg-home-alumni.png') no-repeat 0 0; min-height:128px;}
#alumni p { padding:20px 0 0 130px; }

#ft {background:url('../img/bg-footer.gif') repeat-x 0 0; font-size:90%;}
#ft ul {list-style-type:none;padding:20px 0;margin:0;}
#ft ul li {float:left;padding:0 10px;border-left:1px solid #333;}
#ft ul li.first {border:none;padding-left:0 !important;}
#ft a {color:#3e89e1;text-decoration:none;}
#ft #copy {padding-top:5px;color:#4d4d4d;clear:both;}
#ft .social{ float: right; margin: 20px 0 0 0; }

/* registration form */
.my-titus-landing tr, .my-titus-landing td {background-color:transparent;}
.my-titus-landing td h2 {color:#3e89e1; font-size:15px; font-weight:normal;}
#registration_form th {font-size:12px;font-weight:normal;text-transform:none;vertical-align:top;}
#registration_form td {background-color:#333; vertical-align:top;}
#registration_form h2 {font-weight:bold;font-size:16px;text-transform:uppercase;color:#3e89e1;margin:0 0 4px 0;}
#registration_form textarea , #registration_form select, #registration_form input[type=text] {width:250px;border:0;padding:2px;font-family:arial;font-size:12px;margin:0;}
#registration_form textarea {height:70px;}
#registration_form ul {margin:0;padding:0;}
#registration_form ul li {list-style:none;float:left;margin:0 10px 0 0;}
#registration_form ul.errorlist li {float:none;}
#registration_form #id_dob_month, #registration_form #id_dob_day, #registration_form #id_dob_year {width:80px;}