body
{
    font-size: 75%;
    font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , 'Trebuchet' , 'Verdana' , sans-serif;
    line-height: 1.4em;
    text-align: center;
    background: #FFFFFF;
    margin: 0;
    padding: 0;
}

a
{
    color: #16324E;
    text-decoration: underline;
}

a:hover
{
    color: #8F3F98;
}

.clearBoth
{
    clear: both;
    height: 0;
    font-size: 0;
}

#copyright
{
    margin-top: 1em;
    color: #555555;
}

#wrapper
{
    width: 1005px;
    text-align: left;
    margin: auto;
    clear: both;
    height: auto;
    padding: 0;
}

/*
 * Masthead Navigation
 */

#landingPageNavigation
{
    width: 100%;
    float: left;
    font-size: 100%;
    text-align: center;
    margin: 10px 0 0 0px; /* how far from top of page */
}
#landingPageNavigation ul
{
    margin: 0;
    padding: 0;
}
#landingPageNavigation ul li
{
    float: left;
    margin: 0 1px 0 0;
    padding: 0;
    display: inline;
    background: transparent url(img/tab_right.gif) right top no-repeat;
    background-position: right 0px;
}

#landingPageNavigation ul li a
{
    float: left;
    display: block;
    padding: 4px 13px;
    text-decoration: none;
    background: transparent url(img/tab_left.gif) left top no-repeat;
    background-position: 0 0;
    color: #000000;
}

#landingPageNavigation ul li.active a
{
    background: transparent url(img/tab_left.gif) no-repeat;
    background-position: 0 -51px;
    color: #FFFFFF;
}
#landingPageNavigation ul li.active
{
    background: transparent url(img/tab_right.gif) no-repeat;
    background-position: right -51px;
}

#landingPageNavigation ul li a:hover
{
    background: transparent url(img/tab_left_grey.gif) no-repeat;
    background-position: 0 -51px;
    color: #000000;
}
#landingPageNavigation ul li:hover
{
    background: transparent url(img/tab_right_grey.gif) no-repeat;
    background-position: right -51px;
}

#pscroller1
{
    width: 197px;
    height: 130px;
    padding: 0px;
}



/*
 * Little Tabs
 */

#headerRhs
{
    float: right;
    width: 50px;
    background: transparent url(img/roundcorner_se.gif) right bottom no-repeat;
}

#littleTabNav
{
    color: White;
    position: relative;
    top: -14px;
    float: right;
    font-size: 11px;
    text-align: center;
    margin: 0;
    padding: 0;
    background: #753885 url(img/roundcorner_sw.gif) left bottom no-repeat;
}

#littleTabNav a
{
    color: White;
    text-decoration: none;
    padding: 5px;
}

#littleTabNav a:hover
{
    text-decoration: underline;
}

#littleTabNavLinks
{
    padding: 10px;
}

#headerAToZLinksOuterContainerDiv
{
    background-color: transparent;
    padding: 0 10px 20px 10px;
}

#headerAToZLinksContainerDiv
{
    width: 210px;
    background: #753885 url(img/roundcorner_sw.gif) left bottom no-repeat;
}

#headerAToZLinksDiv
{
    text-align: right;
    background: transparent url(img/roundcorner_se.gif) right bottom no-repeat;
    padding: 4px 4px 10px 4px;
}




/*
 * Header
 */

#header
{
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
}



#headerBar
{
    height: 20px;
    width: 100%;
    background: #753885 url(img/roundcorner_sw.gif) bottom left no-repeat;
}

#logo
{
    width: 380px;
    height: 90px;
    float: left;
    margin: 14px 0 0 0;
}

#socialMedia
{
    background: #fff;
    float: right;
    clear: right;
    text-align: right;
    margin: 5px 1px 4px 0;
    white-space: nowrap;
}

#telephone
{
    position: absolute;
    top: 25px;
    right: 210px;
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
    color: #103C5E;
}

#telephone #phone
{
    position: relative;
    bottom: 3px;
    margin-left: 5px;
}


#socialMedia .fb_edge_widget_with_comment iframe
{
    width: 47px !important;
}

/* but make the span that holds the comment box larger */
#socialMedia span.fb_edge_comment_widget.fb_iframe_widget iframe
{
    width: 401px !important;
}

#socialMedia .lnk
{
    float: right;
    margin-left: 3px;
}

#callback
{
    background: #fff url(img/callback2.gif) top left no-repeat;
    float: right;
    clear: right;
    width: 205px;
    height: 58px;
    margin: 0 1px 0 0;
}

#callback A.callbackLinkButton
{
    position: relative;
    display: block;
    width: 205px;
    height: 85px;
    text-decoration: none;
}

#callback A.callbackLinkButton SPAN
{
    position: absolute;
    top: 10px;
    width: 135px;
    right: 5px;
}

