/* gwwkstyle.css */

/* reset */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
    margin:0; padding:0;
}

table {
    border-collapse:collapse; 
    border-spacing:0;
}

fieldset,img {
    border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal; 
    font-weight:normal;
}

ol,ul { 
    list-style:none;
}

caption,th {
    text-align:left;
}

h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
}

q:before,q:after { 
    content:'';
}

abbr,acronym { 
    border:0;
}

/* general setup */

body {
    background-color: blue;
    border: 0;    
    height: 100%; 
    margin: 5px; 
    max-height: 100%;    
    overflow: visible; 
    padding: 0;
        
}

h1 {
    color:white; 
    text-align: center; 
    font-size: 180%; 
    line-height: 100%;
    font-style: oblique;
}
   
h2 {
    color:white; 
    text-align: center; 
    font-size: 180%; 
    line-height: 100%;
    font-style: oblique;
}
    
h3 {
    color:white; 
    text-align: center; 
    font-family: times; 
    font-size: 85%; 
    font-style: italic; 
    font-weight:bold; 
    border: medium double; 
    border-color: white;
}
     
h4 {
    color:white; 
    text-align: left; 
    font-size: 125%; 
    line-height: 100%;
    font-style: oblique;
    font-weight:bold;
}
       
h5 {
    color:white; 
    font-size: 250%; 
    text-align: center; 
    border: medium double; 
    border-color: #ffffff; 
    white-space: nowrap;
}

h6 {
    color:white; 
    font-family: times; 
    font-size: 80%; 
    font-style: oblique;
}
        
p {
    color:white; 
    font-family: times; 
    font-size: 120%; 
    font-style: italic;
}

/* clear left br */

BR {
     clear: left 
}

  
/* image centering */

#imcenter { 
    display: block; 
    margin-left: auto; 
    margin-right: auto 
}

/* Cascading Tables */
#left { 
    bottom: 0; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 200px;
    height: 100%; 
    overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/ 
    padding: 0;
    background-color: blue; color: white; 
}

#top { 
    background-color: blue; 
    color: white; 
    height: 125px;
    position: absolute; 
    top: 0; 
    left: 200px; 
    right: 0;
    width: auto; 

    overflow: hidden; /* hidden to Disable scrollbars. Set to "scroll" to enable*/ 
}

#main {
    background: blue;   
    bottom: 0; 
    left: 200px; 
    overflow: auto; 
    position: absolute;
    right: 0; 
    top: 125px;
}

.innertube { 
    margin: 12px; /*Margins to provide padding*/
}

 /*IE6 hacks*/
* html body{
    padding: 125px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #main{ 
    height: 100%; 
    width: 100%; 
}

* html #top{
    width: 100%;
}

/*  menu   */

.menuclass a:link {
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: blue;
    color: white;
}

.menuclass a:visited {
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: blue;
    color: white;
}

.menuclass a:hover {
    outline:blue;
    text-decoration: none;
    font-weight: normal;
    background: white;
    color: blue;
}

.menuclass a:active {
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: white;
    color: blue;
}

/*  links  */

.linkclass a:link {
    float: left; 
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: blue;
    color: white;
}

.linkclass a:visited {
    float: left; 
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: blue;
    color: white;
}

.linkclass a:hover {
    float: left; 
    outline:blue;
    text-decoration: none;
    font-weight: normal;
    background: white;
    color: blue;
}

.linkclass a:active {
    float: left; 
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: white;
    color: blue;
}


.link2class a:link {
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: blue;
    color: white;
}

.link2class a:visited {
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: blue;
    color: white;
}

.link2class a:hover {
    outline:blue;
    text-decoration: none;
    font-weight: normal;
    background: white;
    color: blue;
}

.link2class a:active {
    font-weight: normal;
    outline:white;
    text-decoration: none;
    background: white;
    color: blue;
}

/*  image zoom   */

.enlargez a img { 
    float: left; 
    height: 20%; 
    border:1px solid #000; 
    margin: 5px; 
    padding:0;
}

.enlargez a:hover img {
    height: 60%;
    padding:0;
}

.enlargewide2 a img { 
    float: left; 
    width: 40%; 
    border:1px solid #000; 
    margin: 5px; 
    padding:0;
}

.enlargewide2 a:hover img {
    width: 90%;  
    padding:0;
}

.enlargewide a img { 
    float: left; 
    width: 20%; 
    border:1px solid #000;
    margin: 5px; 
    padding:0; 
}

.enlargewide a:hover img { 
    width: 75%;
    padding:0;
}

.enlargesmall a img { 
    float: left; 
    height: 10%; 
    border:1px solid #000;
    margin: 5px; 
    padding:0;
}

.enlargesmall a:hover img { 
    height: 60%; 
    padding:0;
}

.enlarge a img { 
    float: left;
    height: 20%;
    border:1px solid #000;
    margin: 5px;  
    padding:0;
}

.enlarge a:hover img {
     height: 60%;  
     padding:0;
}