@charset "UTF-8";
/* CSS Document */


/*-------------------------------------------------USA DANCE ----------*/
body
{
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #333333;
background-color: #FFFFFF;
background-image: url(../pics/bodyBkgrnd.jpg);
background-position: top;
background-repeat: repeat-x;
}

#container
{
margin: 0 auto;
padding: 0;
width: 850px;
background-color: #89B9DD; /* colors extra space around navBar for IE 6*/
text-align: left;
}

#banner
{
width: 850px;
margin: 0;
padding: 0;
float: left;
}

#wrap
{
margin: 0; padding: 0;
}

a {text-decoration: none; font-weight: bold}

/*a:link {color: #113366;}*/
a:link {color: #003366;}
a:visited {color: #113366;}
a:hover {color: #990000;}
a:active {color: #990000;}

p
{
margin: 0;
padding: 10px;
}

ul 
{
margin: 4px 0 0 20px;
padding: 0 0 10px 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #993300;
}

.bold { font-weight: bold; }

h1
{
margin: 20px 0 10px 10px;
padding: 0;
color: #003300;
font-size: 20px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

body#resources h1
{
margin: 10px 0 0 10px; padding: 10px;
color: #003300;
font-size: 16px;
}

p.mailList
{
margin: 0; padding: 0 0 10px 20px;
}

.title
{
margin: 6px 0 10px 10px;
padding: 0;
color: #003300;
font-size: 16px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

h2, h3, h4, h5, h6
{
color: #005500;
font-size: 16px;
}

#news
{
margin: 10px; padding: 4px;
width: 800px;
border-top: solid 1px #333;
border-bottom: solid 1px #333;
}

#homeEvent
{
margin: 10px; padding: 4px;
width: 800px;
border: solid 1px #333;
background-color: #FFFFFF;
border-radius: 10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

.date
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
color: #000000;
}

.subTitle
{
margin: 10px 0 10px 10px;
padding: 0;
font-weight: bold;
}

.caption
{
margin: 0;
padding: 0;
width: 190px;
text-align: center;
font-size: 13px;
}

a img
{
text-decoration: none;
border: 0;
}

.img-right-top
{
margin: 15px; 
padding: 0; 
float: right; 
position: relative;
}

.img-left
{
margin: 0; padding: 5px 10px 5px 10px; 
float: left; 
position: relative;
}

ul.homeList
{
margin: 0; padding: 0 0 0 164px;
font-size: 14px;
}

ul.homeList li
{
line-height: 18px;
list-style: circle;
}

.dancePic
{
margin: 10px 20px 10px 10px; padding: 0;
float: left;
}

/*------------------------------------------------NAV-----*/
#navWrap
{
padding: 0;
margin: 0;
background-color: #89B9DD;
width: 848px;
text-align: left;
}

ul#nav-1 
{
margin: 0; /* 3px padding fits height of bkgrnd*/
padding: 0; 
font: bold 13px Verdana, sans-serif;
width: 830px;
clear: left;
}
ul#nav-1 li 
{
margin: 0;
padding: 8px 0 8px 10px;
display: block;
float: left;
}
#nav-1 li a 
{
padding: 2px 0.5em; margin-left: 1px;
/*background: #89B9DD;*/
background: #FFFFFF;
border: solid 1px #003300;
text-decoration: none;
}
#nav-1 li a:link {color: #003300;}
#nav-1 li a:visited {color: #003300;}
#nav-1 li a:hover 
{
color: #003300; 
background: #FFFFFF; 
}

#nav-1 .first {margin: 0;}

body#home a#home,
body#events a#events,
body#gallery a#gallery,
body#resources a#resources,
body#contact a#contact
{
color: #FFFFFF; 
background: #003300;
border: solid 1px #FFFFFF;
}

ul#subNav
{
margin: 0;
padding: 20px 0 10px 10px;
display: block;
width: 700px;
float: left;
color: #003300;
font-size: 16px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

ul#subNav li
{
margin: 0;
padding: 0 10px;
float: left;
}

ul#subNav li a
{
margin: 0;
padding: 4px 6px;
}

body#resources a#places,
body#studios a#studios,
body#links a#links,
body#starsPage a#stars
{
color: #003300; 
}

body#studios a#resources,
body#links a#resources
{
color: #FFFFFF; 
background: #003300;
border: solid 1px #FFFFFF;
}

/*---------------------------------------------------------*/
#wrap
{
width: 848px;
margin: 0;
padding: 0;
background-color: #89B9DD;
border-right: solid 1px #000033;
border-bottom: solid 1px #000033;
border-left: solid 1px #000033;
float: left;
}

#content
{
width: 848px;
margin: 0;
padding: 0;
background-color: #ECFAE0;
text-align: left;
float: left;
}

#conBox
{
width: 790px;
margin: 15px 0 10px 10px;
padding: 10px;
border: solid 1px #679C54;
font-size: 14px;
background-color: #DDEBF5;
float: left;
}

#eventBox-01, #eventBox-02, #eventBox-03, #eventBox-04, #eventBox-05, #eventBox-06, #eventBox-07, #eventBox-08, #eventBox-09, #eventBox-10, #eventBox-11, #eventBox-12, #eventBox-13, #eventBox-14, #eventBox-15, #eventBox-16, #eventBox-17, #eventBox-18, #eventBox-19, #eventBox-20, #eventBox-21, #eventBox-22, #eventBox-23, #eventBox-24, #eventBox-25, #eventBox-26, #eventBox-27, #eventBox-28, #eventBox-29, #eventBox-30, #eventBox-31
{
margin: 10px 0;
padding: 0;
width: 790px;
border-bottom: solid 1px #666666;
}

#content a img
{
text-decoration: none;
border: 0;
}

table
{
margin: 0;
padding: 0;
background-color: #DDEBF5;
}

td
{
margin: 0;
padding: 4px;
border-bottom: solid 1px #666666;
border-left: solid 1px #666666;
}

td.topRow
{
border: none;
}

tr .topRow
{
border-bottom: solid 1px #666666;
}

/*-------------------------------------------------------SIDEBAR------*/
#sidebar
{
margin: 0 4px 0 0;
padding: 0;
width: 200px;
position: relative;
float: right;
}
/*
#sidebar img
{
margin: 0;
padding: 10px 2px 4px 2px;
}*/
#sideBox1
{
margin: 4px 0 0 0;
padding: 4px 2px 4px 2px;
width: 194px;
border: solid 1px #DF3818;
background-color: #FFFFCC;
text-align: center;
font-size: 12px;
}
#sideBox2
{
margin: 4px 0 0 0;
padding: 4px 2px 10px 2px;
width: 194px;
border: solid 1px #DF3818;
background-color: #FFFFCC;
text-align: center;
font-size: 12px;
}

/*------------------------------------------------------FOOTER---------*/

#footerWrap
{
clear: both;
}

#footer
{
margin: 0;
padding: 10px 10px 4px 10px;
width: 828px;
border-right: solid 1px #000033;
border-bottom: solid 1px #000033;
border-left: solid 1px #000033;
list-style-type: none;
font: normal 80% arial, helvetica, sans-serif;
text-align: center;
color: #003300;
background: #FFFFFF;
}

#footer li 
{ 
display: inline; 
padding: 4px 10px 4px 0;
}