/*
- Dark purple = #40016C
- Medium purple = #5E1A84
- Light purple = #E9CAFF
*/

#jason #breadcrumbs, 
#home #breadcrumbs {
  display: none;
}

#breadcrumbs  {
  clear: both;
  font-size: 1.1em;
  line-height:1em;
  margin: 15px 0 15px 0;
  background: #F6F6F6;
  padding: 0.5em 0.75em;
  color: #6F6F6F;
}

#breadcrumbs a {
  text-decoration: none;
  color: #6F6F6F;
}


/* ==============
    General   */

body {
font-size: 12px;
background: white;
font-family: Helvetica, sans-serif;
padding: 0;
margin: 0;
}

h1, h2, h3, #nav, .box, #twitter_box ul.tweet_list li span, .summary {
  font-family: Georgia, serif;
}

hr {
display: none;
}

#body-content .double-column li {
  list-style-image: url(/images/site/dot_point_purp.gif);
}

#body-content .double-column a {
  border-bottom: 1px dotted #5E1A84;
  text-decoration: none;
  color: #40016C;
}
#body-content .double-column a:hover {
  border-bottom: 1px solid #FFFFFF;
  text-decoration: none;
  color: #FFFFFF;
  background: #40016C;
}


.right {float: right;}
.left {float: left;}
.clearer {clear: both;height: 1px;line-height:1px}
blockquote p {
  padding: 0.2em;
  display: inline;
  line-height: 1.75em;
  background: #40016C;
  color: #ffffff;
  font-family: Helvetica, sans-serif;
}
.summary { 
  font-size: 1.25em;
  margin: 0;
  font-weight: normal;
}
.summary p { margin-top: 0;}

a.button {
  text-decoration: none;
  padding: 5px 13px;
  font-size: .9em;
  font-weight: bold;
  color: #E9CAFF !important;
  border: 1px solid #40016C;
  background-color: #40016C;
  background-image: url(/images/site/glass-btn.png);
  background-repeat: repeat-x;
  background-position: 0 50%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-transition: color, background-color .2s ease-in;
}
a.button:hover {
  border-color: #5E1A84;
  background-color: #5E1A84;
  text-decoration: underline;
}

/* ================
    Structure   */

#wrapper {
width: 960px;
margin: 0 auto;
/*border: 1px solid red;*/
}

#header {
height: 68px;
}
#header #logo {
/*display: inline-block;*/
float: left;
}
#header #logo a img {
border: none;
}
#header #statement {
float: left;
width: 240px;
height: 83px;
}
#header #statement p {
font-family: Helvetica, sans-serif;
font-size: 0.8em;
margin: 2.7em 0;
padding: 0 2em 0 1em;
border-left: 1px dashed #999;
color: #666;
}

#nav {
clear: both;
font-size: 1.1em;
}

#nav ul {
list-style-type: none;
display: block;
height: 27px;
background: #40016C url(/images/site/darkpurplegradient.gif) repeat-x top center;
padding-left: 15px;
padding-left: 0;
margin-left: 0;
}

#nav li {
float: left;
padding: 0;
margin: 0;
}
#nav li a {
height: 17px;
text-decoration: none;
padding: 5px 8px 5px 8px;
margin: 0;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
color: #E9CAFF;
}
#nav li a:hover,
#nav li a.active {
text-decoration: underline;
background: #E9CAFF url(/images/site/lightpurplegradient.gif) repeat-x top center;
color: #40016C;
}

#nav li a.active {
text-decoration: none;
}

#wrap {
clear: both;
}

#body-content {

}

#body-content .single-column,
#body-content .double-column {
  float: left;
  width: 180px;
}

#body-content .double-column {
  width: 375px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 7px;
  /* margin-right: 7px; */
}

#body-content .single-column.last {
  padding-left: 7px;
  margin-left: 7px;
  border-left: 1px dashed #CCCCCC;
}

#body-content .single-column.feature-column {
  padding-left: 7px;
  border-left: 1px dashed #CCCCCC;
  min-height: 858px;
}

#body-title {
  margin:0;
  padding: 10px;
  background-color: #a80054;
  color: #ffffff;
  width: 160px;
  font-family: Georgia, serif;
  font-size: 1.75em;
  font-weight: normal;
  min-height: 5em;
}


/* ======================
    Anything Slider   */

.anythingSlider {
  width: 960px;
  height: 295px;
  position: relative;
  margin: 0 auto 15px;
}
.anythingSlider .wrapper {
  width: 960px;
  overflow: auto;
  height: 295px;
  margin: 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
.anythingSlider .wrapper ul {
  width: 9999px;
  list-style: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #eee;
/*  
  border-top: 3px solid #e0a213;
  border-bottom: 3px solid #e0a213;
*/
  margin: 0;
  padding: 0;
}
.anythingSlider ul li {
  display: block;
  float: left;
  padding: 0;
  height: 295px;
  width: 960px;
  margin: 0;
}

.anythingSlider .arrow {
  display: none;
  height: 200px;
  width: 67px;
  background: url(/images/site/arrows.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 65px;
  cursor: pointer;
}
.anythingSlider .forward {
  background-position: 0 0;
  right: -20px;
}
.anythingSlider .back {
  background-position: -67px 0;
  left: -20px;
}
.anythingSlider .forward:hover {
  background-position: 0 -200px;
}
.anythingSlider .back:hover {
  background-position: -67px -200px;
}


#thumbNav {
  position: relative;
  top: 302px;
  text-align: center;
}
#thumbNav a {
  color: #40016C;
  font-size: 13px;
  font-weight: bold;
  font-family: Georgia, serif;
  display: inline-block;
  padding: 5px 10px 0 10px;
  height: 23px;
  width: 8px;
  margin: 0 5px 0 0;
  background: #E9CAFF url(/images/site/lightpurplegradient.gif) repeat-x top center;
  text-align: center;
  border: 2px solid #FFFFFF;
  text-decoration: none;
/*
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
*/
}
#thumbNav a:hover {
  /*background-image: none;*/
  border: 2px solid #40016C;
}
#thumbNav a.cur {
  /* background: #e0a213; */
  border: 2px solid #40016C;
}

