* {margin: 0; padding: 0;}
body, html{height:1794px}

body{background:#333 url(../imgbr/bellatr1.png) no-repeat 0% 1%; font-family:"Trebouchet MS", Arial,Verdana,Sans-serif; font-size:1.0em; text-align:right; color:#eee; padding:0}

#header{width:79%; height: 35px; font:175% Georgia,Arial,Verdana,Sans-serif; color:#e6dcdb; padding-bottom:5px; padding-top:5px; padding-right:25px; border:none; margin:10px auto 10px; background: url(../imgbr/header1.jpg) repeat; opacity:0.80; filter: alpha(opacity=50);}

#content{position:relative; width:82%; height:100%; margin-top:5px; margin-left:auto !important; margin-right:auto !important; text-align:left}

.ptxt {font-size: 85%; margin-top: -1px;}

#leftcol{position:relative; width:19%; min-height:100%; height:1794px; padding-left:0; padding-right:0; float:left; text-align:left; clear:none; background-color:#222; margin-top:0; opacity:0.65;border:1px solid #888;}

#leftxt{color:#fff; position:absolute; width:99%; height:100%; padding-left:4%; padding-right:1%; float:left; text-align:left; right:auto; top:0; left:0}

#leftxt h3{margin-top:20px; color:#00ff00; font-size:1.2em;}

.ldown{font-weight:500; font-size:70%; width:95%;}

.ldown a{color:#3cf; text-decoration:none}

.ldown a:hover{color:#fff; text-decoration:none}

.ldown a:visited{color:#3cf; text-decoration:none;}

.lbox{width:80%; border:1px solid #ffe4e1; font-size:70%; font-weight:bold; margin:15px 6px 0; padding:4px;}

.lbox h3{color:#00ff00;}

.lbox a{color:#3cf; text-decoration:none}

.lbox a:hover{color:#ffe4e1}

.lboxb{width:80%; border:1px solid #ffe4e1; font-size:70%; font-weight:bold; margin:15px 6px 0; padding:4px;}

.lboxb a{color:#3cf; text-decoration:none}

.lboxb a:hover{color:#ffe4e1}

.lboxb a:visited{color:#3cf; text-decoration:none}

.img {text-align:center; margin-top:20px;}
.img a{text-decoration:none;}

#main{font-size:80%; position:relative; width:78%; height:1794px; margin-left:0; margin-bottom:5px; float:left; padding-left:1% !important; padding-right:1% !important; background:#111; opacity:0.75; border-top:1px solid #555; border-bottom:1px solid #555}

h1{font:140% "Trebouchet MS",Arial,Verdana,Sans-serif; line-height:1.4em; color:#ffe4e1; margin:.25em 0 0; padding:5px 0 2px}

h2{font:120% "Trebouchet MS",Arial,Verdana,Sans-serif; color:#ffe4e1; margin:.75em 0 .5em}

h3{font:120% "Trebouchet MS",Arial,Verdana,Sans-serif; letter-spacing:.0.5em; font-weight:600; color:#00ff00; margin:0.5em 0 0.5em}

h4{font:100% "Trebouchet MS",Arial,Verdana,Sans-serif; color:#00ff00; margin:.75em 0 .5em}

#footer{width:80%; clear:both; font:60% "Trebouchet MS",Arial,Verdana,Sans-serif; letter-spacing:.1em; color:#ccc; text-align:center; margin:5px auto; padding:7px}

#footer a{color:#0ff; text-decoration:none}

#footer a:hover{color:#8a88a2}

* html #content, * html #leftcol, *html #leftxt, * html #main, *html 

#rightcol{position:relative;}



/* ================================================================ 
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/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

It is valid for the portion (photo) below ONLY!
=================================================================== */
/* common styling */

a {color:#3cf;text-decoration:none;}
a:hover {text-decoration:none;}
a:visited {color:#3cf;text-decoration:none;}

/* slides styling */

.photox {padding:20px; background:#333; width:610px; height:740px; text-align:left; font-size:90%;}
.photoy {padding:0px 28px 0px 0px; background:#333; width:620px; height:326px; text-align:left;}

.photo {padding:20px; background:#333 url(../imgbr/wolf8.png) no-repeat 90% 50%; width:610px; height:280px; text-align:left;}
.photo h1 {font-size:100%; font-weight:normal; color:#ffe4e1; margin:0 0 0 5px; padding:0;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; background:#222; border:1px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background-color:#555; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

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

.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#666;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#222; position:absolute; left:260px; top:0; width:330px; height:264px; border:1px solid #666; padding:5px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; width:204px; height:98px; border:1px solid #666; top:165px; left:0; color:#ddd; font-weight:normal; font-size:90%; padding:6px;}

#contform {
	background: transparent;
	padding: 1px 0px 1px 1px;
}


form, label, input { 
	font-size : 0.95em;	
} 

fieldset { 
	padding : 0 0.9em;
	background: transparent;
	width:100%;
}

legend {
	font-size:1.2em;
	color: #00ff00;
}

label { 
	text-align:left;
	position : relative; 
	width : 12em; 
	display : block; 
	margin : .5em 0; 
	padding:2px;
}

label input { 
	position : absolute; 
	left : 100%; 
	top : 2px; 
	width : 18em; 
	border:1px solid black;
	padding:2px;
}

label input:focus {
	background-color:#dedede;
} 

input.submit { 
	margin-left:22em;
	width:50px;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 96%;
height: 100px;
}

select {
color: #039;
font-weight: bold;
margin-left: 4.0em;
}

#contform br { 
display : none; 
}