/* Site Colors: orange - #FA9652, blue dark - #515e8b, blue pale - #F0F8FF; blue light - #a1c2e7, blue - #7d93c8, blue gray dark - #2d3642, */

.clicky /*test for clicky hide */
{
    display: none;
}

.youtube /*default width for desktop display */
{
    vertical-align:top;
    height: 214px;
    width: 280px;
    background-color: black;
}

@media screen and (min-width: 768px) and (max-width: 1024px), handheld and (min-width: 768px) and (max-width: 1024px)
{
    .youtube
    {
        vertical-align:top;
        height: 214px;
        width: 280px;
        background-color: black;
    }
}
@media screen and (min-width: 280px) and (max-width:460px), handheld and (min-width: 280px) and (max-width: 460px)
{
    .youtube
    {
        width: 280px;
        height: 214px;
        background-color: black;
    }
}

.moviecontainer
{
    display: block;
    vertical-align: top;
    padding: 0;
    overflow: hidden;
    text-align: center;
    margin: .5em .5em .3em .5em;
    border: none;
    width: 96%;
}

#bing /* footer replacements styles for bing translate */
{
    background-color: #A5BBF0;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    display: block;
}

.binghdr
{
    background-image: url('../../images/ms.bmp');
    background-repeat: repeat-x;
    height: 37px;
}
#bingC
{
    clear: none;
    float: right;
    text-align: center;
    width: 100%;
}

html, body, #mainbody
{
    background: #fff url(images/bgMain.jpg) repeat;
    background-color: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    display: block;
}

H2
{
    color: #000;
    font-size: 1em;
    font-weight: 800;
}

H3
{
    color: #2d3642;
    font-weight: 800;
    text-align: center;
}

H4
{
    color: #000;
    font-weight: 600;
    line-height: .75em;
    text-align: left;
}

H5
{
    color: #000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 90%;
    font-weight: 600;
    line-height: .75em;
    margin: 0;
    padding: .75em 0 .5em;
    text-align: center;
}

BLOCKQUOTE
{
    text-align: left;
    font-size: .75em;
}

UL
{
    text-align: left;
    list-style-type: disc;
}
.pagetitle
{
    color: #FA9652;
    font-weight: 700;
    margin: .4em 0 0;
    line-height: .75em;
    text-align: center;
}
#page
{
    border-bottom: solid 1px #515e8b;
    left: 0;
    margin: 0;
    max-width: 36em;
    position: absolute;
    top: 0;
    width: 100%;
}

#content
{
    margin: .5em 0 0;
}

#blockmode, .blockmode /* margined page format replace use of blockquote containing multiple elements*/
{
    margin: 0em .75em 0em .8em;
    text-align: left;
}

.boldtext
{
    font-weight: bold;
}

.notation
{
    color: #333;
    font-style: italic;
    font-weight: 400;
}

.listspace
{
    margin: .5em .5em .2em 0;
}

.touchspacing
{
    line-height: 1.5em;
}

.phone
{
    white-space: nowrap;
}

/* Background Colors */

.bkgWhite
{
    background-color: #FFF;
}

.bkgBlack
{
    background-color: #000;
}

.bkgAliceBlue
{
    background-color: #F0F8FF;
}

/* Menu Styles -------------------------- */

UL.menu
{
    border: none;
    padding: 0em;
    margin: .5em auto auto auto;
    list-style-type: none;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    -khtml-border-radius: .5em;
	border-radius: .5em;
    width: 90%;
    text-align: Left;
    background: none url(/content/images/opacity.png) repeat;
}

UL.menu LI
{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
   	-khtml-border-radius: .5em;
	border-radius: .5em;
    background-image: url(images/chevron.png);
    background-position: center right;
    background-repeat: no-repeat;
    border: solid .05em #FFF;
    display: block;
    list-style-type: none;
    text-align: left;
}

UL.menu LI A
{
    background-color: Transparent;
    border: none;
    border-top: solid .01em #7d93c8;
    color: #036;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    padding: .4em;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    -moz-border-radius: .5em;
 /*   -moz-box-shadow: rgba(132,161,232,0.7) -.1em -.1em .5em; */
    -webkit-border-radius: .5em;
/*	-webkit-box-shadow: rgba(132,161,232,0.7) -.1em -.1em .5em; */
	-khtml-border-radius: .5em;
	border-radius: .5em;
/*	box-shadow: rgba(132,161,232,0.7) -.1em -.1em .5em; */
    background-image: -moz-linear-gradient(rgba(132, 161, 232,0) 0%, rgba(123,157,209,.5) 70%); /*Safari */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(132, 161, 232,1)), to(rgba(123,157,209,.8)), color-stop(0.6,rgba(255,255,240,.1)));
    background-image: -o-linear-gradient(top, #7B9DD1, #a1c2e7);
    background-image: linear-gradient(top, #7B9DD1, #a1c2e7);
    background-image: 0 to(rgba(123,157,209,.8)), color-stop(0.6,rgba(255,255,240,.1)));
}

