/* layout.css */

#layout {
  background-color: #ffffff;
  color: #000000;
  padding: 10px;
  text-align: left;
  width: auto;
}

#header {
  background-color: #002c57;
  background-image: url(/images/header_bg.gif);
  background-position: bottom left;
  background-repeat: no-repeat;
  color: #ffffff;
  padding: 26px 10px 10px 160px;
  width: auto;
  height: 96px;
  position: relative;
}

#header h1 {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

#header h1 a#logo {
  margin: 0;
  padding: 0;
  background-image: url(/images/usadance_logo.gif);
  background-repeat: no-repeat;
  background-position: 12px 12px;
  position: absolute;
  top: -18px;
  left: -160px;
  display: block;
  width: 126px;
  height: 126px;
}

#header h1 a#logo img {
  display: none;
}

#header h1 a#name {
  color: #ffffff;
  margin: 0 0 5px 0;
}

#header h1 a#name:link, #header h1 a#name:visited, #header h1 a#name:focus, #header h1 a#name:hover, #header h1 a#name:active {
  display: block;
  color: #ffffff;
  text-decoration: none;
}

#header h2#slogan {
  margin: 0;
  padding: 0;
  color: #87a8ca;
  border-width: 0;
  border-style: none;
}

#header #usoc {
	width: 215px;
	height: 88px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 1px;
	right: 1px;
	background-image: url(/images/usoc.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#header #usoc span {
	display: none;
}

#mainNavigation {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 151px;
  width: 708px;
}

#mainNavigation li {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

#mainNavigation li ul li {
  font-size: 11px;
}

#mainNavigation li a {
  padding: 12px;
}

#mainNavigation li form {
  padding: 8px;
}

#mainNavigation li a:link, #mainNavigation li a:visited, #mainNavigation li a:focus, #mainNavigation li a:hover, #mainNavigation li a:active {
  color: #ffffff;
}

#mainNavigation li ul {
  padding-bottom: 5px;
  background-color: #000000;
}

#subNavigation {
  background-color: #002c57;
  color: #ffffff;
  width: 210px;
  height: auto;
  float: left;
  padding: 10px;
}

#subNavigation li.first {
  border-bottom: 1px solid #87a8ca;
  padding-bottom: 6px;
  margin-bottom: 6px;
}

#subNavigation li.first.selected {
  border-bottom: 0 none none;
  padding-bottom: 0;
  margin-bottom: 0;
}

#subNavigation ul {
  list-style: none;
  margin: 0 0 6px 0;
  padding: 0 0 6px 0;
  border-bottom: 1px solid #87a8ca;
}

#subNavigation ul li {
  font-size: 16px;
}

#subNavigation ul li.selected {
  font-weight: bold;
}

#subNavigation ul li ul {
  list-style: none;
  list-style-image: url(/images/bullet_ffffff.gif);
  margin: 0 13px;
  padding: 0;
  border-bottom-width: 0;
  border-bottom-style: none;
}

#subNavigation ul li ul li {
  font-weight: normal;
  font-size: 13px;
}

#subNavigation ul li ul li.selected {
  font-weight: bold;
}

#subNavigation a:link, #subNavigation a:visited {
  color: #ffffff;
  text-decoration: none;
}

#subNavigation a:focus, #subNavigation a:hover, #subNavigation a:active {
  color: #ffffff;
  text-decoration: underline;
}

#subNavigation ul li.selected a:link, #subNavigation ul li.selected a:visited, #subNavigation ul li.selected ul li.selected a:link, #subNavigation ul li.selected ul li.selected a:visited, #subNavigation ul li.selected ul li.selected ul li.selected a:link, #subNavigation ul li.selected ul li.selected ul li.selected a:visited, #subNavigation ul li.selected ul li.selected ul li.selected ul li.selected a:link, #subNavigation ul li.selected ul li.selected ul li.selected ul li.selected a:visited {
  text-decoration: underline;
}

#subNavigation ul li.selected ul li a:link, #subNavigation ul li.selected ul li a:visited, #subNavigation ul li.selected ul li.selected ul li a:link, #subNavigation ul li.selected ul li.selected ul li a:visited, #subNavigation ul li.selected ul li.selected ul li.selected ul li a:link, #subNavigation ul li.selected ul li.selected ul li.selected ul li a:visited {
  text-decoration: none;
}

#subNavigation ul li a:focus, #subNavigation ul li a:hover, #subNavigation ul li a:active, #subNavigation ul li.selected ul li a:focus, #subNavigation ul li.selected ul li a:hover, #subNavigation ul li.selected ul li a:active, #subNavigation ul li.selected ul li.selected ul li a:focus, #subNavigation ul li.selected ul li.selected ul li a:hover, #subNavigation ul li.selected ul li.selected ul li a:active, #subNavigation ul li.selected ul li.selected ul li.selected ul li a:focus, #subNavigation ul li.selected ul li.selected ul li.selected ul li a:hover, #subNavigation ul li.selected ul li.selected ul li.selected ul li a:active {
  text-decoration: underline;
}

#subNavigation hr {
  margin: 0;
  background-color: #87a8ca;
  color: #87a8ca;
}

#subNavigation form {
  margin: 0;
}

#subNavigation form fieldset {
  border-width: 0 0 1px 0;
  border-style: none none solid none;
  border-color: #87a8ca;
  margin: 0 0 1px 0;
  padding: 0;
}

#subNavigation form fieldset legend {
  color: #87a8ca;
  font-weight: bold;
  font-size: 125%;
  margin: 0;
  padding: 0;
}

#subNavigation label, #subNavigation input {
  font-size: 9px;
  background-color: #002c57;
  color: #87a8ca;
}

