/* Pqlia Productions Cascading Style Sheet
Created 23:49 01/07/2007
By Dave Allen
*/


                *{ margin:0px; padding:0px;}                  
                
        body        {
                margin-top: 0cm;
                margin-right: 0cm;
                margin-left: 0cm;
                font-size: 12pt;
                font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
                color: #6B7B84; /* scrollbar-face-color: #88A498;  */
                background-image: url(/images/background.jpg);
                background-repeat: repeat-y;
                background-position: top center;
                text-align: center; 
                }

        #wrapper {
                width: 785px;
                padding: 0px;
                font-size: 10pt;
                border: 0px solid gray;
                margin-right: auto;
                margin-left: auto;
                margin-top: auto;
                margin-bottom: auto;
                /* background-image: url('images/fadedline.gif'); */
                background-color: #000000;

                }

        #corporate {
                border: 2px;
                height: 60px;
                width:700px;
                margin-left: auto;
                margin-right:auto;
                margin-bottom: 10px;
                margin-top:50px;
                position: relative;
                text-align:center;
                background-image: url('/images/topcometonblack2.jpg');
                background-color: #000000;
                background-repeat: no-repeat;
                background-position: center;
                }
        
        #underscore {
                margin-top: 10px;
                text-align: center;
                background-position: top;
                }
                           

        #header_inspirational,
        #header_art,
        #header_poetry,
        #header_music,
        #header_pqlia,
        #header_community {
                border: 0px;
                height: 58px; /* width:800px; */
                margin-left: 0px;
                margin-top:45px;
                position: relative;
                text-align: center;
                background-image: url(/images/header-community.gif);
                background-position: top center;
                background-color: #000000;
                background-repeat: no-repeat;
                clear:both;
                }

      #header_inspirational {
                background-image: url(images/header-inspirational.gif);
                }

       #header_art {
                background-image: url(/images/header-art.gif);
                }

       #header_poetry {
                background-image: url(/images/header-poetry.gif);
                }

       #header_music {
                background-image: url(/images/header-music.gif);
                }

  #header_pqlia {
                background-image: url(/images/header-pqlia.gif);
                }

#header_community {
                background-image: url(/images/header-community.gif);
                }

  #header.nopic {
                border:0px;
                height:165px;
                margin-left: 0px;
                position:relative;
                text-align:center;
                background-color: #000000;
                background-repeat: no-repeat;
                                         
                }
        
                  
        #sub_head {
                border:2px;
                           position:relative;
                width:700px;
                                         height:80px;
                padding:0px;
                margin-top:10px;
                margin-left:auto;
                                         margin-right:auto;
                                         margin-bottom: 40px; 
                                         text-align: center;
                                         background-color: #000000;
                                         /*left:10px;
                                         top:10px;*/
                                        
                                         }

        #logo {

        display:block;
        position: absolute;
        left:740px;
        top:10px;

        }

                #navigation_row {

        height: 68px;
        width:700px;
        margin-left:0px;
        float:right;
        background-image: url('/images/topcometonblack.jpg');
        background-color: #000000;
        background-repeat: no-repeat;
        background-position: top right;
}




#navigation_main li {
        margin: 0px;
        padding: 20px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: x-small;
        color: #fff;
        line-height: 30px;
        white-space: nowrap;
        list-style-type: none;
        display: inline;
        float: right;
        position: relative;
              }


#navigation_main li ul { /* second-level lists */
        display: none;
        position: absolute;
        top: 1em;
        left: 0;
        width:20px;
        line-height:5px;
}

#navigation_main  li:hover ul, li.over ul { /* lists nested under hovered list items */
        display: block;

}



#sub_head a:link {
        /*color: #00787D; */
        color: #006649;
                
        text-decoration: none;
        font-size: 10pt;
}

#sub_head a:visited        {
        color: gray;
        /*color: #F4A460; */;
        text-decoration: none;
        font-size: 10pt;
}

/* hover Link style */