UL.menu LI A:hover
{
    background-color: Transparent;
    background-image: 0 10% rgba(230,207,125,.5) 70% transparent;
    border: none;
    border-top: solid .01em #6cf;
    color: #FA9652;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0;
    padding: .4em;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear, left top, left bottom,  from(rgba(102,153,204,.5)), to(rgba(230,207,125,1)), color-stop(0.6,rgba(255,255,240,.5))) transparent;
    background-image: -moz-linear-gradient(rgba(102,153,204,.5) 10%, rgba(230,207,125,.5) 70%) transparent;
    background-image: -o-linear-gradient(top, #7B9DD1, #a1c2e7);
    background-image: linear-gradient(top, #7B9DD1, #a1c2e7);
}

UL.menu li:first-child a
{
    -moz-border-radius-topleft: .5em;
    -moz-border-radius-topright: .5em;
	border-radius-topleft: .5em;
	border-radius-topright: .5em;
	border-top-left-radius: .5em;
	border-top-right-radius: .5em;
    -webkit-border-top-left-radius: .5em;
    -webkit-border-top-right-radius: .5em;
}

UL.menu li:last-child a
{
    -moz-border-radius-bottomleft: .5em;
    -moz-border-radius-bottomright: .5em;
	border-radius-bottomleft: .5em;
	border-radius-bottompright: .5em;
	border-bottom-left-radius: .5em;
	border-bottom-right-radius: .5em;
    -webkit-border-bottom-left-radius: .5em;
    -webkit-border-bottom-right-radius: .5em;
    border-bottom: solid .01em #7d93c8;
}

UL.menu LI.next A
{
    background-color: Transparent;
    color: #036;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    padding: .3em .3em .3em 0;
    text-align: right;
    text-decoration: none;
    width: auto;
}

#border-top
{
    background: url(images/navtop.jpg);
    background-position: top;
    background-repeat: repeat-x;
    color: #999;
    height: 2em;
    left: 0;
    margin: 0;
    padding: .5em 0 .1em;
    text-align: left;
    top: 0;
    width: 100%;
}

#TopNav
{
    width: 90%;
    margin: auto;
}

#TopNav .title
{
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    color: #FA9652;
    font-size: 1.1em;
}

/*Footer and Partner Bottom Bar */

IMG.icon
{
    height: 3.75em;
    border-width: 0em;
}
DIV.plink
{
    display: block;
    text-align: center;
    height: auto !important;
    width: auto !important;
}

DIV.plink UL
{
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

DIV.plink UL LI
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
}

/*footer ---------------*/
.footer
{
    color: #999;
    font-size: .75em;
    margin: 1em 0 0;
    position: relative;
    text-align: center;
}

#breadcrumb
{
    font-size: .75em;
    line-height: 1.5em;
    margin: .2em 0;
    position: relative;
    text-align: center;
    width: 100%;
}

IMG.inline, A.inline
{
    border: none;
    clear: left;
    float: left;
    margin: 0;
    padding: .30em .80em .20em 0;
}

IMG.expo, A.expo, A.expo IMG
{
    border: none;
    border-width: 0;
    clear: both;
    display: block;
    height: auto;
    margin: auto 4%;
    padding: .3em 0;
    position: relative;
    vertical-align: middle;
    width: 90%;
}

IMG.imagelink, A.imagelink, A.imagelink IMG
{
    border: none;
    border-width: 0;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

DIV.list, DIV.points
{
    margin: 0 .2em;
    text-align: left;
    width: 100%;
}

DIV.list UL
{
    list-style-type: decimal;
}

/*  ---Forms--- ---Forms--- ---Forms---  */
.editor-label, .editor-label-text, .editor-label-radio
{
    font-size: .75em;
    clear: left;
    float: left;
    width: 6em;
    font-weight: 700;
    padding: 0;
    text-align: right;
}
.editor-label-radio
{
    width: auto;
    margin: .3em .3em 0 .5em;
}
.display-label
{
    clear: left;
    float: left;
    width: 6em;
    font-weight: 400;
    padding: 0 .5em 0 0;
    text-align: right;
}
.display-field
{
    font-weight: 400;
}
.editor-label-text
{
    vertical-align: top;
    line-height: 1em;
}
.editor-field
{
    text-align: left;
}

.editor-field-radio
{
    text-align: left;
    font-size: .75em;
}

.editor-field INPUT, .editor-field SELECT
{
    font-size: .75em;
    margin: 0 0 0 .3em;
}

.editor-field INPUT SPAN
{
    color: Red;
    font-size: .5em;
    margin: 0 0 0 .3em;
}
.editor-field TEXTAREA
{
    font-size: .75em;
    margin: 0 0 0 .3em;
}

DIV.editor-label, DIV.editor-field
{
    margin: 0 0 .3em 0;
}

FIELDSET
{
    border: none;
    text-align: left;
    min-width: 22em;
}

FIELDSET P
{
    max-width: 17em;
    text-align: right;
    clear: both;
}

LEGEND
{
    font-size: 1.2em;
    color: #000000;
    font-weight: 800;
    padding: .3em 0 .2em 0;
}

.button
{
    background-color: #6699FF;
    margin-top: .8em;
}
.errortext
{
    font-size: .75em;
    color: Red;
    text-align: left;
}

TABLE.buttons
{
    width: auto;
    margin: 0em auto 0em auto;
    text-align: center;
}

TABLE.buttons TR TD A
{
    border: thin solid #808080;
    display: block;
    text-decoration: none;
    background-color: #FFFFCC;
    padding: .3em .5em .3em .5em;
    font-weight: bold;
    font-size: .75em;
    color: #666666;
}

TABLE.generic
{
    border: none;
    margin: .3em 8% .2em 8%;
    padding: 0;
    border-collapse: collapse;
    width: 80%;
}

TABLE.generic TBODY TR.even
{
    background-color: #FFFADE;
    border: thin solid #C0C0C0;
}
TABLE.generic TBODY TR.odd
{
    background-color: #F0F8FF;
    border: thin solid #C0C0C0;
}

TABLE.generic TBODY TR.labelRow
{
    font-size: .75em;
    font-weight: 400;
    font-variant: small-caps;
    text-align: center;
}
TABLE.generic TBODY TR TD
{
    border: none;
    padding: .2em;
}
TD.display-image, IMG.display-image
{
    clear: left;
    float: left;
    padding: .2em;
    text-align: center;
    border: none;
    margin: 0;
    overflow: visible;
}

TD.display-center
{
    font-weight: 400;
    padding: .2em;
    text-align: center;
    border: none;
    overflow: visible;
    display: block;
}

TD.display-right
{
    font-weight: 400;
    padding: .2em;
    text-align: right;
    border: none;
    overflow: visible;
}

.display-left, TD.display-left
{
    font-weight: 400;
    text-align: left;
    padding: .2em;
    overflow: visible;
}

#box, .box
{
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    -khtml-border-radius: .5em;
    background: none url(images/opacity.png) repeat;
    background: rgba(212,222,242,0.8);
    background-image: 0 40% rgba(255,255,255,.6) 80% transparent;
    border-radius: .5em;
    display: block;
    float: left;
    height: auto;
    margin: 3%;
    overflow: auto;
    padding: .1em .4em;
    position: relative;
    width: 90%; /*    background: rgb(212,222,242) transparent;  */
    background-image: -webkit-gradient(linear, left top, left bottom,  from(rgba(212,222,242,.9)), to(rgba(255, 255, 255,.8)), color-stop(0.6,rgba(255,255,240,.7))) transparent;
    background-image: -moz-linear-gradient(rgba(212,222,242,.9) 40%, rgba(255, 255, 255,.6) 80%) transparent;
}

.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.center
{
    text-align: center !important;
    vertical-align: middle;
    display: block;
    border: none;
}

.caption
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-weight: 600;
    font-style: normal;
    color: #808080;
}

.contactblock
{
    background: none url(images/opacity.png) repeat;
    background: rgba(212,222,242,0.8);
    background-image: 0 40% rgba(255,255,255,.6) 80% transparent;
    border-radius: .5em;
    -khtml-border-radius: .5em;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    display: block;
    float: left;
    height: auto;
    min-height: 120px;
    line-height: 1.5em;
    margin: 2%;
    overflow: auto;
    padding: .8em .4em;
    position: relative;
    width: 90%;
    background-image: -webkit-gradient(linear, left top, left bottom,  from(rgba(212,222,242,.9)), to(rgba(255, 255, 255,.8)), color-stop(0.6,rgba(255,255,240,.7))) transparent;
    background-image: -moz-linear-gradient(rgba(212,222,242,.9) 40%, rgba(255, 255, 255,.6) 80%) transparent;
    font-size: .75em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    color: #333;
}

HR.title
{
    clear: both;
    float: left;
    margin: .2em 0;
    padding: 0;
    width: 100%;
}


DIV.rss
{
    margin: 0 0 0 .5em;
    text-align: left;
}
A.title
{
    clear: right;
    color: #3165C6;
    display: block;
    float: left;
    font-size: 1em;
    font-weight: 800;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
A.title:hover
{
    text-decoration: underline;
}

BR.clear
{
    clear: both;
}

renderHtml a:after
{
    content: attr(href);
}