/**
 * Layout
 */

*
{
    margin: 0;
    padding: 0;
}

a img 
{
    border: 0;
}

body
{
    font-family: Arial, Verdana;
    color: black;
    font-size: 12px;
    background: white url(Images/BrowserBackground.png) repeat-x;
    margin: 0;
    padding: 0;
}

form
{
    text-align: center;
}

#Layout
{
    width: 929px;
    margin: 0 auto;
    text-align: left;
}

#Body
{
    width: 929px;
    float: left;
    color: #555;
}

#BodyInner
{
    width: 921px;
    margin: 0 4px;
    float: left;
    display: inline; /*ie6*/
}

#Main
{
    float: right;
    padding: 0 64px;
    width: 581px;
    margin: 0;
    xbackground: red !important;
}
#Side
{
    float: left;
    min-height: 200px;
    position: relative;
    width: 160px;
    padding: 50px 0 0;
    width: 210px;
    xbackground: blue;
}
#Header, #Footer
{
    clear: both;
}
#Header {
    width: 929px;
    height: 144px;
}
#HeaderInner 
{
    width: 921px;
    height: 144px;
    margin: 0 4px;
}

#Footer 
{
    padding: 0 2px;
}

#Main .Breadcrumbs
{
    display: block;
    margin: 1em 0;
    font-size: 11px;
}
#Main .Breadcrumbs a 
{
    text-decoration: none;
}
#Main .Breadcrumbs span 
{
    font-weight: bold;
}


#Main h2
{
    margin: 1em 0;
}

#Copyright 
{
    clear: both;
}


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

#Header
{
    background: url(Images/BodyFrameBackground.png) repeat-y right top !important;
    background: url(Images/BodyFrameBackground.gif) repeat-y right top; /*ie6*/
    position: relative;
}
#HeaderInner 
{
    background: url(Images/HeaderBackground.png) no-repeat;
}
#Header h1
{
    background: url(Images/AvistaLogo.png) no-repeat;
    width: 143px;
    height: 28px;
    position: absolute;
    right: 23px;
    top: 72px;
    color: transparent;
    font-size: 0;
    color: white;
}


#TopNavigation
{
    height: 25px;
    padding: 0 10px;
    color: #fff;
    position: absolute;
    right: 2px;
    bottom: 0;
}
#TopNavigation:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#TopNavigation
{
    xdisplay: inline-block;
}

/* Hides from IE-mac \*/
* html #TopNavigation
{
    height: 1%;
}
#TopNavigation
{
    display: block;
}
/* End hide from IE-mac */

#TopNavigation a
{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 25px;
}
#TopNavigation a:hover
{
    color: #000;
}



#Body
{
    background: url(Images/BodyFrameBackground.png) repeat-y right top !important;
    background: url(Images/BodyFrameBackground.gif) repeat-y right top; /*ie6*/
}

#BodyBottom 
{
    width: 929px;
    height: 15px;
    height: 25px;
    background: url(Images/BodyFrameBottom.png) no-repeat right bottom !important;
    background: url(Images/BodyFrameBottom.gif) no-repeat right bottom; /*ie6*/
    clear: both;
}

#Body, #BodyInner, #Main {
    x-moz-border-radius: 10px;
}

#BodyInner
{
    background: #dee9ed url(Images/SideBackground.png) repeat-x;
    background: #d4e6ea url(../Home/Images/MainBackground.png) repeat-x;
    
    float: left;
}

#Body h2, #Body h3
{
    text-transform: uppercase;
}

#Main
{
    background: #f3f1f2 url(Images/SideBorder.png) no-repeat;
    min-height: 450px;
}

#Main h2
{
    color: #043560;
    font-size: 18px;
}
#Main h3
{
    color: #003664;
    font-size: 14px;
}
#Main p
{
    margin: 1em 0;
}

#Side
{
    font-size: 12px;
}

#Copyright
{
    clear: both;
    color: #9eb4c4;
    font-size: 11px;
    padding: 14px 10px 25px;
    zoom: 1; /*IE*/
    
    xborder: 1px solid red;
}


/* main nav */

#Header .RadMenu a
{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #e9f0f6;
}
#Header .RadMenu a 
{
    background: url(Images/MenuSpacer.png) no-repeat right center;
}
#Header .RadMenu .rmLast a 
{
    background: none;
}
#Header .RadMenu a:hover 
{
    color: Yellow;
    color: #ddd47a;
    cursor: pointer;
}

/**
 * Side Content 
 */

#Side h2
{
    color: #689c98;
    font-size: 14px;
}
#Side h3, 
#Side h3 a 
{
    clear: both;
    color: #003a71;
    font-size: 11px;
    text-decoration: none;
}
#Side h3 {
    padding-top: 35px;
    margin-top: 0px;
    background: url(Images/SideRule.png) no-repeat center 10px !important;
    background: url(Images/SideRule.gif) no-repeat center 10px; /*ie6*/
}
#Side h3.First
{
    background: none !important;
    margin-top: 0;
    padding-top: 20px;
}