#subNavigation form label {
  clear: left;
  float: left;
  width: 64px;
  height: auto;
  padding: 1px 3px;
  text-align: right;
}

#subNavigation form label.labelCheckbox {
  clear: left;
  float: none;
  display: block;
  width: 133px;
  margin: 0 0 0 70px;
  padding: 3px 4px;
  text-align: left;
}

#subNavigation input.inputText {
  width: 127px;
  border-width: 0;
  border-style: none;
  background-color: #87a8ca;
  color: #002c57;
  margin: 0 0 1px 0;
  padding: 1px 3px;
}

#subNavigation input.inputSubmit {
  padding: 0 3px;
  float: right;
  border: 1px outset #ffffff;
  font-size: 120%;
}

#subNavigation h5 {
  float: left;
  display: inline;
  font-size: 120%;
  color: #87a8ca;
  padding: 4px 6px 4px 0;
}

#subNavigation form a:link, #subNavigation form a:visited, #subNavigation form a:focus, #subNavigation form a:hover, #subNavigation form a:active {
  color: #87a8ca;
}

#subNavigation h6 {
  text-align: center;
  font-size: 90%;
  color: #87a8ca;
}

#subNavigation div.snippets  {
  text-align: center;  
}

#subNavigation div.snippets a  {
  display: block;
  margin: 5px 5px;
  font-size: 100%;
}

#subNavigation div.snippets h3 {
  margin: 0 0 5px 0;
}

#subNavigation div.snippets div a {
  margin: auto;
}

#subNavigation div.snippets p {
  font-size: 80%;
  margin: 0 0 10px 0;
}

#breadcrumbNavigation {
  background-color: #87a8ca;
  color: #002c57;
  padding: 2px 20px;
  margin: 0 0 0 230px;
  width: auto;
  height: 1%;
}

#breadcrumbNavigation a:link, #breadcrumbNavigation a:visited, #breadcrumbNavigation a:focus, #breadcrumbNavigation a:hover, #breadcrumbNavigation a:active {
  color: #002c57;
}

#content {
  background-color: #ffffff;
  width: auto;
  height: 1%;
  margin: 0 0 0 230px;
  padding: 20px;
  text-align: left;
}

#content img {
  margin: 5px;
}

#content a img {
  border-style: none;
  border-width: 0;
}

.divAlignLeft {
  float: left;
  width: 200px;
  height: auto;
  border: 1px solid #000000;
  margin: 0 10px 10px 0;
  padding: 10px;
  background-color: #cccccc;
}

.divAlignCenter {
  text-align: center;
  margin: 10px;
  padding: 10px;
  border: 1px solid #000000;
  background-color: #cccccc;
}

.divAlignRight {
  float: right;
  width: 200px;
  height: auto;
  border: 1px solid #000000;
  margin: 0 0 10px 10px;
  padding: 10px;
  background-color: #cccccc;
}

.divAlignLeft img, .divAlignCenter img, .divAlignRight img {
  border: 1px solid #87a8ca;
}

.divAlignRight dl, .divAlignRight p {
  width: 200px;
}

.divAlignRight dd {
  margin: 0 0 0 15px;
}

.divAlignRight .divAlignLeft {
  text-align: left;
  border-width: 0 0 0 1px;
  margin: 0 0 0 0;
  padding: 0 10px;
}

.divAlignRight h6.credit, .divAlignLeft h6.credit {
  text-align: center;
  margin: 0;
}

.divAlignRight dl.featured h4 {
  margin: 0 0 3px 0;
}

.divAlignRight dl.featured dd {
  margin: 0 0 10px 5px;
}

#content blockquote.blockquoteAlignLeft, #content blockquote.blockquoteAlignCenter, #content blockquote.blockquoteAlignRight {
  font-size: 130%;
  background-color: #eeeeee;
  padding: 10px;
  margin: 0 0 0 20px;
}

#content blockquote.blockquoteAlignLeft {
  float: left;
  width: 200px;
  margin: 0 10px 10px 10px;
}

#content blockquote.blockquoteAlignCenter {
  width: 400px;
  margin: 10px auto;
}

#content blockquote.blockquoteAlignRight {
  float: right;
  width: 200px;
  margin: 0 0 10px 10px;
}

#content dl.flat dt, #content dl.flat dd {
  display: inline;
  margin: 0;
}

#content dl.flat dd {
  padding-left: 5px;
}

#content dl.flat dt.block {
  display: block;
}

#content ul.nodecoration, #content ul.nodecoration li {
  list-style-type: none;
  list-style-image: none;
}

#content ul.nodecoration {
  margin: 0 0 20px 0;
  padding: 0;
}

#content ul.nodecoration li {
  margin: 0;
  padding: 0;
}

#content ul dl.compact {
  display: inline;
  clear: left;
}

#content dl.compact dt, #content dl.compact dd {
  float: left;
}

#content dl.compact dt {
  clear: left;
}

#content dl.compact dd {
  margin: 0 0 0 5px;
}

span.new {
  background-image: url(/images/new_graphic.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 28px;
  height: 11px;
  padding: 0;
  margin: 0;
}

#runner {
  text-align: center;
	zoom: 1;
	padding-bottom: 10px;
}

#footer {
  padding: 0 250px;
}

#footer #accessdance {
  float: left;
  width: 199px;
  height: 63px;
  margin: 10px;
  padding: 0;
  background-image: url(/images/accessdance_logo.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

#footer #accessdance a {
  display: block;
  width: 199px;
  height: 63px;
  margin: 0;
  padding: 0;
}

#footer #accessdance a span {
  display: none;
}

#footer #copyright {
  margin: 10px 0 0 10px;
}