﻿/*main layout*/
body {
	background:#35586a;
	
	color: #000;
	font-family: Microsoft Sans Serif,Verdana,arial,"georgia",Bookman Old Style,georgia, "times new roman", times, serif;
	padding: 0;
	margin:0;
	font-size:76%;
}
* html .container {
	margin-left: -700px;
	position: relative;
}
/*\*/
* html .container, * html .content {
	height: 1px;
}
/**/
.content {
	
	padding: 0px 5px 5px 5px;  
}
.width 
{
    background:#F8F4FF;
	width: 992px;
	/*min-width: 700px;*/
	margin:0 auto;
	height:100%;
		border:1px solid #000;
}
* html .minwidth {
	padding-left: 700px;
}
/*\*/
* html .minwidth, * html .layout {
	height: 1px;
}
/**/
p {padding:1.5em; margin:0;}
.content h2 {font-size:1.4em; text-align:center; font-weight:normal;}

#header {background:#f0f0f0; text-align:center; }
/*#header img {margin:5px auto; }*/
#footer {height:50px; background:#151B54; text-align:Center;color:White; font-size:8pt; clear:both;}


a {color:#ffffff;}
/*a:visited {color:#8A4117;}*/
#album {position:relative; margin:0px; text-align:left; background:#ffffff;}
/*#pad_left {width:400px; height:400px; float:left;}
#pad_left p {text-indent:1em; font-size:0.75em; position:relative; z-index:200;}
#pad_top {width:200px; height:200px; float:right;}
#holder {width:200px; height:200px; background: transparent url(../menu/graphics/grid.gif); float:right;}
.button {width:50px; height:50px; float:left;}
.button a {display:block; width:50px; height:50px; position:relative; z-index:200; background:#fff url(../menu/graphics/hover.gif);}
.button a em {display:none;}
.button a:hover {position:absolute; top:0; left:400px; width:200px; height:400px; z-index:20;}
.button a:active, .button a:focus {position:absolute; width:0; height:0; top:0; left:0; z-index:5;}
.button a:active em, .button a:focus em {position:absolute; display:block; width:600px; height:400px; z-index:10;}
.button a:active em img, .button a:focus em img {position:absolute; z-index:10; border:0; cursor:default;}

/********* Menu *********/
.menu {
width:173px;
height:350px;
background: transparent;
clear:both;
display:table;
padding: 0px 0px 0px 0px;
line-height: 2em;
FONT-SIZE: 8pt;
text-align:left;
}

.menu a
{
color:#696969; 
background-color: transparent;
}
.menu a:link,visited,active
{

}
.menu a:hover 
{
color:#000033;
background-position:100% 100%;
background-color:#f0f0f0;


}
/*---small boxes---------------------*/

#search {width:360px; top:10px; float:right; text-align:right;}


.zsnazzy {width:745px;}
.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:10px;}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent1 {display:block; border:0 solid #444; border-width:0 1px; height:135px;}
.xboxcontent2 {display:block; border:0 solid #444; border-width:0 1px; height:185px;}
.xboxcontent3 {display:block; border:0 solid #444; border-width:0 1px; height:265px;}
* html .xboxcontent {height:1px;}

.color_a {background:#758279; color:#fff;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#fff;}
.color_d {background:#e2e2e2; color:#000;}

.xboxcontent1 li :hover
{
	background-color:#f0f0f0;
}
.xboxcontent2 li :hover
{
	background-color:#f0f0f0;
}	
.xboxcontent3 li :hover
{
	background-color:#f0f0f0;
}
span
{
	color: #696969;
}
	
span :hover
{
	
}