#Side h2,
#Side h3 
{
    padding-left: 30px;
    xborder: 1px solid;
}
#Side ul 
{
    padding-left: 30px !important;
    xborder: 1px solid;
}


#Side .RadMenu *
{
    float: none;
}
#Side .RadMenu ul 
{
    margin: .5em 0;
    padding: 0;
}
#Side .RadMenu li 
{
    margin: 3px 0;
    padding: 1px 0 0;
}
#Side .RadMenu li * 
{
    padding: 0;
}
#Side .RadMenu a {
    color: #1e7b8a;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}
#Side .RadMenu a:hover 
{
    color: Black;
}
#Side .RadMenu .rmText 
{
    display: inline;
    padding-right: 8px;
    background: url(Images/MenuArrow.png) no-repeat right 60% !important;
    background: url(Images/MenuArrow.gif) no-repeat right 60%; /*ie6*/
}
#Side .RadMenu .Outgoing .rmText 
{
    xpadding-right: 15px;
    xbackground-image: url(Images/MenuOutgoingArrow.png) !important;
    xbackground-image: url(Images/MenuOutgoingArrow.gif); /*ie6*/
}


/**
 * Main General Content 
 */


#Main a
{
    color: #1c797e;
}
#Main a:hover
{
    color: #000;
}

/**
 * Banner Images 
 */

#Main .Banner 
{
    width: 580px;
    height: 220px;
    margin: 15px 0;   
    position: relative;
    overflow: hidden; 
}
#Main .Banner img 
{
    position: absolute;
}
#Main .Banner .Frame 
{
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(Images/BannerFrame.png) no-repeat !important;
    background: url(Images/BannerFrame.gif) no-repeat; /*IE6*/
}


/* Panel content for main area (secondary pages) */

#Main .Panel 
{
    background: #e4ecee;
    width: 580px;
    height: 100px;
    padding: 20px 64px !important;
    padding: 20px 0; /*ie6*/
    position: relative;    
    left: -63px !important;
    left: 0; /*ie6*/
    clear: both;
    margin: 0;    
}
#Main .Alternating.Panel 
{
    background-color: #f1f2f4;
}
#Main .Panel h3, 
#Main .Panel .Content,
#Main .Panel a.More
{
    padding-left: 115px;
}
#Main .Panel h3, 
#Main .Panel h3 a 
{
    color: #00396a;
    text-decoration: none;
    font-size: 12px;
    margin: 5px 0 5px;
}
#Main .Panel .Tile,
#Main .Panel img 
{
    float: left;
    position: absolute;
    left: 64px !important;
    left: 0; /*ie6*/
    top: 20px;
}
#Main .Panel .Content p 
{
    margin: 0.5em 0;
    line-height: 1.2em;
}
#Main .Panel a.More
{
    text-transform: uppercase;
    text-decoration: none;
    background: url(Images/PanelArrow.png) no-repeat right center;
    padding-right: 10px;
    font-weight: bold;
    margin-top: 1em;
}
#Main .Panel .Tile 
{
    width: 100px;
    height: 100px;
}
#Main .Panel .Tile img 
{
    left: 0 !important;
    top: 0;
    float: none;
}
#Main .Panel .Tile .Frame
{
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(Images/TileFrameDark.png) no-repeat !important;
    background: url(Images/TileFrameDark.gif) no-repeat; /*ie6*/
}
#Main .Alternating.Panel .Tile .Frame 
{
    background: url(Images/TileFrameLight.png) no-repeat !important;
    background: url(Images/TileFrameLight.gif) no-repeat /*ie6*/;
}


/**
 * Footer Panels 
 */

#Footer .Panel 
{
    background: url(Images/PanelBackground.png) no-repeat !important;
    background: url(Images/PanelBackground.gif) no-repeat; /*ie6*/
    padding: 14px 16px;
    width: 194px;
    height: 108px;
    overflow: hidden;
    float: left;
    display: inline; /*ie6*/
    margin-top: 10px;
    position: relative;
    color: #555;
    
    line-height: 1.4em;

    margin-left: 7px;
}
#Footer .Panel:first-child,
#Footer .First
{
    margin-left: 0 !important;
}
#Footer .Panel h3,
#Footer .Panel h3 a 
{
    color: #003768;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 3px;
    font-size: 14px;
}
#Footer .Panel img 
{
    float: right;
    position: relative;
    top: -17px;
    left: 2px;
}
#Footer .Panel a.More
{
    color: #227a83;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    left: 16px;
    bottom: 14px;
    font-size: 12px;
    letter-spacing: .5px;
    background: url(Images/PanelArrow.png) no-repeat right center !important;
    background: url(Images/PanelArrow.gif) no-repeat right center; /*ie6*/
    padding-right: 10px;
}
#Footer .Panel a.More:hover 
{
    color: Black;
    color: #1d4d78;
}



#Main .float 
{
    float: right;
    margin: 0 0 1em 1em;    
}