@import url("css/menu.css");

/* begin Page */

body
{
    margin: 0 auto;
    padding: 0;
}

body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #292929;
}

#art-main
{
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}

#art-page-background-simple-gradient
{
    position: absolute;
    background-image: url('images/Page-BgSimpleGradient.jpg');
    background-repeat: repeat-x;
    top: 0;
    width: 100%;
    height: 500px;
    z-index: -1;
}

.cleared
{
    float: none;
    clear: both;
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1px;
}


form
{
    padding: 0 !important;
    margin: 0 !important;
}

table.position
{
    position: relative;
    width: 100%;
    table-layout: fixed;
}

/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
    position: relative;
    z-index: 0;
    margin: 0 auto;
    width: 970px;
    min-width: 1px;
    min-height: 1px;
}

.art-Sheet-body
{
    position: relative;
    z-index: 1;
    padding: 0px;
}

.art-Sheet-cc
{
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #FAFAFA;
}

.art-Sheet
{
    margin-top: 0px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
    min-width: 970px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
    margin: 0 auto;
    position: relative;
    z-index: 0;
    width: 970px;
}

/* end Header */

/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #575757;
}

/* Adds special style to an unvisited link. */
a:link
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #575757;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #575757;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #1C1C1C;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #575757;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #575757;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #737373;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #292929;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #292929;
}
/* Finish Content headings Fonts & Colors  */




/* begin PostBullets */
/* Start Content list */
ol, ul
{
    color: #3D3D3D;
    margin: 1em 0 1em 2em;
    padding: 0;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

li ol, li ul
{
    margin: 0.5em 0 0.5em 2em;
    padding: 0;
}

li
{
    margin: 0.2em 0;
    padding: 0;
}

ul
{
    list-style-type: none;
}

ol
{
    list-style-position: inside;
}

/* begin Button */
.art-button-wrapper .art-button
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
    text-decoration: none !important;
    color: #000000 !important;
    width: auto;
    outline: none;
    border: none;
    background: none;
    line-height: 33px;
    height: 33px;
    margin: 0;
    padding: 0 21px !important;
    overflow: visible;
    cursor: default;
    z-index: 0;
}

.art-button img, .art-button-wrapper img
{
    margin: 0;
    vertical-align: middle;
}

.art-button-wrapper
{
    vertical-align: middle;
    display: inline-block;
    position: relative;
    height: 33px;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.firefox2 .art-button-wrapper
{
    display: block;
    float: left;
}

input, select, textarea, select
{
    vertical-align: middle;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.art-block select
{
    width: 96%;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
    color: #000000 !important;
    text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
    color: #FCF9ED !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
    display: block;
    position: absolute;
    z-index: -1;
    height: 99px;
    margin: 0;
    padding: 0;
    background-image: url('images/button.png');
}

.art-button-wrapper .l
{
    left: 0;
    right: 10px;
}

.art-button-wrapper .r
{
    width: 409px;
    right: 0;
    clip: rect(auto, auto, auto, 399px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
    top: -33px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
    top: -66px;
}

.art-button-wrapper input
{
    float: none !important;
}
/* end Button */

/* begin Footer */
.art-Footer
{
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 970px;
    height: 75px;
    margin: 0px auto 0px auto;
}

.art-Footer .art-Footer-inner
{
    height: 1%;
    position: relative;
    z-index: 0;
    padding: 8px;
    text-align: center;
}

.art-Footer .art-Footer-background
{
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-image: url('images/Footer.png');
    width: 970px;
    height: 75px;
    bottom: 0;
    left: 0;
}


.art-Footer .art-Footer-text p
{
    margin: 0;
}

.art-Footer .art-Footer-text
{
    display: inline-block;
    color: #EBEBEB;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    margin-top: 15px;
}

.art-Footer .art-Footer-text a:link
{
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-Footer .art-Footer-text a:visited
{
    text-decoration: none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
}

.art-Footer .art-Footer-text a:hover
{
    text-decoration: none;
    color: #E3E3E3;
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
}

/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
    color: #666666;
}

.art-page-footer
{
    margin: 1em;
    text-align: center;
    text-decoration: none;
    color: #666666;
}
/* end PageFooter */






/* begin Page */

#LoginInfo h3
{
    background-color: Transparent;
}

/* end Page */


/* begin PostHeaderIcon */

#LoginInfo h3
{
    text-decoration: none;
    margin: 0.2em 0;
    padding: 0;
    font-weight: bold;
    font-style: normal;
    letter-spacing: normal;
    word-spacing: normal;
    font-variant: normal;
    text-decoration: none;
    font-variant: normal;
    text-transform: none;
    text-align: left;
    text-indent: 0;
    line-height: inherit;
    text-transform: uppercase;
    color: #3D3D3D;
}



div.hr
{
    display: none;
}

/* end PostHeaderIcon */

/* begin PostContent */

.Normal, .normal, #LoginInfo, #QuickLinks, #LoginInfo p.LoginNotes, .SubHead, .WizardText, .SkinObject
{
    font-size: 1em;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #292929;
}


.NormalBold
{
    font-size: 1em;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #292929;
    font-weight: bold;
}


#LoginInfo
{
    width: 100%;
    background-color: Transparent;
}

#LoginInfo dt
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #292929;
    font-weight: bold;
}

#LoginInfo div.LoginBlock
{
    width: 45%;
}

.Head
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #737373;
}

h2.Head
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    color: #575757;
}