#sub_head a:hover        {
        color: olive; /*color: #B88898; */
        ;
        text-decoration: none;
        font-size: 10pt;
}


        #navcol {
                font-size: 10pt;
                float: left;
                width: 180px;
                padding-right: 0px;
                padding-left:2px;
                text-align: left;
                background-color:#000000;
                list-style-type: none;
                position:relative;
                margin-top:50px;
                margin-right:auto;
                margin-left: auto;
                /*background-image: url('/images/vertline.jpg');
                background-repeat: no-repeat;*/

                }


       #navcol ul li{
                list-style-type: none;
                text-indent: -35px;


                }
                
                
       #navcolspacer{
                width:5px;
                height:600px;
                border-right: 0px solid gray;
                float:left;
                position:relative;
                background-color:#000000;
                }
                

/* hover Link style */

                                         
        #content-left {
                font-size: 10pt;
                float: left; 
                width: auto;
                padding: 0px;
                border-right: 0px solid gray; 
                text-align: right; 
                background-color:#FFFFFF;
        }

        #content-right {
                font-size: 10pt;
                position: relative;
                float: right;
                width: auto;
                padding: 0px;
                background-color: #FFFFFF;
                  }

        #content-main {

                width:730px;
                padding:10px;
                position:relative;
                margin-top:0px;
                margin-right:auto;
                margin-left: auto;
                margin-bottom:0px;
                border:0px;
                text-align:center;
                background-color: #000000;
                font-size:12pt;

        }
        
        #content {

                width:440px;
                padding:20px;
                position:relative;
                margin-top:30px;
                margin-right:auto;
                margin-left: auto;
                margin-bottom:0px;
                border:0px;
                text-align:left;
                /* color: #A1B1D5; */
                background-color: #000000;
                font-size:12pt;
                float:left;
                overflow-y: auto; 
                
                height: 275px; 
                scrollbar-base-color: #4F5A87;
                
                
                
        }
        
        
        #main-top-left {
                margin-left:0;
                margin-right:20px;
                margin-bottom:60px;
                padding:20px;
                height:50px;
                border:0px;
                left:6px;
                top:3px;
                float:left;
        }
        #main-top-right {
        margin-left: 0;
        margin-left: 20px;
        margin-bottom: 60px;
        padding: 0px 0px 5px 10px;
        position: relative;
        border: 0px;
        left: 6px;
        top: 3px;
        float: right;
        
}
          #main-bottom-left {
                margin-left:0;
                margin-right:20px;
                margin-top:30px;
                margin-bottom:40px;                                         
                padding:10px;
                height:50px;
                border:0px;
                left:6px;
                top:3px;
                float:left;
        }
          #main-bottom-right {
                margin-left:0;
                margin-right:20px;
                margin-top:60px;
                padding:20px;
                                    border:0px;
                left:6px;
                top:3px;
                float:right;
        }
                  
       
#adminlink {
                left:680px;
                top:55px;
                border: 1px;
                width: 6px;
                height: 8px;
                position: relative;
                z-index: 100;
                visibility: visible;
          }
                                        
#footer {
                border:0px;
                height:90px;
                margin-top:0px;
                margin-bottom:0px;
                margin-left:0px;
                clear:both;
                background-color: #000000;
                text-align: left;
                text-indent: 0px;
                padding-left: 0px;
                background-image: url(images/footer.gif);
                
        }


#footer a:link {
        
        color: #006649;
        text-decoration: none;
        font-size: 10pt;
        text-indent:10px;
}

#footer a:visited        {
        color: #808153;
        /*color: #F4A460; */;
        text-decoration: none;
        font-size: 10pt;
}

/* hover Link style */

#footer a:hover        {
        color: olive; /*color: #B88898; */
        ;
        text-decoration: none;
        font-size: 10pt;
}
       
        

H1        {
        color: #F7E1AB; 
        background-color: transparent;
        font-size: 20pt;
        font-family: Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0.3em;
   line-height: 16pt;
}

H2        {
        color: #D6BDDE;
        background-color: transparent;
        font-size: 16pt;
        font-family: Arial, sans-serif;
        font-weight: bold;
}

H3        {
        color:#A1B1D5;
        /* color: #D45F26; */
        color: #A1B1D5;
        background-color: transparent;
        font-size: larger;
        font-family: Arial, sans-serif;
        border-bottom: groove;
        text-align: left;
        margin-bottom: 3%;
        
}

H3.noline        {
        color:#A1B1D5;
        /* color: #D45F26; */
        background-color: transparent;
        font-size: larger;
        font-family: Arial, sans-serif;
        text-align: left;
        margin-bottom: 3%;
        border-bottom: none;
}
test {
        z-index: 3;
        border:thick;
        border-bottom: thin;

        
}


