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

/***** Global Settings *****/

html, body {
border:0;
margin:0;
padding:0;
}

body {
font:90%/1.25 Georgia, "Times New Roman", Times, serif;
background-color:#066e8c;
background-image:url(../images/blue_bg.png);
background-position:top left;
background-repeat:no-repeat;
background-attachment:fixed;
color:#FFFFFF;
}

/***** Headings *****/

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
padding:30px 0 25px 0;
letter-spacing:-1px;
font-size:2em;
}

h2 {
padding:20px 0;
letter-spacing:-1px;
font-size:1.5em;
}

h3 {
font-size:1em;
font-weight:bold;
}

/***** Common Formatting *****/

p, ul, ol {
margin:0;
padding:0 0 0 0;
}

ul, ol {
padding:0 0 0 0;
list-style:none;
list-style-position:none;
list-style-type:none;
}

blockquote {
margin:1.25em;
padding:1.25em 1.25em 0 1.25em;
}

small {
font-size:0.85em;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a,
a:link,
a:visited {
color:#57DE6E;
text-decoration:none;
background-image:none;
}

a:hover {
color:#FFFFFF;
text-decoration:none;
background-image:url(../images/trans/black_25.png);
}

/***** Forms *****/

form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}

textarea {
width:100%;
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/

table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}

table tr td {
padding:2px;
}

/***** Wrapper *****/

#wrap {
width:750px;
height: 620px;
position:relative;
margin:0 auto;
}

/***** Global Classes *****/

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.wrap          { width:960px;margin:0 auto; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.content {
text-align:center;
padding:5px;
line-height:3em;
color:#000000;
}

.firstletter {
float:left;
font-size:40px;
line-height:25px;
padding-top:5px;
padding-right:2px;
font-family:Arial, Helvetica, sans-serif;
}

.hiddenPic {
display:none;
}

.transparent {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

.trainsparentOFF {
filter:alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}

.whiteborder {
border:solid #FFFFFF 3px;
margin:auto;
margin-top:25px;
padding:10px;
text-align:center;
background:url(../images/trans/blue1.png);
}

.title {
font-size:14pt;
font-weight:bold;
color:#BDD7F7;
}

.subtitle {
font-size:12pt;
}

.whiteborderimg {
border:solid #ffffff 3px;
margin:10px;
}

.danceclasspic {
border:solid #ffffff 3px;
margin:10px;
}

#header {
text-align:center;
margin-top:25px;
height:105px;
width:100%;
background:url(../images/trans/blue1.png);
border-top:solid 3px #ffffff;
border-bottom:solid 3px #ffffff;
}

#container {
margin:auto;
margin-top:25px;
width:760px;
}

#main {
background:url(../images/trans/blue1.png);
border-left:solid 3px #ffffff;
border-right:solid 3px #ffffff;
padding-left:10px;
padding-right:10px;
position:relative;
}

#footer {
width:400px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
font-size:xx-small;
text-align:center;
}

#resources {
font-size:8.5pt;
text-align:left;
}

#resources a{
font-size:12pt;
}

#resources p{
margin-top:1em;
}

#menu {
float:right;
text-align:center;
width:500px;
height:25px;
display:table-cell;
vertical-align:middle;
line-height:2em;
}

#menu a {
color:#FFFFFF;
font-size:x-small;
}

#menu .item {
width:100px;
height:25px;
float:left;
}

#menu a:hover {
color:#BDD7F7;
}

#menu .current {
background:url(../images/white_rounded.png) no-repeat;
width:100px;
height:25px;
float:left;
}

#menu .current a {
color:#4E82B5;
}

.clear { clear: both; background: none; }


/***** Gallery *****/

#gallery_left {
width:95px;
height:400px;
float:left;
}

#gallery_right {
width:645px;
height:400px;
float:right;
text-align:center;
}