#QuickLinks
{
    border: 0;
    float: none;
    width: auto;
    background-color: Transparent;
}

th
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: #292929;
    font-weight: bold;
}

a.CommandButton, a.SkinObject
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #575757;
}

a.CommandButton:link, a.SkinObject:link
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #575757;
}

a.CommandButton:visited, a.SkinObject:visited
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: underline;
    color: #575757;
}

a.CommandButton:hover, a.SkinObject:hover
{
    font-family: Arial, Helvetica, Sans-Serif;
    text-decoration: none;
    color: #1C1C1C;
}



/* begin Footer */

.art-Footer .art-Footer-text .SkinObject
{
    display: inline-block;
    color: #EBEBEB;
    font-weight: normal;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
}

/* end Footer */

#px1_Skin
{
    display: table;
    width: 970px;
    margin: 5px auto;
}

#px1_Skin_sub
{
    display: table-row;
}
.px1_Skin_style
{
    display: table-cell;
}

.px1_Block_Logo
{
}


.px1_Block_Topmenu
{
    position: absolute;
    width: auto;
    right: 5px;
    bottom: 5px;
}



#px1_Block_Login
{
    padding: 0 5px 5px 0;
}
#px1_Block_Login span
{
}
#px1_Block_Login a.LOGIN_object:link, #px1_Block_Login a.LOGIN_object:visited
{
    /* background: transparent url('images/login_on.png') no-repeat 0 0px; */
    color: #333;
    font-family: Helvetica, Arial,Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
}

#px1_Block_Login a.LOGIN_object:hover
{
    /* background: transparent url('images/login_on.png') no-repeat 0 0px; */
    color: #666;
    text-transform: none;
}

#px1_Block_Login a.USER_object:link, #px1_Block_Login a.USER_object:visited
{
    /* background: transparent url('images/register_on.png') no-repeat 0 0px; */
    color: #333;
    font-family: Helvetica, Arial,Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
}

#px1_Block_Login a.USER_object:hover
{
    /* background: transparent url('images/register_on.png') no-repeat 0 0px; */
    color: #666;
    text-transform: none;
}



.px1_menu1_bg
{
    background: #fff url(images/menu_bg.png) top left;
    min-height: 35px;
    position: relative;
    z-index: 5000;
}



.px1_menu1_Search
{
    float: right;
    background: url(images/search.bg.png) no-repeat;
    width: 277px;
    height: 30px;
    margin: 0px 0 0 0;
    right: 10px;
}

#dnn_dnnSEARCH_txtSearch.NormalTextBox
{
    width: 165px;
    height: 17px;
    background: transparent;
    color: #000;
    padding: 0;
    margin: 9px 0 9px 62px;
    border: none;
    cursor: text;
}

a.SearchButton
{
    width: 35px;
    height: 19px;
    background: transparent;
    font-size: 1px;
    margin: 0;
}
a.SearchButton span
{
    width: 30px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 8px;
}

.px1_Block_Content
{
    min-height: 150px;
    background-color: #eee;
    padding: 2px;
}

.px1_Banner_Content
{
    margin: 0;
    padding: 0;
    background-color: #eee;
}

.clear_float
{
    clear: both;
    line-height: 0;
    font-size: 0;
    height: 0;
}

/*--------- pane style ---------*/

.TopBannerPane
{
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

.LeftBannerPane, .CenterBannerPane, .RightBannerPane
{
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 33%;
}

.TopPane, .BottomPane
{
    margin: 0;
    padding: 2px;
    vertical-align: top;
    width: 100%;
}
.LeftPane, .RightPane
{
    margin: 0;
    padding: 2px;
    vertical-align: top;
    width: 30%;
}
.SidePane, .ContentPane
{
    margin: 0;
    padding: 2px;
    vertical-align: top;
}
.MiddlePane
{
    margin: 0;
    padding: 2px;
    vertical-align: top;
    width: 50%;
}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane
{
    width: 0;
    padding: 0;
    margin: 0;
}

.px1_menu2_bg
{
    background: #fff url(images/menu_bg.png) top left;
    height: 43px;
    position: relative;
    z-index: 5000;
}

/*-------------- User Style --------------*/
.user, a.user:link, a.user:active, a.user:visited
{
    color: #3E81B5;
}
a.user:hover
{
    color: #C00;
}