H4        {
        color: #E0A088;
        background-color: transparent;
        font-size: 10pt;
        font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif; 
}

H5        {
        color: #000000;
        background-color: transparent;
        font-size: 8pt;
        font-family: Arial, sans-serif;
}


P        {
        font-size: 12pt;
        font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
        color: #A1B1D5;
        background-color: transparent;
        text-align: justify;
        margin-bottom: 2%;
}

P.bold        {
        font-size: 12pt;
        font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
        color: #6B7B84;
        background-color: transparent;
        text-align: justify;
        margin-bottom: 2%;
        font-weight: bolder;
}

P.large        {
        font-size: 16pt;
        font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
        color: #6B7B84;
        background-color: transparent;
        text-align: center;
        font-weight: bold;
        
        
}

/* First letter of paragraph style */

P.dropcap:first-letter {
        font-family: Arial,helvetica,sans-serif; /*        font-size: 14pt; */
        /*color: teal; */
        color: silver;
        font-size: 150%;
        vertical-align: text-bottom;
}

blockquote {
        font-size: 12pt;
        font-family: Arial,helvetica,sans-serif; 
        color: #88A498;
        padding-bottom: 5pt;
        padding-top: 0pt;
        margin-bottom: 0pt;
        margin-top: 0pt;
        
}


/* Unvisited Link style */

a:link        {
        /*color: #00787D; */
        color: #708090;
        text-decoration: none;
        font-size: 12pt;
}

/* visited Link style */

a:visited        {
        color: #315379;
        /*color: #F4A460; */;
        text-decoration: none;
        font-size: 12pt;
}

/* hover Link style */

a:hover        {
        color: olive; /*color: #B88898; */
        ;
        text-decoration: none;
        font-size: 12pt;
}

.currentpage {
        background-color: #C8BC90;  /* mustard */
}

.hilited {
        background-color: fuchsia;
}

.cellbg        {
        background: #F5FFFA;
        border: none;
}

.formtextarea        {
        background-image: none ;
        background-color: transparent; 
        border-width: 0 0 0 0;
        color: #808000;                   /*olive */
        font-size: 10pt;
        font-family: Arial, sans-serif;
        border: none;
        border-right-style: none;
        border-collapse: separate;
        
        
}        

.linespcsml {
        line-height: 5pt;
}        

.underline        {
        border-bottom-style: groove;        
        }
        
        
        pre
{
        font-size: 12pt;
        font-family: "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
        color: #A1B1D5;
        background-color: transparent;
        text-align: left;
        margin-bottom: 2%;

}


/* slideout Menu properties */

#ssm2 A {
        color: maroon;
        text-decoration:none; 
        font-size:12pt;
        font-family: Arial, verdana, sans-serif;
        }

#ssm2 A:hover {
        color:#88A498;
         }

/* Horizontal rule */

HR        {        
        width: 75%;
   color: #008488; 
        height: 1px;
}

hr.full{
        width: 100%;
   color: #008488; 
        height: 1px;
}
        
        

TH {
        font-family      : "Trebuchet MS", "Myriad Web", Georgia, sans-serif;
        font-style: oblique;
        border-bottom: groove;
        font-variant: small-caps;
        color:  #D06838;        
}

select {
        background-color:  #FFFFE3;
        font-size: 9pt;
        color: teal;
        /*background: transparent;*/
        border: none;
        border-style : none;
        /* layout-grid : none; */
}

form {
        border-bottom: thick;
}

.admincell {
        background-color: #F0E68C;
}

ul {
        text-align: left;
        padding-left: 30px;
        
}

li{
        padding-left: 20px;
        
        line-height: 18pt;
        
        }



/*test chrome from here on */


.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
/*background: url(chromebg4.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: silver;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 0px solid #E8BEBE; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover{
/*background: url(chromebg4-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 0px none #E8BEBE; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 8px Verdana;
line-height:16px;
z-index:100;
background-color: #000000;
width: 200px;
visibility: hidden;
/*ilter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 2px;
border: 0px solid #000000; /*THEME CHANGE HERE*/
border-bottom: 1px solid gray;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: white;
text-align: left;
font-size:10pt;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
/*background-color: #000000;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; */
font-size: 11pt;
}

.dropmenudiv a:visited        {

        font-size: 10pt;
}