/*
    TITLE: PESI
    DATE:  11-7-06    
*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{
    margin: 0;
    padding: 0;
    border: 0;
}

/*
 MAIN 
-----------------------------------------------*/
body{
    font-family: Verdana;
    font-size: 12px;
    margin: 0px;
    line-height: 16px;
    background: #252420 url('images/MainBG.jpg') repeat-x;
}

/* links */    
a{
    font-weight: bold;
    color: #000;    
}
a:hover{
    text-decoration: underline;
}

/* heading */
h1{
    font-size: 1.4em;    
    margin: 2px 0px;
    padding: 5px 0px;
}
h2{
    font-size: 1.6em;    
    margin: 2px 0px;
    padding: 2px 0px;
}
h3{
    font-size: 1.4em;    
    margin: 2px 0px;
    padding: 3px 0px;
}
h4{
    font-size: 1.2em;    
    margin: 2px 0px;
    padding: 3px 0px;
}
h5{
    font-size: 1.0em;    
    margin: 2px 0px;
    padding: 3px 0px;
}
h6{
    font-size: .9em;    
    margin: 2px 0px;
    padding: 1px 0px;
    font-weight: normal;
}

/* para-list */
p{
    margin: 5px 0px;
    padding: 3px 0px;    
}
br{
    margin: 0px 0px 0px 0px;
}

/*
 LAYOUT.
-----------------------------------------------*/

/* mirror * DELETE */
body#home #mirror{/*
    width: 777px;
    margin: 0 auto;    
    background: url('images/home.gif') no-repeat;    */
}
body#insideBlue #mirror{/*
    width: 777px;
    margin: 0 auto;
    background: url('images/inside-blue.gif') no-repeat;    */
}


#frame{
    width: 777px;
    margin: 0 auto;    
}

/* Header */
body#home #header{
    width: 777px;
    height: 120px;
    background: url('images/header101.gif') no-repeat;
}
/* Headers */
body#inside #header{
    width: 777px;
    height: 91px;
}
body#inside.Blue #header{background: url('images/header102.gif') no-repeat;}
body#inside.Green #header{background: url('images/header103.gif') no-repeat;}
body#inside.Yellow #header{background: url('images/header104.gif') no-repeat;}
body#inside.Red #header{background: url('images/header105.gif') no-repeat;}

/* Nav */
body#home #mainNav{
    width: 777px;
    height: 38px;
    background: url('images/mNav-red.jpg') repeat-x;    
}
body#inside #mainNav{
    width: 777px;
    height: 38px;    
}
body#inside.Blue #mainNav{background: url('images/mNav-blue.jpg') repeat-x;}
body#inside.Green #mainNav{background: url('images/mNav-green.jpg') repeat-x;}
body#inside.Yellow #mainNav{background: url('images/mNav-yellow.jpg') repeat-x;}
body#inside.Red #mainNav{background: url('images/mNav-red.jpg') repeat-x;}


    /* top Nav */
    
    #topNav{
        width: 455px;
        padding: 11px 0 0 0;
        float: right;
        color: #54524e;
    }
    #topNav a{
        color: #54524e;
        text-decoration: none;    
    }
        #topNavMain{
            width: 200px;
            float: left;    
        }
            #topTextSize{
                width: 125px;
                float: left;    
            }
                #topTextSize ul{}
                #topTextSize li{
                    list-style: none;
                    float: left;
                    font-size: .9em;    
                }
                    #topTextSize li#label{
                        padding: 0 5px 0 0;    
                    }
                    #topTextSize li#smallT{
                        padding: 0 0px;
                        font-weight: bold;
                        border: 1px solid #54524e;    
                    }
                    #topTextSize li#meduimT{
                        padding: 0 0px;
                        font-weight: bold;
                        border: 1px solid #54524e;    
                        border-left: 0;    
                    }
                    #topTextSize li#largeT{
                        padding: 0 0px;
                        font-weight: bold;
                        border: 1px solid #54524e;        
                        border-left: 0;
                    }
            #topLinks{
                width: 70px;
                float: right;    
                font-size: .9em;
            }
        #topNavSub{
            width: 175px;
            float: right;
            padding: 0 0 0 75px;    
        }
            #topNavSub{
                float: left;
                display: inline;    
            }
            #topSearch .searchInput{
                width: 99px;
                height: 18px;
                float: left;
                margin-right: 5px;
                border: 0;
                padding: 2px;
                background: #fff url('images/textField.gif') no-repeat;    
            }
            #topSearch input.searchButton{
                float: left;    
                width: 55px;
                height: 22px;
                font-size: 0;
                border: 0;
                cursor: pointer;
                background: url('images/iButton.gif') no-repeat;
            }
        
    
