/*** START: GENERAL ***/
BODY {
  margin: 5px 0 5px 0;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  background: url("/assets/body-bg.jpg") repeat #8f8fcc center fixed;
}
IMG {
	border: none;
	margin: 0;
	padding: 0;
}
TABLE {
	margin: 10px;
	width: auto; 
	border-collapse: collapse;
}
TH {
	background-color: #fff280;
	border: 1px solid #8f8fcc;
	text-align: right;
	font-size: 105%;
	padding: 5px;
}
TH.groupHdr {
	text-align: center; font-size: 115%; background-color: #fff9bf;
}
TD {
	background-color: #fff7e6;
	border: 1px solid #8f8fcc;
	text-align: left;
	padding: 5px;
}
TD.lanes {
	font-size: 115%; background-color: #000000; font-weight: bold; color: #ffffff;
}
TD.emptyCell {
	background-color: #8f8fcc;
}
TABLE#training TH {
	text-align: center;
}
TABLE#training TD {
	text-align: center;
}

A { text-decoration: none; color: #000080; font-weight: bold; }
A:hover { border-bottom: 1px solid #ff8000; }
.heightControl { clear: both; }
.note { font-size: smaller; }
.newRecord { font-size: 120%; color: #ff8000; font-weight: bold; }
/*** END: GENERAL ***/


/*** START: HOMEPAGE ELEMENTS ***/
.leadstoryBox     A { color: #ffbc07; }
DIV#hotPicksBar   A:hover { color: #ff8000; }
DIV#affiliates    A:hover { border-bottom: none; }
DIV#news          A { color: #ffbc07; }
DIV#spotlight DIV A { color: #ffffff; }
/**********/
DIV#container {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px 1px 2px 1px;
  border-style: solid;
  border-color: #6A6A8F;
	background-color: #ffffff;
}
DIV#hdr {
	width:100%;
	height:113px;
	background: url("/assets/header.jpg") #ffffff;
}
IMG#logo {
	position: relative;
	float: right;
	margin-top: 8px;
	margin-right: 8px;
	clear: both;
}
DIV#spotRow {
	width: 750px;
	margin-top: 0;
	padding-left: 9px;
	padding-right: 9px;
}
DIV#spotlight {
	width: 312px;
	min-height: 121px;
	background: url("/assets/spotlight_1.jpg") no-repeat #ffffff;
	padding-top: 78px;
	padding-right: 10px;
	padding-left: 185px;
	color: #ffffff;
	font-size: 85%;
	font-weight: bold;
	overflow: auto;
}
DIV#spotlight DIV {
	margin-right: 10px;
	margin-top: 37px;
	margin-bottom: 20px;
	text-align: right;
	font-weight: normal;
	font-size: 90%;
}
DIV#news {
	width: 240px;
	float: right;
	margin-top: -199px;
	padding-bottom: 14px;
	clear: both;
	background: url("/assets/news-grad.jpg") repeat-y #000080;
	font-size: 70%;
	color: #ffffff;
}
DIV#headlines {
	margin-top: 2px;
	padding: 0 10px 0 10px;
}
.prDate {
	font-size: 90%;
}
/**********/
DIV#leadstoryRow {
  width: 750px;
  margin-top: 2px;
  padding-left: 9px;
  padding-right: 9px;
}
DIV#ls1 {
  float: left;
 }
