/*
*   standard tag css
*/

body
{
    font-family: Arial, Tahoma, Helvetica;
    font-size: 62.5%; /*IMPORTANT - 1em is now ~10px*/
    text-align: center;
    background-color: #0D212A;
    color: #000000;
    height: 100%;
}

h1
{
    font-size: 1.6em;
}

h2
{
    font-size: 1.2em;
}

h3, p
{
    font-size: 1.0em;
}

a, a:active, a:visited
{
    text-decoration: underline;
    font-weight: bold;
    color: #A62F5F;
}

a:hover
{
    color: #ff0000;
}

img
{
    /*background: url('../images/busySmall.gif') no-repeat 50% 50%;*/
}

input[type="submit"]
{
    cursor: pointer;
}

/*
*   custom class css
*/

#wrap
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 996px;
    min-height: 400px;
    background: #ffffff url('../images/dancers.png') no-repeat;
    background-position: -72px -30px;
    border: solid #317C9C;
    border-width: 0 2px 2px 2px;
}

#uploadWrap
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 450px;
    height: 350px; /*     background: #ffffff url('../images/dancers.png') no-repeat;     background-position: -72px -30px;*/
    border: solid #317C9C;
    border-width: 0 2px 2px 2px;
}

.centerMargin
{
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.contPane
{
    background: #ffffff;
}

.transBack
{
    background: transparent url('../images/trans_ffffff_50_1x1.png');
    background-repeat: repeat;
}

.solidBg
{
    background: #ffffff;
}

.thinPanel
{
    width: 160px;
}

.thickPanel
{
    width: 559px;
}

.contHead
{
    text-align: center;
    color: #ffffff;
    background-color: #03401c;
    padding: 6px 6px 6px 6px;
}

.contHead1
{
    background: transparent url('../images/microPrint.png');
    background-position: top left;
    background-repeat: repeat;
    text-align: center;
    color: #000000;
    padding: 6px 6px 6px 6px;
}

.contCont
{
    padding: 5px 5px 5px 5px;
}

.contContImgLink img
{
    margin: 0px 1px 1px 1px;
    padding: 2px 2px 2px 2px;
    border: solid 1px #cccccc !important;
}

.contContLogin
{
    padding: 5px 0 5px 5px;
}

.contContLrg
{
    padding: 15px 15px 15px 15px;
}

.contMaskRightBottom
{
    height: 100%;
    background: transparent url('../images/rightDanceSteps.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}

.contMaskLeftBottom
{
    height: 100%;
    background-image: url('../images/leftDanceSteps.png');
    background-position: left bottom;
    background-repeat: no-repeat;
}

.panelShadow
{
    width: 100%;
    height: 5px;
    background-image: url('../images/panelShadow.png');
    background-position: left top;
    background-repeat: repeat-x;
}
/*
*   common css classes
*/

.preloader
{
    background-image: url('../images/upBtn57x53.png');
    width: 0px;
    height: 0px;
    max-width: 0px;
    max-height: 0px;
    display: inline;
}
.preloader1
{
    background-image: url('../images/upBtn76x53.png');
    width: 0px;
    height: 0px;
    max-width: 0px;
    max-height: 0px;
    display: inline;
}
.preloader2
{
    background-image: url('../images/upBtn95x53.png');
    width: 0px;
    height: 0px;
    max-width: 0px;
    max-height: 0px;
    display: inline;
}

.marginAuto
{
    margin: 0 auto 0 auto;
}

.fullWidth
{
    width: 100%;
}

.fullWidthUpload
{
    margin: 0 5% 0 5%;
    width: 88%;
}

.centerCont
{
    text-align: center;
}

.leftCont
{
    text-align: left;
}

.maxWidthPanel
{
    width: auto;
}

.bottomBorder
{
    border-bottom: solid 1px #03401c;
}

.topBorder
{
    border-top: solid 1px #2da05c;
}

.fullBorder
{
    border: solid 1px #03401c;
}

.hoverBorder
{
    border: solid 1px #03401c;
}

.hoverBorder:hover
{
    border: solid 1px Red;
}

.bottomBorder1
{
    border-bottom: solid 1px #2da05c;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.clear
{
    padding: 0em 0em 0em 0em !important;
    clear: both;
    line-height: 0px;
}

.validError
{
    width: 12px;
    height: 12px;
    background: transparent url('../images/alertIcon.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.rssLogo
{
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-image: none;
}
/*
*   Specific elements
*/

.adBanner
{
    margin: 10px 0 0 430px;
    width: auto;
    height: 142px;
    overflow: hidden;
}
/*menu*/
.menuPanel
{
    margin: 0 0 0 220px;
    width: 560px;
}

.menuPanel ul li
{
    float: right;
    text-align: center;
    height: 25px;
    margin: 0 1px 0 0;
    font-weight: bold;
}

.menuPanel ul li a
{
    float: left;
    width: 100%;
    height: 17px;
    padding: 8px 0 0 0;
    color: #ffffff;
}

.menuPanel a, .menuPanel a:active, .menuPanel a:visited
{
    text-decoration: none;
    font-weight: bold;
    color: #FFFFFF;
}
.minTab
{
    width: 57px;
    background: transparent url('../images/downBtn57x53.png');
    background-position: left top;
    background-repeat: no-repeat;
}
.minTab:hover
{
    width: 57px;
    background: transparent url('../images/upBtn57x53.png');
    background-position: left top;
    background-repeat: no-repeat;
}

.medTab
{
    width: 76px;
    background: transparent url('../images/downBtn76x53.png');
    background-position: left top;
    background-repeat: no-repeat;
}
.medTab:hover
{
    width: 76px;
    background: transparent url('../images/upBtn76x53.png');
    background-position: left top;
    background-repeat: no-repeat;
}

.maxTab
{
    width: 95px;
    background: transparent url('../images/downBtn95x53.png');
    background-position: left top;
    background-repeat: no-repeat;
}
.maxTab:hover
{
    width: 95px;
    background: transparent url('../images/upBtn95x53.png');
    background-position: left top;
    background-repeat: no-repeat;
}

/*end menu*/

.leftPanel
{
    margin: 240px 30px 0 30px;
}

.centerPanel
{
    margin: 0 0 30px 0;
}

.siteIntro
{
}

.rightPanel
{
    margin: 0 0 0 30px;
}

/* login Panel */

.loginPanel
{
    margin-bottom: 30px;
}

.loginPanel table
{
    width: 100%;
}

.loginPanel div input, textarea
{
    width: 51%;
    border: solid 1px #469868;
    margin: 0 0 1px 0;
    font-size: 1em;
}

.loginPanel div label /*input labels*/
{
    float: left;
    width: 36%;
    font-weight: bold;
}

.loginPanel div input[type="checkbox"]
{
    width: 12px;
}

.loginButtonPanel input[type="submit"]
{
    width: 78px;
    float: left;
    border: solid 1px #469868;
    background-color: #03401C;
    color: #ffffff;
}

.recoverButtonPanel input[type="submit"]
{
    width: 71%;
    float: left;
    border: solid 1px #469868;
    background-color: #03401C;
    color: #ffffff;
}


.loginButtonPanel
{
    float: right;
    width: 95px;
}

.greenButton
{
    width: auto;
    padding: 2px 5px;
    margin: 5px 5px;
    float: right;
    border: solid 1px #469868;
    background-color: Red;
    color: #ffffff;
    cursor: pointer;
}

.redButton
{
    width: auto;
    padding: 2px 5px;
    margin: 5px 5px;
    border: solid 1px #469868;
    background-color: Red;
    color: #ffffff;
    cursor: pointer;
}

.grButton
{
    background-color: #03401C;
    border: 1px solid #469868;
    color: #FFFFFF;
    width: auto;
    padding: 2px 5px;
    margin: 5px 5px;
    color: #ffffff;
    cursor: pointer;
}

.rememberPanel
{
    margin: 0 0 7px 0;
}

.failurePanel
{
    color: Red;
    font-weight: bold;
    margin: 0 0 5px 0;
}

/* end login panel */

.linksPanel
{
}

.newsPanel
{
}

.newsPanel .contCont img
{
    
    max-height: 75px;
    max-width: 75px;
}

.centerFooterPanel
{
    min-height: 110px;
}

.centerContentPanel
{
    margin: 0 0 30px 0;
}

.centerContentPanel .load img
{
    min-height: 32px;
    width: 125px;
}

.centerContentPanel img
{
    background-image: none;
    border: none;
    max-height: 100px;
    max-width: 100px;
}

.centerContentPanel .panelShadow
{
    margin-bottom: 10px;
}

.videoPanel
{
    float: right;
    width: 251px;
}

.eventsPanel
{
    float: left;
    width: 251px;
}

/* ABOUT STYLES */

.aboutMain
{
    text-align: center;
}

.aboutMini
{
    width: 48%;
    margin: 0 5px;
}

.aboutMiniArtText
{
    width: 46%;
}

.aboutMiniFullWidth
{
    width: 100%;
}

.aboutMiniShortHeight
{
    /*height:auto;*/
    height: 7.6em;
    overflow: hidden;
}

.aboutMiniFooter
{
    padding: 5px;
    text-align: right;
}

.aboutInsert
{
    width: 95.2%;
    margin: 0 10px 0 10px;
}

.aboutImageInsert
{
    width: 100%;
}

.aboutLink, .aboutLink:active, .aboutLink:visited
{
    text-decoration: none;
    color: #000000;
}

.aboutLink:hover
{
    color: #000000;
}

/* ARTICLE STYLES */

.articleMini
{
    width: 48%;
}

/* IMAGE PANEL */

.imgPanelMini
{
    max-height: 7.5em;
    max-width: 10em;
}

.imgPanel a
{
    float: left;
    width: 100%;
}

.imgSpan
{
    /*     float: left;     width: 12.4em;*/
}

.imgPanel img
{
    max-height: 19em; /*width: 50%;     max-height: 7em;     max-width: 10em;*/
    max-width: 19em;
}

/* CRUD styles */

.crudMenu input[type="submit"]
{
    font-size: 1em;
    width: auto;
    background-color: #03401C;
    border: 1px solid #469868;
    border-bottom: 1px solid #03401C;
    color: #FFFFFF;
    float: left;
    margin: 1px 2px 0px 2px;
}

.crudMenu li .del
{
    background-color: #ff0000;
}

.pagerMenu input[type="submit"]
{
    font-size: 1em;
    width: auto;
    background-color: #03401C;
    border: 1px solid #469868;
    border-bottom: 1px solid #03401C;
    color: #FFFFFF;
    margin: 1px 2px 0px 2px;
}

.youtubeLink
{
    background-color: #03401C;
    border-color: #469868 #469868 #03401C;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF !important;
    float: left;
    font-size: 1em;
    margin: 1px 2px 0;
    padding: 2px 5px;
    width: auto;
    text-decoration: none !important;
}

/*defunct*/
.delSmall
{
    width: 100%;
    height: 100%;
    border: solid 1px #000000;
    color: #ffffff;
    background-color: #ff0000;
    text-decoration: none;
}

.delSmall:hover, .delSmall:active, .delSmall:visited
{
    color: #cccccc;
}

.editSmall
{
    width: 100%;
    height: 100%;
    border: solid 1px #000000;
    color: #ffffff;
    background-color: #ff0000;
    text-decoration: none;
    padding: 1px;
}

.editSmall:hover, .editSmall:active, .editSmall:visited
{
    color: #cccccc;
}
/*end defunct*/

.wrapHeader
{
    width: 100%;
    height: 17px;
}

.pinned
{
    width: 16px;
    height: 16px;
    background: transparent url('../images/pinIcon.gif');
    background-repeat: no-repeat;
    background-position: 0px 0px;
    position: relative;
    overflow: visible;
    float: left;
    top: -12px;
    left: -13px;
    z-index: 1;
}

.imgPanelWidth
{
    width: 50%;
}

.helpLabel
{
    background: transparent url('../images/iconHelp.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 4px 15px 4px 0px;
}

.errorText
{
    color: Red;
    font-weight: bold;
}

#uploadtext
{
    color: Red;
    font-weight: bold;
    visibility: hidden;
}

.cal *
{
    text-align: center !important;
    text-decoration: none;
}

.cal *:visited
{
    text-decoration: none;
}

.calEventDate
{
    color: White;
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 1px;
}

.calEventDate span
{
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    visibility: hidden;
}

.calEventDate:hover span
{
    max-width: 250px;
    min-width: 125px;
    width: auto;
    height: auto;
    border: solid #03401C 1px;
    color: Black;
    background: white;
    visibility: visible;
    overflow: hidden;
    padding: 5px 5px;
}

.calNoEventDate
{
    color: Black;
    float: left;
    width: 100%;
    height: 100%;
    padding-bottom: 1px;
}

.calNoEventDate span
{
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    visibility: hidden;
}

.calNoEventDate:hover span
{
    max-width: 250px;
    min-width: 125px;
    width: auto;
    height: auto;
    border: solid #03401C 1px;
    color: Black;
    background: white;
    visibility: visible;
    overflow: hidden;
    padding: 5px 5px;
}

.calEventDate:hover span h3
{
    text-align: center;
}

.calEventDate:hover span li p
{
    text-align: left !important;
}

.newsRss
{
    max-height: 15em;
    overflow: hidden;
}

.padBottom5
{
    padding: 5px 0;
}

#scrollup
{
    position: relative;
    overflow: hidden;
    height: 125px;
    width: 345px;
    border: none;
}
.headline
{
    background-color: #EDE6E4;
    text-align: center;
    padding: 5px 5px;
    font-size: small;
    position: absolute;
    top: 210px;
    left: 5px;
    height: auto;
    width: 325px;
}