#intro{
    width: 777px;    
    height: 200px;
}
    #intro .text {
        width: 225px;
        height: 200px;
        float: left;
        padding: 14px 16px;    
        background: url('images/intro.jpg') no-repeat;
    }
    #intro .text h1{
        color: #264f60;
        font-size: 2.2em;
        line-height: 1.2em;    
        font-family: 'trebuchet MS';
        font-weight: bold;
    }
    #intro .text h2{
        font-size: 1.5em;
        padding: 6px 0;
        color: #801717;
        font-family: 'Myriad Pro','trebuchet MS';
        letter-spacing: -0.05em;    
    }
    #intro .text h2 a{
        color: #801717;
    }
    #intro .flash{
        width: 520px;
        height: 200px;
        float: right;    
        display: inline;
    }
#actions{
    width: 777px;
    margin: -17px 0 18px 0;    
    * margin:8px 0 18px 0;
    _ margin: -17px 0 18px 0;
    color: #e3d8bd;
    float: left;
}
    /* actions */
    #actionsMain{
        width: 527px;
        float: left;
    }
        #actionsMain p{
            margin: 0;
            padding: 0;    
        }
        .leftAction{
            width: 232px;
            margin: 0px 23px 0px 1px;
            padding: 5px 0;
            float: left;    
            display: inline;
        }
            .leftAction .image{
                padding: 0 0 8px 0;
                border-bottom: 9px solid #93a0ad;    
            }
            .leftAction .text{
                padding: 0 0 0 13px;
            }
            .leftAction .text h1{
                font-size: 1.2em;
                color: #93a0ad;
            }
            
        .middleAction{
            width: 232px;
            margin: 0px 21px 0px 0;
            padding: 5px 0;
            float: right;
            display: inline;
        }
            .middleAction .image{
                padding: 0 0 8px 0;
                border-bottom: 9px solid #64896b;        
            }
            .middleAction .text{
                padding: 0 0 0 13px;    
            }
            .middleAction .text h1{
                font-size: 1.2em;
                color: #9eb7a3;
            }
            
    #actionsSub{
        width: 250px;
        float: right;
    }
        .rightAction{
            width: 232px;
            margin: 0px 0px 0px 18px;
            padding: 5px 0;    
        }
            .rightAction .image{
                padding: 0 0 8px 0;
                border-bottom: 9px solid #ac8e48;        
            }
            .rightAction .text{
                padding: 0 0 0 13px;    
            }
            .rightAction .text h1{
                font-size: 1.2em;
                color: #d3b76c;
            }
    
#container{
    width: 777px;
    background: #262421;
}
body.admin #container{
    width: 737px;
    padding: 20px;
    background: #fff;    
}
#mainCol{
    width: 569px;
    float: right;
    font-size: 1em;
    background: url('images/insideContainer.gif') right repeat-y;
}
    #mainCol .images{
        width: 569px;
        /* height: 126px; */
        float: left;
        margin: 0 0 0 1px !important;
        display: inline;
        /* background: url('images/bg-images.gif') no-repeat; */
    }

            .images li#imageLeft{
                width: 170px;
                /*height: 126px;*/
                float: left;
                list-style: none;
                display: inline;
                _margin: 0 0 0 1px;
            }
            .images li#imageMiddle{
                width: 233px;
                /*height: 126px;*/
                float: left;
                list-style: none;
            }
            .images li#imageRight{
                width: 165px;
                /*height: 126px;*/
                float: left;
                list-style: none;
            }
            
    #mainCol .text{
        width: 525px;
        float: left;
        color: #69665f;
        line-height: 16px;
        padding: 10px 20px 35px 24px;    
    }
    #mainCol .text h1{
        font-size: 1.8em;
        line-height: 1.1em;
        letter-spacing: -0.05em;    
    }
        body#inside.Blue #mainCol .text h1{color: #93a0ad;}
        body#inside.Green #mainCol .text h1{color: #64896b;}
        body#inside.Yellow #mainCol .text h1{color: #ac8e48;}
        body#inside.Red #mainCol .text h1{color: #821321;}
        
    #mainCol .text h2{
        color: #42403b;
        font-size: 1.4em;
        padding: 10px 0 0 0;
        margin: 0;
        letter-spacing: -0.05em;
    }
    #mainCol .text ul{
        padding: 10px 10px 10px 16px;    
    }
    #mainCol .text li{
        list-style: none;
        padding: 2px 10px 2px 15px;
        background: url('images/mainColStyle.gif') 0px 6px no-repeat;    
    }