DIV#ls2 {
  float: left;
  margin-left: 10px;
}
.leadstoryBox {
  width: 370px;
  padding-bottom: 0px;
  background: url("/assets/ls-grad.jpg") #000080 repeat-y;
}
.leadstoryBox IMG {
  display: block;
}
.lsVisualTeaser {
  margin: 0 10px 10px 10px;
  padding-left: 70px;
  font-size: 75%;
  color: #ffffff;
  background-color: transparent;
}
.lsLink {
  text-align: right;
}
/**********/
DIV#hotPicksBar {
  width: 750px;
  margin-top: 5px;
  padding-left: 9px;
  padding-right: 9px;
  float: left;
  font-size: 85%;
  background: url("/assets/htpks-grad.jpg") repeat-x #ffffff;
}
DIV#hotPicksBar IMG {
  display: block;
}
DIV#hotPicksBar ul {
  margin: -52px 0 0 0;
  padding: 0 9px 0 9px;
  float: right;
  list-style-type: none;
}
DIV#hotPicks {
  width: 380px;
  float: left;
}
DIV#hotPicks ul li {
  width: 96px;
  padding-top: 17px;
  padding-bottom: 1px;
  float: left;
  text-align: center;
}
DIV#focusLink {
  width: 370px;
  float: left;
}
DIV#focusLink ul li {
  width: 278px;
  padding-top: 17px;
  padding-bottom: 1px;
  float: left;
  text-align: center;
}
/**********/
/*UL#headlines { margin: 0; padding: 0 0 0 8px; list-style-type: none; }
UL#headlines LI { line-height: 17px; }
UL#headlines LI#displayedcontent { margin-bottom: 10px !important; }
UL#headlines LI A { color: #14489f; text-decoration: none; }
UL#headlines LI A:hover { color: #ee2c36; border-bottom: 1px dashed #ee2c36; }
UL#headlines LI A:active { color: #ee2c36; border-bottom: 1px solid #ee2c36; }*/
/**********/
DIV#affiliates {
  width: 768px;
  margin-top: 5px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
  overflow: visible;
  padding-bottom: 1px;
}
DIV#affiliates IMG {
  margin-left: 40px;
  margin-right: 40px;
  vertical-align: middle;
}
/*** END: HOMEPAGE ELEMENTS ***/


/*** START: CONTENT PAGE ELEMENTS ***/
DIV#content   A { border-bottom: 1px dotted #000080; }
DIV#content   A:hover { color: #ff8000; border-bottom: 1px solid #ff8000; }
DIV.relLinks  A:hover { color: #ff8000; }
/**********/
.important { text-decoration: underline; }

DIV#content {
  width: 730px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 75%;
  color: #000000;
  background-color: transparent;
}
DIV#latestNews {
  float: left;
  width: 244px;
  padding-right: 10px;
}
DIV#newEvents {
  float: left;
  width: 244px;
  padding-right: 10px;
}
P {
  margin-top: 10px;
  margin-bottom: 2px;
}
P.first {
  margin-top: 0px;
}
P.contactInfo {
  width: 50%;
  padding: 3px 4px 3px 4px;
  margin-left: 20px;
  background-color: #fff7e6;
}
P SPAN.contactNum {
  padding: 0px 2px 0 2px;
  font-weight: bold;
  background-color: #fff7e6;
}
H1, H2, H3, H4, H5, H6 {
  margin: 0;
  padding: 0;
}
H1 {
  margin-right: -10px;
  margin-bottom: 20px;
  margin-left: -10px;
  border-bottom: 1px dotted #8F8FCD;
  font-size: 300%;
  color: #FCC209;
  background-color: transparent;
}
H2 {
  width: 60%;
  margin-right: -10px;
  margin-bottom: 20px;
  margin-left: -10px;
  font-size: 200%;
  color: #FCC209;
  background-color: transparent;
}
H3 {
  margin-top: -20px;
  margin-right: -10px;
  margin-left: -10px; 
  font-size: 150%;
  color: #ff8000;
  background-color: #fff2e6; 
  text-align: right; 
}
H4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 130%;
  color: #8f8fcc;
}
H5 {
  margin-top: 20px;
  font-size: 105%;
}
DIV#content UL {
  margin-right: 160px;
  margin-left: 60px;
  padding: 0 0 0 10px;
  border-left: 1px dotted #8F8FCD;
  list-style: none;
}
DIV#content UL LI {
  padding-top: 2px;
  padding-bottom: 20px;
  padding-left: 50px;
  color: #400099;
  background: url("/assets/swimmer-bullet.gif") no-repeat #ffffff;
  font-style: italic;
}
DIV#content UL LI.last {
  padding-bottom: 0px;
}
DIV#content OL {
  margin-right: 160px;
  margin-left: 60px;
  padding: 0 0 0 10px;
}
DIV#content OL LI {
  padding-bottom: 20px;
  padding-top: 2px;
  font-style: italic;
  color: #400099;
}
DIV#content OL LI.last {
  padding-bottom: 0px;
}
DIV.relLinks {
  padding: 20px;
  border-top: 1px dotted #8F8FCD;
  font-size: 80%;
  clear: both;
}
/*** END: CONTENT PAGE ELEMENTS ***/


/*** START: SITEMAP PAGE ELEMENTS ***/
DIV#sitemap {
  width: 730px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 19px;
  padding-right: 19px;
  font-size: 75%;
  color: #000000;
  background-color: transparent;
  text-align: center;
}
DIV#sitemap A:hover { color: #ff8000; }
DIV#sitemap DIV A { color: #ffffff; }
DIV#sitemap DIV A:hover { color: #000080; }
/*** END: SITEMAP PAGE ELEMENTS ***/