#start-stop {
  display: hidden;
  background: green;
  background-image: url(/images/site/cellshade.png);
  background-repeat: repeat-x;
  color: white;
  padding: 2px 5px 0 5px;
  width: 40px;
  text-align: center;
  position: absolute;
  right: 45px;
  top: 295px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
}
#start-stop.playing {
  background-color: red;
}
#start-stop:hover {
  background-image: none;
}

/*
Prevents
*/
.anythingSlider .wrapper ul ul {
  position: static;
  margin: 0;
  background: none;
  overflow: visible;
  width: auto;
  border: 0;
}
.anythingSlider .wrapper ul ul li {
  float: none;
  height: auto;
  width: auto;
  background: none;
}

.anythingSlider .swimmers {
  background: url(/images/site/swimmers_main_hires.jpg);
  width: 960px;
  height: 295px;
  padding-top: 70px;
}

.anythingSlider .box {
  margin: 0 auto;
  color: #E9CAFF;
  width: 395px;
  border: 1px solid white;
  /* background: #5E1A84; */
  background: url(/images/site/box_bg.png);
  padding: 10px;
  font-size: 1.5em;
  min-height: 113px
  
}

.anythingSlider .box a {
  text-decoration: none;
  color: #E9CAFF;
}

.anythingSlider .box:hover a span,
.anythingSlider .box:hover span {
  color: #40016C;
  background-color: #E9CAFF;
  text-decoration: underline;
}

/* ==================
    Twitter Box   */

#twitter_box {
  clear: both;
  font-size: 1.2em;
  line-height:1em;
  height:1em;
  margin: 60px 0 15px 0;
  border: 1px solid #dedede; 
  background: #F6F6F6;
  padding: 0.5em 0.75em;
}
#twitter_box ul.tweet_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#twitter_box ul.tweet_list li {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  height: 1em;
  width: auto;
  /*overflow: hidden;*/
}
#twitter_box ul.tweet_list li span {
  color: #5E1A84;
}



/* =================
    Promotions   */

#promotions {

}

.article_box {
  width: 180px;
  margin-right: 15px;
  float: left;
}
.article_box a {
  text-decoration: none;
}

.article_box:hover {
  background: #efefef;
}
.article_box.last {
  margin-right: 0;
}

.article_box img {
  margin-bottom: 10px;
  border: 0px;
}

.article_box img.purp {
  margin-bottom: 0;
}

.article_box a img {
  border: 0px;
}

.article_box h3 {
  font-size: 1.2em;
  line-height: 1.35em;
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: #5E1A84;
}
.article_box a h3  {
  font-size: 1.2em;
  line-height: 1.35em;
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: #5E1A84;
  text-decoration: none;
}
.article_box a:hover h3  {
  background: #5E1A84;
  color: white;
}

.article_box p {
  line-height: 1.35em;
  padding: 0;
  margin: 0 0 1em 0;
}
.article_box a p {
  color: #000;
  text-decoration: none;
}

/* Asset Box*/

ul.asset_box {
  list-style-type: none;
  margin: 0 0 38px 0;
  padding: 15px;
/*
  background: white url(/images/site/news-entry-box-bg.png) no-repeat top right;
  border: 1px solid #e5e5d9;
  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
*/
}
ul.asset_box li {
  height: 38px;
  padding: 0 0 0 40px;
/*  line-height: 1.6em;*/
}
ul.asset_box li a {
  padding: 0.2em;
  display: inline;
  line-height: 1.75em;
  background: #40016C;
  color: #ffffff;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
ul.asset_box li a:hover {
  background: #E9CAFF;
  color: #40016C;
  text-decoration: underline;
}


ul.asset_box li.pdf {
  background: url(/images/site/pdf_sml.png) no-repeat center left;
}
ul.asset_box li.word {
  background: url(/images/site/word.png) no-repeat center left;
}

/* =============
    Footer   */

#footer {
  font-size: 0.9em;
  margin-top: 1em;
  clear: both;
  background-color: #F6F6F6;
  min-height: 120px;
  padding: 10px;
}

#footer div {
  width: 180px;
  padding-right: 15px;
}

#footer div img,
#footer div a img,
#footer div a {
  border: none;
  border: 0px solid green;
}


#footer div.last {
  padding-right: 0;
}

/* ================
    Copyright   */


#copyright {
  clear: both;
}