body ,html {
   font-family: arial;
   font-size: 11pt;
   /*background-color: #003355;*/
   background-color: #FFFFFF;
   color: #444444;
}

/* kill the horizontal scroll bar in IE */
* html body {
   width: 96%;
}
/*
h1, h2, h3, p {
    color: black;
}*/

a {
        color:#444444;;
        text-decoration: underline;
}

.illustration {
   border-style:solid;

   border-width:1px;
   text-align: center;
    border-color:  #000000;


}


img {
   vertical-align: middle;
}


a:hover {
   color: #444444;
}

.container {
        color: #444444;
        width: 100%;
        margin: 0px;
        padding: 0px;
}

.header {
    float: left;
    width: 50%;
}

.headerleft {
    font-style: italic;
    font-size: 14pt;
    float: right;
    width: 50%;
    text-align: right;
    margin-right: 110px;
    clear:none;
}

.headerleftsmall {
    font-weight: bold;
    font-size: 10pt;
    float: right;
    width: 50%;
    text-align: right;
    margin-right: 110px;
}


hr {
    border-style: solid;
    border-right-width:0px;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width: 1px;
    border-color:  #000000;
}
.logo {
   float: right;
   margin-left: 10px;
  /* clear: both;*/
}
  
.banner {
    padding: 20px;
        height: 70px;
        margin-bottom: 15px;
        
        width: 770px;
    /*background:  repeat-x url(/images/hrlong.gif);
    background-position: bottom left;*/
    background: url(/images/header.png);
    border-style: solid;
    border-right-width:0px;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width: 0px;
    border-color:  #000000;
    background-color: #FFFFFF;
    color: #FFFFFF;
}

.banner a {
    color: #FFFFFF;
}


.menulink {
    width: 130px;
    padding: 2px;

}

.menulinks h4 {
    margin: 3px;
    padding: 2px;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #555577;
    background-image: url('images/h1_bg.png');
    background-repeat: no-repeat;         

}


.menulinks {
    margin-left:10px;

    display:block;
        float: left;
        width: 140px;


    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0px;
    border-color:  #000000;
}

.menulinks a {
        color: #444444;;
        font-size: 8pt;

        display: block;
        margin-top: 2px;
        
}              

.menulinks a:hover {
    color: #000000;
}              
            
            
.slides, .slidepage{
    background-color: #FFFFFF;
    font-size: 10pt;
    border-style: solid;
    border-right-width:1px;
    border-top-width:1px;
    border-left-width:1px;
    padding-left:10px;
    border-bottom-width: 1px;
    border-color:  #000000;
}            

                
.content {
    /*display:none;*/
    /*float: right;*/
    /*width: 600px;*/
        margin-left: 165px;
   /*     background-color: #FFFFFF;
    font-size: 10pt;
    border-style: solid;
    border-right-width:1px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width: 1px;
    border-color:  #000000;*/

}              

.column1 {
    width: 600px;
    padding: 20px;
 
    background-color: #FFFFFF;
    font-size: 10pt;
    border-style: solid;
    border-right-width:0px;
    border-top-width:0px;
    border-left-width:1px;
    border-bottom-width: 0px;
    border-color:  #000000;
    clear: none;

}

.content H3 {
    padding: 3px;
       color: #EFEFEF;
    font-size: 12pt;
    background-color: #FFFFFF;
    background-image: url('images/h1_bg.png');
    background-repeat: no-repeat;     
}

.content H4 {
    padding: 3px;
    font-size: 11pt;
    border-style: solid;
    border-right-width:0px;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width: 1px;

}

.content H5 {
    padding: 0px;
    font-size: 10pt;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
    text-decoration: underline;

}

.copy {
color: #EFEFEF;
        clear: both;
        font-style:  italic;
        padding: 10px;
        margin-top: 5px;
        text-align: right;
        /*background-color: rgb(213, 219, 225);*/
}


.endpics {
        clear: both;
        font-style: italic;
        padding: 5px;
        margin-top: 5px;
        text-align: right;
        /*background-color: rgb(213, 219, 225);*/
}

.slides H1 {
    text-align: center;
}