/*** START: FOOTER INFO ***/
DIV#footerBar { width: 759px; padding-left: 9px; padding-right: 0px; margin-left: auto; margin-right: auto; font-size: 70%; color: #000080; text-align: left; background-color: #d9e5ff; border-color: #6A6A8F; border-style: solid; border-width: 0 1px 1px 1px; }

#copyrightBox { float: left; padding-top: 3px; }
#copyrightBox A { color: #000080; font-weight: bold; }
#copyrightBox A:hover { color: #ff8000; border-bottom: 1px solid #ff8000; }

#creatorBox { float: right; text-align: right; padding: 2px 2px 2px 2px; color: #0097ac; background-color: #ffffff; font-weight: bold; }
.siteAuthor { color: #0097ac; }
.createdByKWS { border-bottom: 2px solid #ff5c00; color: #ff5c00; }
.createdByKWS .kLightBlue, .createdByKWS .kDarkBlue, .createdByKWS .kLightGreen, .createdByKWS .kDarkGreen { font-weight: bold; font-size: 110%; font-style: italic; }
.kLightBlue { color: #77b6d0; }
.kDarkBlue { color: #0052a5; }
.kLightGreen { color: #0097ac; }
.kDarkGreen { color: #497e93; }
/*** END: FOOTER INFO ***/


/*** START: MAIN NAV ***/
#mainNavBar { position: absolute; width: auto; top: 72px; margin-left: 10px; margin-right: 10px; text-align: left; padding: 0; display: block; overflow: visible; z-index: 1000; font-size: 75%; }
.menuHeader {
  padding: 0;
  margin: 0;
  color: #000080;
  background-color: #ffffff;
}
#navMenu1{ position: absolute; width: 125px; top: 0; left: 0; text-align: left; }
#navMenu2{ position: absolute; width: 125px; top: 7px; left: 125px; text-align: left; }
#navMenu3{ position: absolute; width: 125px; top: 22px; left: 250px; text-align: left; }
#navMenu4{ position: absolute; width: 125px; top: 37px; left: 375px; text-align: center; }
#navMenu5{ position: absolute; width: 125px; top: 50px; left: 500px; text-align: right; }
#navMenu6{ position: absolute; width: 125px; top: 48px; left: 625px; text-align: right; }

#dropMenu2{
  width: 125px;
  position: relative;
  top:26px;
  left:124px;
  margin:0;
  padding:0;
  font-size:95%;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
  color: #000080;
  background-color:#CFCFE7;
  display: none;
}
#dropMenu3 {
  width: 125px;
  position: relative;
  top: 41px;
  left: 249px;
  margin: 0;
  padding: 0;
  font-size: 95%;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
  color: #000080;
  background-color: #CFCFE7;
  display: none;
}
#dropMenu4 {
  width: 125px;
  position: relative;
  top: 56px;
  left: 374px;
  margin: 0;
  padding: 0;
  font-size: 95%;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
  color: #000080;
  background-color: #CFCFE7;
  display: none;
}
DIV.menuLinkRel { background-color: #8F8FCD; border-top: 1px solid #000080; width: 115px; height: 100%; padding: 2px 5px 0 5px; color: #ffffff; font-weight: bold; }



A.menuHdrLink { display: block; width: 115px; height: 100%; padding: 2px 5px 2px 5px; }
A.menuLink { display: block; border-top: 1px solid #ffffff; width: 115px; height: 100%; padding: 2px 5px 2px 5px; }

.menuHeader A:hover { background-color: #8F8FCD; color: #ffffff; border-bottom: none; text-decoration: none; width: 115px; }
#dropMenu2 A:hover { border-bottom: none; background-color: #8F8FCD; color: #ffffff; }
#dropMenu3 A:hover { border-bottom: none; background-color: #8F8FCD; color: #ffffff; }
#dropMenu4 A:hover { border-bottom: none; background-color: #8F8FCD; color: #ffffff; }

#dropMenu3 DIV.menuLinkRel A.menuLink:hover { background-color: #fff9bf; color: #000080; }
DIV.menuLinkRel A.menuLink { display: block; border-top: none; width: 105px; height: 100%; font-size: 90%; color: #fff9bf; text-decoration: none; background-color: #8F8FCD; }
/* END: MAIN NAV */