#subCol{
    width: 200px;
    float: left;
    background: url('images/insideContainer.gif') left repeat-y;    
}
    #sideNav{
        width: 175px;
        float: left;    
        padding: 20px 5px 20px 20px;
    }
    #sideNav h1{
        color: #fff;
        font-weight: normal;    
    }
    body#inside #sideSection{
        float: left;
        display: inline;
        color: #fff;
        line-height: 1.2em;
        width: 153px;
        margin: 0 0px 0 20px;
        padding: 5px 8px;
        background: #4e575f;
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: 1.1em;    
    }
    body#inside.Blue #sideSection{background: #4e575f;}
    body#inside.Green #sideSection{background: #64896b;}
    body#inside.Yellow #sideSection{background: #ac8e48;}
    body#inside.Red #sideSection{background: #821321;}
    
    body#inside #sideImages{
        float: left;
        display: inline;
        color: #fff;
        line-height: 1.2em;
        width: 153px;
        margin: 0 0px 0 20px;
        padding: 5px 8px 5px 0px;
        background: transparent;
        font-family: 'Times New Roman';
        font-weight: bold;
        font-size: 1.1em;    
    }
    
#extraCol{}
#footer{
    width: 759px;
    color: #aaa291;
    padding: 12px 0 0 18px;
}
#footer p{
    margin: 0;
    padding: 0;    
}
#footer a{
    color: #aaa291;    
    font-weight: normal;
    text-decoration: none;
}
#footer i, footer em{
    font-style: normal;
    color: #c32727;    
}
body#inside.Blue #footer i, footer em{
    font-style: normal;
    color: #93a0ad;    
}
body#inside.Green #footer i, footer em{
    font-style: normal;
    color: #64896b;    
}
body#inside.Yellow #footer i, footer em{
    font-style: normal;
    color: #ac8e48;    
}
    #fNav{
        width: 759px;
        float: left;
        font-size: .9em;
        padding: 2px 0 0px 0;
        line-height: 10px;
        _line-height: 12px;
        background: url('images/fNavSep.gif') bottom repeat-x;
    }
    #legal{
        width: 759px;
        float: left;
        padding: 10px 0 40px 0;    
    }
        #legal p#copy{
            padding: 5px 0 0 0;
            font-size: .9em;    
        }

/*
 NAVIGATION.
-----------------------------------------------*/
/* Main Nav */
#mainNav ul{
    display: block;    
}
#mainNav li{
    float: left;
    list-style: none;
}
    body#home #mainNav li{background: url('images/mNavSep-red.gif') repeat-y;}
    body#inside.Blue #mainNav li{background: url('images/mNavSep-blue.gif') repeat-y;}
    body#inside.Green #mainNav li{background: url('images/mNavSep-green.gif') repeat-y;}
    body#inside.Yellow #mainNav li{background: url('images/mNavSep-yellow.gif') repeat-y;}
    body#inside.Red #mainNav li{background: url('images/mNavSep-red.gif') repeat-y;}
    
