/* CSS Document */


body {
	margin:0px 0px; 
	/*height: 800px;*/
	padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background-image:url(Images/back.png);
}
	
#content {
	width:770px; 
	margin:0px auto; /* Right and left margin widths set to "auto" */
	text-align: center; /* Counteract to IE5/Win Hack */
    font-family: Arial, Helvetica, sans-serif;
}

div.topBorder{
    width:772px;
    height:29px;       
}

div.leftBorder{
    width:16px;
    height:100px;
    background-image:url(Images/borderleft.png);
    float:left;
    margin-left: 1px;
    position:relative; 
    overflow:visible;
}

div.background{
    width:739px;
    background-color:#FFFFFF;
    float:left;
    position:relative; 
    overflow:visible;
}

div.rightBorder{
    width: 16px;
    background-image: url(Images/borderright.png);
    float: right;
}

div.bottomBorder{
    width:772px;
    height:29px;    
}

div.menuBar{
    position: relative;
    float: left;
    left: 0px;
    width: 720px;
    height: 15px;
    font-size:11px;
    cursor: default;
    border-top: 3px solid #9DD52A;
    /*border-bottom: 1px solid #000000;*/
    margin:2px 9px 0px 9px
}

div.way{
    float: left;
    position: relative;
    left: 0px;
    width: 350px;
    height: 15px;
    font-size:11px;
    cursor: default;
    color: #000000;
}

div.menu{
    float: right;
    position: relative;
    left: 0px;
    width: 350px;
    height: 15px;
    font-size:11px;
    cursor: default;
    color: #81AE24;
}

.menu a {
    color:#81AE24;
    text-decoration:none;
}


.menu a:visited {
    color:#81AE24;
    text-decoration:none;
}

.menu a:hover { 
    color:#000000;
    font-size: 12px;
}

div.bodycontent{
    font-size:12px;
    margin: 0px 10px 0px 10px;   
}

.bodycontent a {
    color:#81AE24;
    text-decoration:none;
}


.bodycontent a:visited {
    color:#81AE24;
    text-decoration:none;
}

.bodycontent a:hover { 
    color:#81AE24;
    font-size: 12px;
    text-decoration: underline;
}

div.banner{
    position: relative;
    float: left;
    left: 0px;
    width: 500px;
    height: 120px;
    font-size:11px;
    cursor: default;
    margin:10px 9px 0px 9px;
	border:1px solid #000000;
}

div.link{
	height:13px; 
	background-image:url(Images/tittleSmallBack2.png);
	color: #9DD52A;
	font-size:11px;
}

div.powered{
	position: relative;
	float:left;
	height:15px;
	width:720px;
	border-top: 3px solid #9DD52A;
    margin:5px 5px -10px 10px;
	font-size:9px;
}


.xsnazzy h3, .zsnazzy h3 {
	margin:0; 
	font-size:13px; 
	padding:0 10px 2px 10px; 
	border-bottom:1px solid #000000;
}
.xsnazzy p, .zsnazzy p {
	margin:0; 
	padding:5px 10px; 
	font-size:11px;
}
.xsnazzy {
	background: transparent; 
	width:200px; 
	float:left; 
	margin:10px 8px;
}

.zsnazzy {
	background: transparent; 
	width:502px; 
	float:left; 
	margin:10px 8px;
}

.xboxcontent {
	display:block; 
	border-width:0 1px; 
	height:auto;
	border:1px solid;
}

.color_a {
	color:#FFFFFF;
	background-image:url(Images/tittleback.png);
}

.color_b {
	color:#FFFFFF;
	background-image:url(Images/tittleSmallBack.png);
}




/*div.top{
	height:150px;
	width:760px;
	background-color:#AAAAAA;
}


div.button{
	position: relative;
	float: left;
	left: 0px;
	width: 150px;
    height: 350px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor: default;
}


.button ul {
	list-style:none;
	margin:0;
	padding-left:0;
}


.button li {
    line-height:20px;
	padding-left:10px;
	width: 140px;
}


.button li a {
	display:block;
	color:#495E88;
	text-decoration:none;
    background-image:url(Images/menu.png);
}


.button li a:visited {
    display:block;
    color:#495E88;
    text-decoration:none;
    background-color: #EEEEEE;
}


.button li a:hover { 
	display:block;
	color:#FFFFFF;
    background-image:url(Images/linkBack.png);
}


div.left{
	position: relative;
	float: left;
	width: 150px;
	height: 645px;
    color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-right:3px;
}


div.right{
	position: relative;
	float: left;
	width: 560px;
	height: 605px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin-left:20px;
	margin-top:20px;
}


div.nextRaid{
	position: relative;
	float: right;
	left: 0px;
	width: 475px;
    height: 180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	cursor: default;
	color:#495E88;
}


.nextRaid ul {
	list-style:none;
	margin:0;
	padding-left:0;
}


.nextRaid li {
    line-height:20px;
	width: 470px;
}


.nextRaid li a {
	display:block;
	color:#495E88;
	text-decoration:none;
}


.nextRaid li a:visited {
    display:block;
    color:#495E88;
    text-decoration:none;
    background-color: #EEEEEE;
}


.nextRaid li a:hover { 
	display:block;
	color:#495E88;
	background-color:#DDDDDD;
}


div.infoRequest{
    width:500px; 
    height:295px;
}


div.contact{
    width: 550px;
}


.contact a{
    text-decoration: none;
    color:#495E88;
}


.contact a:visited{
    text-decoration: none;
    color:#495E88;
}


.contact a:hover{
    text-decoration:underline;
    color:#495E88;
}


div.bigPhoto{
    background-image:url(Images/backImg.png);
}


div.copyright{
    margin-top:7px;
}
*/

/* slides styling */

.photo {width:720px; height: 350px; text-align:left; position:relative; float: left;}

/*.photo ul.topic {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}*/

.photo ul.topic li {display:block; width:125px; height:150px; float:left;}


.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none; margin-left: 0px;}

.photo ul.topic li.active a
{color:#000; background:#000000; margin-left: 5px;}


.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:375px; width:670px; padding:20px 60px; z-index:1;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{display:block; position:absolute; left:0; top:0px; list-style:none; padding:0; margin:0; height:375px; width:670px; padding:20px 60px; z-index:100;}

.photo ul.topic li ul li
{display:inline; width:220px; height:170px; float:left; margin:0px;}

.photo ul.topic li ul li a
{display:block; width:150px; height:110px; cursor:default; float:left; text-decoration:none; background:#000000; border:1px solid #000000;}

.photo ul.topic li ul li a img
{display:block; width:140px; height:100px; border:5px solid #9DD52A;}


.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#9DD52A;}