/*Body text and page background */

body{
     margin: 0;
     padding: 0;  
     background:#000;
     font-family: arial, helvetica, sans-serif;
     font-size: medium;
     color: #ffebb1;

}

/* Style for header content */

#header{
     height:60px;
     width: 100%;
     text-align: center;
     font-size: 200%;
     font-family: chaucer,sans-serif;
     color:#ffebb1;
}


/* Style for main column */

#main{
     margin: 1em;
     /* margin-left must equal total width of left sidebar */
     margin-left: 12em;    
     margin-right:24em;
     text-align:center;
     white-space: wrap
}

#mainx{
     margin: 1em;
     /* margin-left must equal total width of left sidebar */
     margin-left: 24em;    
     margin-right:24em;
     text-align:center;
     white-space: wrap
}

#main p{
        padding-top:10em;
}

#main 1{
        margin-right:12em;
}

#main 2{
        margin-right:12em;
}





/* Style for sider column */

#leftsidebar{
     float: left;
     display: inline;
     padding: 0;
     margin: 1em;
     width: 10em;
     /* Total width is 12em */
}

#leftsidebar1{
     float: left;
     display: inline;
     padding: 0;
     margin: 1em;
     width: 7em;
     /* Total width is 9em */
}

#leftsidebar2{
     float: left;
     display: inline;
     padding: 0;
     margin: 1em;
     width: 22em;
     /* Total width is 24em */
}

#rightsidebar{
     float: right;
     display: inline;
     padding: 0;
     margin: 1em;
     width: 22em;
     /* Total width is 24em */
}

#rightsidebar1{
     float: right;
     display: inline;
     padding: 0;
     margin: 1em;
     width: 10em;
     /* Total width is 12em */
}

#rightsidebar2{
     float: right;
     display: inline;
     padding: 0;
     margin: 1em;
     width: 5em;
     /* Total width is 7em */
}


/* Footer clear to keep footer from floating */

#footer{
     clear: both;
     width: 100%;
     height: 30px;

}

a.pages
{
font-family: arial,helvetica;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}
a.pages:link
{
color: #ffebb1;
}
a.pages:visited
{
color: #ffebb1;
}
a.pages:hover
{
color: #ffcc00;
}
a.pages:active
{
color: #ffffcc;
}


<style type="text/css">

/*Position on page */ 
#gallery {width:1000px;}  

/* Width of thumbnail box */ 
#gallery ul {list-style:none; padding:0; margin:0;
 width:360px; position:relative; float:right;}


#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:30px 30px 30px 5px;}

/* Size of blank box */
#gallery ul li a {display:block; width:70px; height:70px; text-decoration:none; border:3px solid #ffebb1;}

/*Thumnail size */
#gallery ul li a img {display:block; width:70px; height:70px; border:0;}

#gallery ul li a:hover {white-space:normal; border-color:#ddd;}

/* Position of large image */
#gallery ul li a:hover img {position:absolute; right:400px; top:0; width:auto; height:auto; border:3px solid #ffebb1;} 

</style>

<style type="text/css">

/*Position on page */ 
#gallerys {width:600px;}  

/* Width of thumbnail box */ 
#gallerys ul {list-style:none; padding:0; margin:0;
 width:650px; position:relative; float:left;}

#gallerys ul li {display:inline; width:52px; height:52px; float:left; margin:30px 30px 80px 5px;}

/* Size of blank box */
#gallerys ul li a {display:block; width:70px; height:70px; text-decoration:none; border:3px solid #ffebb1;}

/*Thumnail size */
#gallerys ul li a img {display:block; width:70px; height:70px; border:0;}

#gallerys ul li a:hover {white-space:normal; border-color:#ddd;}

/* Position of large image */
#gallerys ul li a:hover img {position:absolute; right:150px; top:-100px; width:auto; height:auto; border:3px solid #ffebb1;} 

</style>

<style type="text/css">

/*Position on page */ 
#galleryx {width:600px;}  

/* Width of thumbnail box */ 
#galleryx ul {list-style:none; padding:0; margin:0;
 width:360px; position:relative; float:left;}

#galleryx ul li {display:inline; width:52px; height:52px; float:left; margin:30px 30px 80px 5px;}

/* Size of blank box */
#galleryx ul li a {display:block; width:70px; height:70px; text-decoration:none; border:3px solid #ffebb1;}

/*Thumnail size */
#galleryx ul li a img {display:block; width:70px; height:70px; border:0;}

#galleryx ul li a:hover {white-space:normal; border-color:#ddd;}

/* Position of large image */
#galleryx ul li a:hover img {position:absolute; left:100px; top:-100px; width:auto; height:auto; border:3px solid #ffebb1;} 

</style>

<style type="text/css">