#callbackContainer
{
    position: relative;
    z-index: 1000;
    width: 310px;
    background: #fff;
    border: solid 1px #ccc;
    padding: 10px;
    color: #000;
}

#callbackTitle
{
    color: #753885;
    padding: 5px 0 5px 0;
    font-size: 12px;
    clear: both;
}

#callbackNote
{
    clear: both;
    padding-top: 10px;
    font-size: 11px;
}

/*
 * Content
 */
#content
{
    padding: 0 0 20px 0;
    clear: both;
    position: relative;
    z-index: 0;
}

#contentTopBar
{
    width: 100%;
    background: #753885;
}

#contentTopBarRight
{
    height: 14px;
    width: 100%;
    background: transparent url(img/roundcorner_ne.gif) right top no-repeat;
}


#content p
{
    padding-top: 4%;
    padding-bottom: 3%;
}

#content UL LI
{
    margin: 0 0 0 20px;
}


/* 
 * General Classes
 */

.emailboxContainer
{
    padding: 2px;
    border: solid 1px #ACACAC;
    background-color: #FFFFFF;
}
.textboxContainer
{
    padding: 2px;
    border: solid 1px #ACACAC;
    background-color: #FFFFFF;
}
.textbox
{
    border: 0;
    width: 100%;
    font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , 'Trebuchet' , 'Verdana' , sans-serif;
    font-size: 10px;
    color: #A972B6;
}

.dropdown
{
    font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , 'Trebuchet' , 'Verdana' , sans-serif;
    font-size: 10px;
    color: #A972B6;
}

.button, .darkButton, .greyButton, .pinkButton
{
    height: 24px;
    padding: 0;
    background: transparent url(img/button_right.gif) right top no-repeat;
    float: left;
    font-size: 11px;
}

.pinkButton
{
    background: transparent url(img/button_right_pink.gif) right top no-repeat;
}
.darkButton
{
    background: transparent url(img/button_right_dark.gif) right top no-repeat;
}

.greyButton
{
    background: transparent url(img/button_right_grey.gif) right top no-repeat;
}

.button a, .darkButton a, .greyButton a, .pinkButton a
{
    height: 17px;
    display: block;
    padding: 2px 10px 5px 10px;
    text-decoration: none;
    background: transparent url(img/button_left.gif) left top no-repeat;
    color: #FFFFFF;
    text-transform: uppercase;
}

.pinkButton a
{
    background: transparent url(img/button_left_pink.gif) left top no-repeat;
}

.darkButton a
{
    background: transparent url(img/button_left_dark.gif) left top no-repeat;
}

.greyButton a
{
    background: transparent url(img/button_left_grey.gif) left top no-repeat;
}

.button:hover
{
    background: transparent url(img/button_right.gif) no-repeat;
    background-position: right -28px;
}

.pinkButton:hover
{
    background: transparent url(img/button_right_pink.gif) no-repeat;
    background-position: right -28px;
}

.darkButton:hover
{
    background: transparent url(img/button_right_dark.gif) no-repeat;
    background-position: right -28px;
}

.greyButton:hover
{
    background: transparent url(img/button_right_grey.gif) no-repeat;
    background-position: right -28px;
}

.button a:hover, .darkButton a:hover, .greyButton a:hover, .pinkButton a:hover
{
    color: #000000;
}

.button a:hover
{
    background: transparent url(img/button_left.gif) no-repeat;
    background-position: 0 -28px;
}

.pinkButton a:hover
{
    background: transparent url(img/button_left_pink.gif) no-repeat;
    background-position: 0 -28px;
}

.darkButton a:hover
{
    background: transparent url(img/button_left_dark.gif) no-repeat;
    background-position: 0 -28px;
}

.greyButton a:hover
{
    background: transparent url(img/button_left_grey.gif) no-repeat;
    background-position: 0 -28px;
}

.popupPanel
{
    border: solid 1px black;
    background-color: White;
    padding: 10px;
    color: #000000;
}



/* 
 * Footer
 */

#footer
{
    border-top: solid 2px #9A6DA6;
    padding: 10px 0 10px 0;
    clear: both;
    background-color: #CECECE;
    font-size: 90%;
    text-align: center;
}

#footer a
{
    text-decoration: none;
    color: #656565;
}
#footer a:hover
{
    color: #FFFFFF;
}

#footerNavigation ul
{
    padding: 2px 2px 4px 2px;
}
#footerNavigation ul li
{
    display: inline;
    margin: 0 15px 0 5px;
}
.rssIconPosition
{
    text-align: right;
    padding: 8px;
}
.dropDownBox
{
    border: 1px solid #999999;
    font-family: 'Lucida Sans Unicode' , 'Lucida Grande' , 'Trebuchet' , 'Verdana' , sans-serif;
    font-size: 10px;
    color: #A972B6;
}

