html,body{margin:0;padding:0;}
body{font: 76% verdana,arial,sans-serif;text-align:center}
a{color: #9932CC;}
div#header{width:1024px;height:130px;background-color:#600098;color:#600098;}
div#container{background-color:#B78CD0;text-align:left}
div#content p{line-height:1.4;}
div#menu8{background:#B78CD0;padding-right:1px;}
div#extra{background:#B78CD0;padding-right:1px;}
div#footer{background:#600098;color: #FFF;}

html,body{margin:0;padding:0;}
body{font: 76% verdana,arial,sans-serif;text-align:center}
a{color: #9932CC;}
div#header{width:1024px;height:130px;background-color:#600098;color:#600098;}
div#container{background-color:#B78CD0;text-align:left}
div#content p{line-height:1.4;}
div#menu{background:#b78cd0;padding-right:1px;}
div#extra{background:#B78CD0;padding-right:1px;}
div#footer{background:#600098;color: #FFF;}
div#footer p{margin:0;padding:5px 10px}

div#header{border: 1px solid;border-bottom-color:#600098;}
div#container{width:1024px;margin:0 auto}
div#content{float:right;width:770px;margin:0 8px 0 0;padding:4px; border: 1px solid #B78CD0; background-color:#FFF;
display:inline;}
div#menu{width:200px}
div#extra{clear:right;width:180px;margin:0 8px 0 0;padding:4px; border:1px solid #B78CD0;}
div#footer{clear:both;width:1024px;text-align:center;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {padding:5px; background:#600098; margin:0 auto;}
* html #menu {width:200px;}
#menu dt {border:3px solid #cfc9d0; border-color:#cfc9d0 #cfc9d0 #cfc9d0 #cfc9d0; text-align:center; background:#fff; padding:4px 0; margin:2px 0; font-weight:bold; color:#fffff;}
#menu dd {padding:0; margin:3px 0; text-align:center; background:#4c5o8f; color:#fff;}
#menu div, #gallery span {border:1px solid #000;}
#menu .hh {padding:1px 0;}
#menu span {display:block;}
#menu .aa {border-color:#b1aeb1 #999999 #999999 #b1aeb1;}
#menu .bb {border-color:#928f92 #c5c0c6 #c5c0c6 #928f92;}
#menu .cc {border-color:#c8c3c9 #a19ea1 #a19ea1 #c8c3c9;}
#menu .dd {border-color:#c5b7c8 #a19ea1 #a19ea1 #c5b7c8;}
#menu .ee {border-color:#6f8d79; padding:0 2px 0 0;}
* html #menu .ee {padding:0;}
#menu a, #gallery a:visited {display:block; width:100%; border:1px solid #000; color:#fff; text-decoration:none;}
#menu .ff {border-color:#d1ddd5 #5f6962 #5f6962 #d0ddd4;}
#menu .gg {border-color:#c9d7cd #7c8980 #7c8980 #c8d6dd;}
#menu .hh {border-color:#c0d0c5 #9aaa9f #9aaa9f #bfd0c5;}
#menu a:hover {background:#B78cd0; color:#fff;}
#menu a:hover .ff {display:block;border-color:#5f6962 #d0ddd4 #d1ddd5 #5f6962;}
#menu a:hover .gg {display:block;border-color:#7c8980 #c8d6dd #c9d7cd #7c8980;}
#menu a:hover .hh {display:block;border-color:#9aaa9f #bfd0c5 #c0d0c5 #9aaa9f; padding:2px 0 0 0;}

/* Photo Gallery-Landscape*/

#gallery {position:relative; width:750px;}
#thumbs {width:180px; float:left;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:70px; height:45px; border:1px solid #000;}
#thumbs a img {width:70px; height:45px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:150px; top:0; border:1px solid #333;}


/* Photo Gallery-Portrait*/

#gallery {position:relative; width:750px;}
#thumbs2 {width:180px; float:left;}
#thumbs2 a {display:block; float:left; margin:0 0 5px 5px; width:45px; height:70px; border:1px solid #000;}
#thumbs2 a img {width:45px; height:70px; border:0;}
#thumbs2 a:hover {border-color:#ddd;}
#thumbs2 a:hover img {position:absolute; width:auto; height:auto; right:150px; top:0; border:1px solid #333;}


/* Photo Strip*/

#photo_strip {width:730px; margin-left:5px;}
#strip {margin:0; padding:0; height:370px; overflow:auto; color:#222; background:#fff;}
#strip ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#strip ul li {display:table-cell; padding:0 15px; background:#fff; border-bottom:1px solid #888; vertical-align:top;}
#strip ul li img {border:1px solid #555; margin: 30px 0 10px 0;}
#photo_strip h1 {text-align:center; padding:0; margin:0; width:50px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}
#strip p {margin:0; padding:5px 0; font-size:11px;}

#strip {
width:760px;
scrollbar-arrow-color: #eee;
scrollbar-3dlight-color: #888;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #600098;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #888;
scrollbar-track-color: #fff;
}

#strip ul li {display:inline; zoom:1; height:335px;}
* html #strip {height:300px; height:300px;}

/* Printer Strip"/


#printer_strip {width:730px; margin-left:5px;}
#p-strip {margin:0; padding:0; height:370px; overflow:auto; color:#222; background:#fff;}
#p-strip ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#p-strip ul li {display:table-cell; padding:0 15px; background:#fff; border-bottom:1px solid #888; vertical-align:top;}
#p-strip ul li img {border:1px solid #555; margin: 30px 0 10px 0;}
#printer_strip h1 {text-align:center; padding:0; margin:0; width:50px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}
#p-strip p {margin:0; padding:5px 0; font-size:11px;}

#p-strip {
width:760px;
scrollbar-arrow-color: #eee;
scrollbar-3dlight-color: #888;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #600098;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #888;
scrollbar-track-color: #fff;
}

#p-strip ul li {display:inline; zoom:1; height:335px;}
* html #p-strip {height:300px; height:300px;}





/*Catalog-Gallery Album*/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:651px; 
height:836px; 
background:#eee  url(images/catalog-gallery/Catalog-Page-3-AboutUs.jpg) 0 1px no-repeat;
border:1px solid #aaa;
margin:0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.catalog-gallery {
padding:0; 
margin:650px 0 0 0; 
list-style-type:none; 
position:relative; 
width:650px;
}
/* remove the default image border */
.catalog-gallery img {
border:0;
}
/* make the list horizontal */
.catalog-gallery li {
float:left;
}

/* style the link text to be central in a surrounding box */
.catalog-gallery li a, .catalog-gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.catalog-gallery li a img {
position:absolute; 
top:-816px; 
left:0; 
visibility:hidden; 
border:0;
}

/* fix the left position for the portrait images */
.catalog-gallery li a img.portrait {
left:0;
}
/* style the hover background color for the text boxes */
.catalog-gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.catalog-gallery li a:active, .catalog-gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.catalog-gallery li a:active img, .catalog-gallery li a:focus img {
visibility:visible;
}