#mainNav li a{
    width: 62px;
    font-weight: normal;
    display: block;
    padding: 11px 0;
    text-align: center;
}
    #mainNav li a.about {width:85px;}
    #mainNav li a.resources {width: 85px;  padding: 3px 0;}
    #mainNav li a.support {width: 85px;}
    #mainNav li a.contact {width: 90px;}
    #mainNav li a.sp {width: 80px; padding: 3px 0;}
    #mainNav li a.ape {width: 170px; padding: 3px 0;}
    #mainNav li a.res {width: 120px; padding: 3px 0;}
    
    /* regular */    #mainNav li a:hover, 
    /* regular */    #mainNav li a.selectedPage,
    /* regular */    #mainNav li a.selectedPageRoot{background: url('images/mNav-red-over.gif') repeat-x;}
    
    body#inside.Blue #mainNav li a:hover, 
    body#inside.Blue #mainNav li a.selectedPage,
    body#inside.Blue #mainNav li a.selectedPageRoot{background: url('images/mNav-blue-over.gif') repeat-x;}
    
    body#inside.Red #mainNav li a:hover, 
    body#inside.Red #mainNav li a.selectedPage,
    body#inside.Red #mainNav li a.selectedPageRoot{background: url('images/mNav-red-over.gif') repeat-x;}
    
    body#inside.Green #mainNav li a:hover, 
    body#inside.Green #mainNav li a.selectedPage,
    body#inside.Green #mainNav li a.selectedPageRoot{background: url('images/mNav-green-over.gif') repeat-x;}
    
    body#inside.Yellow #mainNav li a:hover, 
    body#inside.Yellow #mainNav li a.selectedPage,
    body#inside.Yellow #mainNav li a.selectedPageRoot{background: url('images/mNav-yellow-over.gif') repeat-x;}

/* drop down */
#mainNav li ul { 
    width: 225px; 
    position: absolute;
    left: -9999px;
}
#mainNav li:hover ul, #mainNav li.sfhover ul { 
    left: auto;
    z-index: 9999;
    background: #252420;
}
#mainNav li ul li{
    width: 225px;
    padding: 0;
    position: relative;
}
#mainNav li ul li a{
    width: 205px;
    padding: 7px 10px;
    margin: 0;
    font-size: .9em;
    text-align: left;
}
body#home #mainNav li li a.parent,
body#inside.Blue #mainNav li li a.parent,
body#inside.Red #mainNav li li a.parent,
body#inside.Green #mainNav li li a.parent,
body#inside.Yellow #mainNav li li a.parent
{
    background: url('images/dropArrow.gif') 200px no-repeat;
}


/* Home */
body#home #mainNav li li.parent a:hover{
    background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#home #mainNav li li a:hover, body#home #mainNav li li.parent li.parent li a:hover{ 
    background: #c30505;
    background-image: none;
}

body#home #mainNav li li.parent li.parent a:hover{
    background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#home #mainNav li li.parent li a:hover, body#home #mainNav li li.parent li.parent li a:hover{ 
    background: #c30505;
    background-image: none;
}

/* red */
body#inside.Red #mainNav li li.parent a:hover{
    background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Red #mainNav li li a:hover, body#inside.Red #mainNav li li.parent li.parent li a:hover{ 
    background: #c30505;
    background-image: none;
}

body#inside.Red #mainNav li li.parent li.parent a:hover{
    background: #c30505 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Red #mainNav li li.parent li a:hover, body#inside.Red #mainNav li li.parent li.parent li a:hover{ 
    background: #c30505;
    background-image: none;
}

/* blue */
body#inside.Blue #mainNav li li.parent a:hover{
    background: #325b8a url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Blue #mainNav li li a:hover, body#inside.Blue #mainNav li li.parent li.parent li a:hover{ 
    background: #325b8a;
    background-image: none;
}

body#inside.Blue #mainNav li li.parent li.parent a:hover{
    background: #325b8a url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Blue #mainNav li li.parent li a:hover, body#inside.Blue #mainNav li li.parent li.parent li a:hover{ 
    background: #325b8a;
    background-image: none;
}

/* green */
body#inside.Green #mainNav li li.parent a:hover{
    background: #65b373 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Green #mainNav li li a:hover, body#inside.Green #mainNav li li.parent li.parent li a:hover{ 
    background: #65b373;
    background-image: none;
}

body#inside.Green #mainNav li li.parent li.parent a:hover{
    background: #65b373 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Green #mainNav li li.parent li a:hover, body#inside.Green #mainNav li li.parent li.parent li a:hover{ 
    background: #65b373;
    background-image: none;
}

/* yellow */
body#inside.Yellow #mainNav li li.parent a:hover{ 
    background: #d3a918 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Yellow #mainNav li li a:hover, body#inside.Yellow #mainNav li li.parent li.parent li a:hover{ 
    background: #d3a918;
    background-image: none;
}

