﻿html
{
    margin:                 0px;
    padding:                0px;
    border:                 none;
    width:                  100%;
    height:                 100%;
    background-color:       #a3d39c;
    font-family:            Arial;
    font-size:              10pt;
}

body
{
    margin:                 0px;
    padding:                0px;
    border:                 none;
    width:                  100%;
    height:                 100%;
    background-image:       url(../images/bgRepeatX.png);
    background-repeat:      repeat-x;
    background-position:    center top;
}

form
{
    margin:                 0px;
    padding:                0px;
    border:                 none;
    width:                  100%;
    height:                 100%;
}

img
{
    border:                 none;
    padding:                none;
    margin:                 none;
}

dl
{
    margin:                 0px;
}

dt
{
    margin-top:             10px;
    font-weight:            bold;
    border-top:             solid 1px #cccccc;
    padding:                2px;
    background-color:       #eeeeee;
}

dd
{
    padding:                5px;
    background-color:       #ffffff;
}

a:link
{
    color:                  #464646;
    text-decoration:        none;
}

a:visited
{
    color:                  #464646;
    text-decoration:        none;
}

a:active
{
    color:                  #464646;
    text-decoration:        none;
}

a:hover
{
    color:                  #00aeef;
    text-decoration:        underline;
}
.bannerDiv
{
    position:               absolute;
    top:                    0px;
    padding:                0px;
    border:                 none;
    width:                  100%;
    height:                 450px;
    background-image:       url(../images/banner.png);
    background-repeat:      no-repeat;
    background-position:    center top;
}

.contentDiv
{
    position:               absolute;
    top:                    235px;
    margin-left:            -375px;
    left:                   50%;
    padding:                0px 0px 50px 0px;
    text-align:             center;
    width:                  750px;
    background-image:       url(../images/bgRepeatY.png);
    background-repeat:      repeat-y;
    background-position:    center top;
}

.content
{
    margin:                 10px;
    text-align:             left;
}

.footer
{
    text-align:             center;
    width:                  750px;
    background-repeat:      repeat-y;
    background-position:    center top;
    margin-top:             5px;
    color:                  #cccccc;
}

.footer a:link
{
    display:                inline-block;
    height:                 20px;
    color:                  #464646;
    width:                  75px;
    text-decoration:        none;
    background-image:       url(../images/whiteBg.png);
}

.footer a:visited
{
    display:                inline-block;
    height:                 20px;
    color:                  #464646;
    width:                  75px;
    text-decoration:        none;
    background-image:       url(../images/whiteBg.png);
}

.footer a:active
{
    display:                inline-block;
    height:                 20px;
    color:                  #464646;
    width:                  75px;
    text-decoration:        none;
    background-image:       url(../images/whiteBg.png);
}

.footer a:hover
{
    display:                inline-block;
    height:                 20px;
    color:                  #00aeef;
    width:                  75px;
    background-color:       white;
    background-image:       url(../images/whiteBg.png);
}


.footerFx
{
    position:               fixed;
    bottom:                 0px;
    padding:                0px;
    border:                 none;
    width:                  100%;
    height:                 41px;
    background-image:       url(../images/footerFx.png);
    background-repeat:      no-repeat;
    background-position:    center bottom;                  
}

.introductionTxt
{
    width:                  500px;
    text-align:             justify;
    vertical-align:         top;
}

.panelTwo
{
    width:                  500px;
    padding:                10px;
}

.headerText
{
    font-size:              18pt;
}

.signatureDiv
{
    width:                  100%;
    text-align:             right;
}

.navigationBtn
{
    position:               absolute;
    top:                    165px;
    left:                   50%;
    margin-left:            170px;
    padding:                0px;
    border:                 none;
    width:                  194px;
    height:                 73px;
}

.workshopMenu
{
    background-color: White;
    border: solid 1px #eeeeee;
    padding: 3px 2px 3px 2px;
}

.featured
{
    position:               absolute;
    top:                    35px;
    left:                   50%;
    margin-left:            160px;
    padding:                10px;
    border:                 none;
    width:                  194px;
    height:                 354px;
    background-image:       url(../images/featured.png);
    background-repeat:      no-repeat;
    color:                  #ffffff;
}

.rightImages
{
    position:               absolute;
    top:                    35px;
    left:                   50%;
    margin-left:            160px;
    padding:                10px;
    border:                 none;
    width:                  194px;
    height:                 354px;
}


.textPadding
{
    display:                block;
    padding:                 10px;
}


/********************************
    Blog Styles
********************************/


.blog
{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: #fcfcfc;
    padding: 5px;
    margin-top: 5px;
    position: relative;
}

.blogHeader
{
}

.blogTitle
{
    padding-left: 35px;
    padding-top: 6px;
    font-weight: bold;
    background-image: url(../images/speachBubble.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    height: 35px;
    top: 0px;
    left: 0px;
    font-size: 14pt;
    overflow: hidden;
    font-family: Century Gothic;
}

.blogDate
{
    border-bottom: dotted 1px #cecece;
    text-align: right;
    height: 25px;
    right: 0px;
    top: 0px;
    margin-bottom: 12px;
}

.blogFooter
{
    text-align: right;
    background-image: url(../images/fakeSignature.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    height: 105px;
}

.blogMessage
{
    margin-left: 8px;
}

.pagerStyle
{
    height: 30px;
    color: #cdcdcd;
}

.pagerStyle a:link
{
    display: block;
    padding: 5px;
    border: solid 1px #6dcff6;
    background-color: #cdf1ff;
    color: #005b7f;
    text-decoration: none;
}

.pagerStyle a:visited
{
    display: block;
    padding: 5px;
    border: solid 1px #6dcff6;
    background-color: #cdf1ff;
    color: #005b7f;
    text-decoration: none;
}

.pagerStyle a:active
{
    display: block;
    padding: 5px;
    border: solid 1px #6dcff6;
    background-color: #cdf1ff;
    color: #005b7f;
    text-decoration: none;
}

.pagerStyle a:hover
{
    display: block;
    padding: 5px;
    border: solid 1px #fdc689;
    background-color: #fce0c1;
    color: #f26522;
    text-decoration: none;
}

/********************************
    Calendar Styles
********************************/

.calendarEvent
{
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    background-color: #fcfcfc;
    padding: 5px;
    margin-top: 5px;
    position: relative;
}

.calendarDate
{
    position: absolute;
    top: 2px;
    right: 5px;
}

.calendarHeader
{
    padding-left: 35px;
    padding-top: 6px;
    font-weight: bold;
    background-image: url(../images/calendar.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    height: 35px;
    top: 0px;
    left: 0px;
    font-size: 14pt;
    overflow: hidden;
    font-family: Century Gothic;
    position: absolute;
}

.calendarDescription
{
    margin-top: 40px;
    margin-left: 25px;
    margin-bottom: 10px;
}
