html, body
{
background-color: #FFFFFF;
top:0px;
height:100%;
}

#container
{
text-align:center;
margin:0px auto;
position:relative;
width:900px;
top:-15px;
left: 0px;
min-height:100%;
clear:both;
}

#slide
{
    display:none;
}

.hidcol
{
    display:none;
}

#header
{
left:-20px;
top:-7px;
background-color: #363636;	
position:relative;
width:940px;
height:140px;
margin:0px auto;
text-align:left;
}

#rghtimage
{
top:0px;
right:0px;
position:absolute;
}

#navigation
{
    top:40px;
    right:0px;
    position:relative;
    font-family:Helvetica, Times, serif;
    font-size:20px;
    height:100%;
    color:#507786;
    float:right;
}

#content
{
    top:70px;
    left:-20px;
    position:relative;
    text-align:left;
    font-family:futura, Helvetica, Serif;
    font-size:14px;
    padding-left:10px;
    width:677px;
    padding-right:10px;
    height:100%;
    
}

#body
{
    
    padding-bottom:70px;
    height:100%;
    min-height:100%
}

 .contentbox1
 {
     background-color:#E5E5E5;
     top:-10px;
     margin:0px auto;
     width:677px;
     left:10px;
     position:relative;
 }
 
 .padding1
 {
     margin-top:-10px;
     top:0px;
     bottom:-127px;
     position:relative;
     padding-left:30px;
     padding-right:30px;
     padding-top:0px;
     padding-bottom:-50px;
    left: 0px;
}
 
 #centerfields
 {
     text-align:center;
     margin:0px auto;
     
 }
 
 .toptitle
 
{
    font-family:Arial Rounded MT Bold;
    font-size:24px;
    top:-36px;
    left:50px;
    color:#FFFF7E;
    position:relative;
}

a
{
    font-size:12px;
    text-decoration:none;
     color:#507786;
     padding-right:5px;
     padding-left:5px;

}

.menu
{
    font-size:12px;
    text-decoration:none;
}

#toplinks
{
    background-color:Black;
    width:330px;
    height:300px;
    top:170px;
    left:270px;
    position:absolute;
    z-index:99;
    border-style:groove;
    border-width:2px;
    border-color:#FFFF7E;
}

#welcome 
{
    bottom:15px;
    right:50px;
    width:110px;
    position:absolute;
    text-align:left;
}

#chatLabel
{
    width:425px;
}
#welcome2
{
    bottom:15px;
    left:50px;
    width:120px;
    position:absolute;
    
}

#buttons1
{
   position:absolute;
   top:133px;
   left:50px; 
}

.footer
{
    padding:0px;
    width:100%;
    bottom:0px;
    height:15px;
    position:relative;
    text-align:center;
    font-family:Arial;
    font-size:10px;
    left: -10px;
}

ftext
{
    position:absolute;
    left:-50px;
    top:10px;
}

P
{
 font-size:12px;   
}

#containerExample
{
    margin:0px auto;
    position:relative;
    width:300px;
    top:0px;
    left: 0px;
    min-height:100%;
    background-color:#000000;
    color:#FFFFFF;
    padding-left:5px;
    padding-right:5px;
}

#commentbox
{
    padding-left:20px;
    
    padding-right:20px;
    
    padding-bottom:20px;
    
    padding-top:10px;
    width:570px;
    background-color:#778899;
    border-style:solid;
    border-width:1px;
    
}

#topbar
{
    left:-20px;
    background-color:#3478EF;
}

.right
{
    position:relative;
    top:-12px;
    text-align:right;
}

#toplinkscontent
{
    font-family: Arial;
    font-size:16px;
    position:absolute;
    top: 30px;
    left: 30px;
    color:#FFFF7E;
}

#loginlinks
{
    
    bottom:15px;
    left:770px;
    position:absolute;
}

#newtitle
{
    top:108px;
    left:814px;
    position:absolute;
}

#cancel
{
   position: absolute;
   top: 189px;
   left: 50px;
   z-index: 100;
   
}

#welcomeMessage
{
    position:absolute;
    top:95px;
    left: 757px;
    color:#FFFF7E;
    font-size:12px;
}

#slider {  
  
    /* You MUST specify the width and height */  
    width:500px;  
    height:300px;  
    position:relative;    
    overflow:hidden;  
    top:10px;
    left:75px;
    border-style:solid;
    border-width:1px;
}  

#buttons
{
    position:relative;
    top:10px;
    left:75px;
}
  
#mask-gallery {  
      
    overflow:hidden;      
}  
  
#gallery1 {  
      
    /* Clear the list style */  
    list-style:none;  
    margin:0;  
    padding:0;  
      
    z-index:0;  
      
    /* width = total items multiply with #mask gallery width */  
    width:900px;  
    overflow:hidden;  
}  
  
    #gallery1 li {  
  
          
        /* float left, so that the items are arrangged horizontally */  
        float:left;  
        border-style:solid;
        border-width:1px;
    }  
  
  
#mask-excerpt {  
      
    /* Set the position */  
    position:absolute;    
    top:0;  
    left:0;  
    z-index:500px;  
      
    /* width should be lesser than #slider width */  
    width:100px;  
    overflow:hidden;      
      
}  
      
#excerpt {  
    /* Opacity setting for different browsers */  
    filter:alpha(opacity=70);  
    -moz-opacity:0.7;    
    -khtml-opacity: 0.7;  
    opacity: 0.7;    
      
    /* Clear the list style */  
    list-style:none;  
    margin:0;  
    padding:0;  
      
    /* Set the position */  
    z-index:10;  
    position:absolute;  
    top:0;  
    left:0;  
      
    /* Set the style */  
    width:100px;  
    background-color:#000;  
    overflow:hidden;  
    font-family:arial;  
    font-size:10px;  
    color:#fff;   
}  
  
    #excerpt li {  
        padding:5px;  
    }  
      
  
  
.clear {  
    clear:both;   
}