body#inside.Yellow #mainNav li li.parent li.parent a:hover{ 
    background: #d3a918 url('images/dropArrow.gif') 200px no-repeat;
}
body#inside.Yellow #mainNav li li.parent li a:hover, body#inside.Yellow #mainNav li li.parent li.parent li a:hover{ 
    background: #d3a918;
    background-image: none;
}



#mainNav li ul ul{
    display: none;
}

/* extra step */
#mainNav li ul li:hover ul, #mainNav li ul li.sfhover ul{
    display: block;
    position: absolute;
    left: 225px;
    top: 0;
}
#mainNav li ul ul ul{
    display: none;
}
#mainNav li ul li:hover ul ul, #mainNav li ul li.sfhover ul ul{
    display: none;
}

/* one more step */
#mainNav li ul ul li:hover ul, #mainNav li ul ul li.sfhover ul{
    display: block;
    position: absolute;
    left: 225px;
    top: 0;
}





    
    /* fnav */
    #fNav li.home,#fNav  li.contact, #fNav  li.about, #fNav  li.support{
        padding: 10px 8px 0px 8px;
        height: 28px;
    }
    #fNav li.sp {width: 70px;}
    #fNav li.ape{width: 149px;}
    #fNav li.res{width: 103px;}
    #fNav li.resources{width: 103px;}
    
#mainNav li a{
    color: #fff;
    text-decoration: none;    
}

/* Side Nav */
#sideNav ul{

}
#sideNav li{
    font-size: 1.2em;
    list-style: none;
    padding: 0 0 0 20px;
    margin: 12px 0;
    _margin: 6px 0;
    _float: left;
    background: url('images/sideNavstyle.gif') repeat-y;
}
#sideNav li a{
    color: #fff;
    text-decoration: none;    
    font-weight: normal;
    display: block;
    padding: 2px;
    _display: inline;
    _float: left;
    width: 130px;
}
body#inside.Blue #sideNav li a:hover, body#inside.Blue #sideNav li a.selectedPage{background:#93a0ad;}
body#inside.Green #sideNav li a:hover, body#inside.Green #sideNav li a.selectedPage{background:#64896b;}
body#inside.Yellow #sideNav li a:hover, body#inside.Yellow #sideNav li a.selectedPage{background:#ac8e48;}
body#inside.Red #sideNav li a:hover, body#inside.Red #sideNav li a.selectedPage{background:#821321;}


/* Footer Nav */
#fNav ul{
    padding: 0 1px;
}
#fNav li{
    float: left;
    list-style: none;
    padding: 0 9px 0 0;
    text-align: center;
}
#fNav li a{
    color: #aaa291;
    font-weight: bold;
    text-decoration: none;
}
#fNav li a:hover{
    text-decoration: underline;
}

#radium3 {float:right; margin:10px 0 0 0;}
/*
 CONTENT.
-----------------------------------------------*/

/*
 MISC.
-----------------------------------------------*/
.left{
    float: left;    
}
.right{
    float: right;    
}
img.right{
    float: right;
    padding: 10px 0 10px 10px;    
}
.black{
    color: #000;    
}
.white{
    color: #fff;    
}
.hide{
    display: none;
}
.signed{
    float: right;
    text-align: right;
    font-family: 'Times New Roman';
    font-weight: bold;    
}

/* clearing */
#container:after,
#mirror:after,
#actions:after{
    content: '.';
    height: 0px;
    visibility: hidden;
    display: block;
    clear: both;    
}

/* quote */ 
#quote{
    width: 440px;
    height: 15px;
    position: absolute;
    margin-left: 320px;
    margin-top: 90px;
    font-size: 17px;
    color: #42403b;
    letter-spacing: -0.05em;
    font-style: italic;
    font-family: georgia;
    font-weight: bold;
    text-align: right;
}
body#inside #quote {
    margin-top: 65px;
}/*
#quote .regionBoundary{
    width: 100%;
    position: absolute;
    margin-top: -50px;
    font-family: arial;
    font-size: 11px;
    font-style: none;
    margin-left: -650px;
    _margin-left: -450px;
}*/
#actions a{
    color: #de9554;
}
#footer a.underline{
    display: inline;
    text-decoration: underline;
}
.RadEContentBordered{background: #fff;}