.pictureinfo  {
    float: left;
    margin-left: 0px;
    margin-right: 40px;
    font-size: 12pt;
    font-weight: bold;
    /*  background-color: rgb(213, 219, 225);*/

}

/** html slide  {
   width: 80%;

}*/

.slidepage {
   /*height: 100%;*/
   
}

.slidepage img {
   border-style: solid;
   border-width: 1px;
   border-color: #000000;

}

.slidepage .navbuttons img {
   border-style: none;

}

.slides {
   width: 650px;
}
.slides h1 {
    font-size: 14pt;
}
.slide {
    /*width: 100%;*/
    /*float: left;*/
    text-align: center;

}

.picheader {
    float: left;
    height: 30px;
    width: 95%;
    padding: 10px;
    margin: 10px;
    background-color: #EFEFEF;
    border-style: solid;
    border-right-width:1px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width: 1px;
    border-color:  #000000;
}

/** html .picheader {
    width: 95%;
}*/

/* hack for IE's bad box model
/** html .slide  {
   width: 80%;

}*/

.comment {

   width:95%;
   /*float: left;*/
   padding: 10px;
   margin: 10px;
   background-color: #EFEFEF;
    border-style: solid;
    border-right-width:1px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width: 1px;
    border-color:  #000000;   
}

/** html .comment {
    width:80%;
}*/

.largehint {
   font-style: italic;
}

.navbuttons {
    float: left;
    width: 100px;
    /*background-color: rgb(213, 219, 225);*/
}

.previewcell {
    float: left;
    text-align: center;
    padding: 0px;
    margin: 5px;
    width: 150px;
    height: 190px;
    background-color:  #EFEFEF;    
    border-right-width:1px;
    border-top-width:1px;
    border-left-width:1px;
    border-bottom-width: 1px;
    border-color:  #777777;  
       border-style: solid;

}

.previewimage {
    height: 130px;
    padding: 10px;
}
.imagelabel {
    height: 50px;
}

.printing img {
    display: block;
    margin: 10px;

}

.breadcrumb {
    padding: 5px;
    font-size: 14pt;
        float: left;

}

.column {
    margin-left: 100px;
    width: 450px;
}

.friendcomment {
    background-image: url('images/h1_bg.png');
    background-repeat: no-repeat; 
    width: 590px;
    margin: 10px;
    padding: 2px;
    border-style: solid;
    border-width: 0px;
    border-color:  #000000;
    background-color: #FFFFFF;
    color: #FFFFFF;

}


.friendcomment p{
    padding: 10px;
    margin-bottom: -2px;
    margin-left: -2px;
    margin-top: 3px;
    background-color: #FDFBF2;
    color: #222222;
    width: 574px;
    background-image: url('images/comment_bg.png');

    background-repeat: no-repeat; 

    
}

.commentbox p{

    margin:0;
    margin-bottom: 10px;
    padding: 0px;
    border-style: solid;
    border-right-width:0px;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width: 1px;
    border-color:  rgb(255,255,230);

}
.commentbox {
    margin-top:10px;
    margin-left:10px;
    width: 600px;

    padding: 5px;

}

textarea {
    padding: 3px;
    font-family: arial;
    font-size: 11pt;
    border-width: 1px;
    border-style: solid;
        border-color: #000000;
    background-color:#FDFBF2;
    color: #333333;
}

textarea:focus {
   background-color: #FBF4D2;
}

input {
    padding: 2px;
    font-family: arial;
    font-size: 11pt;
    border-width: 1px;
    border-style: solid;
        border-color: #000000;
    color: #333333;
    background-color: #FDFBF2;

}

input:focus {
   background-color: #FBF4D2;
}

.chatcomment  {
   margin-top: 10px;

}

.chatcomment p {
    margin:0;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color:  rgb(255,255,230);
    background-color: #GGGGGG;

}
select {
   border-style: solid;
   border-width: 1px;
   border-color:  rgb(100,100,120);
        background-color: rgb(100,100,120);
        color: rgb(255,255,230);

}

iframe {
   border-style: solid;
   border-width: 1px;
   border-color:  rgb(100,100,120);

}