body{
font-size: 13px;
font-family: Verdana, Verdana, Times New Roman, Times;
background-color: #446; color: #1c1c1c;
height: 100% ;margin-bottom: 1px; margin-top: 0px;
}

/* basic css */
a { text-decoration: none; color:#032f86}
a:hover { text-decoration: underline; }
a:visited { color: #234fc6 }
li a:hover {text-decoration:none}


img.img_right_nospacetop {float:right;margin-left:16px;margin-bottom:16px;/max-width:144px}
img.img_right {float:right;margin-left:16px;margin-bottom:16px;/max-width:144px}
img.img_left_nospacetop {float:left;margin-right:16px;margin-bottom:16px;/max-width:144px}
img.img_left {float:left;margin-right:16px;margin-bottom:16px;/max-width:144px}
img {border:none}

p {line-height:16px;}

h2.transparent_bg {position:absolute;top:16px;left:0px;margin:0;width:304px}

span.transparent_bg {
    background-color:black;
    /filter:alpha(opacity=50);
    background:rgba(0,0,0,0.5);
    width:304px;
}

.ie span.transparent_bg{
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);   /* IE6 & 7 */
}

/* End Basic*/

div#banner {position:relative;height:48px;overflow:hidden}
    #banner_img {
        background-color:black;
        opacity:0.35; filter:alpha(opacity=40);
        height:48px;
    }
    #logo {position:absolute; top:4px; height:44px; width:100% }
    #navigation {position:absolute; top:42px; left: 74px; 
                line-height: 20px; height:20px;}
    #navigation ul {list-style:none; margin: 0; padding: 0}
    #navigation ul li {float:left; height:20px; padding: 1px 14px;
                       /background-color:green; 
                       text-align: center;}
        #navigation li.divider {padding:0 3px}    
        #navigation li:hover a {color:#55f;}           
        #navigation li#active { background-color:#464; }
    #navigation ul li a { color: #eee; }

    #navigation ul li#active a:hover{text-decoration:none;cursor:default}    

#the_void {height:16px}

#section_banner{ position:relative;height:32px;overflow:hidden}    
    #section_banner_img{ 
            background-color:black;
            opacity:0.35; filter:alpha(opacity=40);
            height:32px;
    }   
    h1#section_banner_text {
        position:absolute;
        left:16px; top:3px;
        margin:0; padding:0;
        font-size:22px;color:white;}
        
        h1#section_banner_text a {color:white}

    #section_navigation {position:absolute; top:8px; left: 45px;}
    #section_navigation ul {list-style:none; margin: 0; padding: 0}
    #section_navigation ul li {float:left; height:20px; padding: 3px 12px 1px 12px;
                       /background-color:green; 
                       text-align: center;}
        #section_navigation li.divider {padding:0 6px}  
        #section_navigation li:hover a{color:#55f;}             
        #section_navigation li#active { background-color:#eaeaea;}
        #section_navigation li.books {background-color: blue }
        #section_navigation li#active a { color:black}
        
    #section_navigation ul li a { color: #eee; }
    #section_navigation ul li#active a:hover{text-decoration:none;cursor:default}    


#footer {position:relative;height:32px;margin-top:0px;}
    #footer_img{
            background-color:black;
            opacity:0.35; filter:alpha(opacity=40);
            height:32px;
    }
    #footer_text {position:absolute;
                top: 8px;left:16px; 
                color:#d3d3d3;
    }      

div.box1  p.title, div.box3 p.title {background-color:#e1e1e1;padding:2px;color:#333;font-size:1.1em;text-transform: uppercase;/text-align:center;padding-left:16px}

div.box1, div.box3 {background-color:#efefef;margin-bottom:10px;}
div.box1 div.text{ padding-left: 16px; padding-right: 11px; }

#sidebar .title {background-color:#e1e1e1;padding:2px;color:#333;font-size:1.1em;
                  text-transform: uppercase;/text-align:center;padding-left:16px; margin-top:0px}

#sidebar .twoCol .text{ padding-left: 16px; padding-right: 11px; }

.box {margin-top:6px;margin-bottom:6px}



/* GALLERY TEMPORARY PLEASE CLEAN UP */

div.floatbox {
    float: left; 
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 6px;
    padding-bottom:0px;
    text-align:center;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
}

div.floatbox div.img_outer_container {
               height: 90px; width: 128px; 
               text-align: center;   
               padding: 8px 4px 12px 3px;   
               }
               
    div.floatbox div.img_inner_container{
               display: inline;
               line-height: 100px;
               border: 1px solid #eee; //v-align trick ??
               }
                               
    div.floatbox img { display: inline;vertical-align: middle; }
                   
    div.floatbox div.info { text-align: left; 
                            margin-left: 3px; margin-right: 3px; 
                            border-top: 1px solid #ccc; padding-bottom:4px; 
              }