body{
background:#6d6e6e url(img/bodybg.gif) repeat-x;
color:#505050;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{
font: bold 11px arial, sans-serif;
text-decoration:underline;
color:#000000;
border-style: none;}

a:hover{
text-decoration:none;
color:#000000;
}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that             makes it selectable when hidden */
left:-150px; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background:#6d6d6e url(img/bodybg.gif) repeat-x;
margin:0 auto;
text-align:left;
width:752px;
padding-top: 0px;}

#flashcontent{
margin: 4px 25px;
float: right;
}

#flashcontent1{
margin:0;
text-align: center;
}

#flashcontent2{
margin:0;
text-align: center;
}

#textheader{
float: left;
margin:5px 10px;
}

#sitename{
background: url(img/topbg.jpg) no-repeat bottom center;
color:#999999;
height:120px;
margin: 0 0 10px 0;
text-align: left;
}


#sitename h1{
color: #999999;
font-size: 12px;
font-family: sans-serif;
text-align: left;
}


#sitename span{
font-size: 12px;
font-style: normal;
font-family: sans-serif;
}

#language{
color:#ffffff;
border:1px solid #cccccc;
float:right;
margin-top:-130px;
font-size: 9px;
font-weight: bold;
font-family: sans-serif;
background-color: black;
padding-top: 0;
padding-bottom: 0;
padding-left: 1px;
padding-right:1px;
}

#language a{
color:#808080;
display:block;
text-decoration:none;
background-color: black;
font-size: 9px;
font-weight: bold;
font-family: sans-serif;
background-color: black;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 1px;
padding-right:1px;
}

#language a:hover{
color:#505050;
border:1px solid #000000;
background-color:#fadbbf;
}

#nav{
background:url(img/greypx.gif) bottom left repeat-x;
float:left;
width:752px;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
background:url(img/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:13px;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{
color:#505050;
}

#nav li{
background:url(img/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{
background:url(img/tabs.gif) no-repeat 0 -41px;
}

#nav #current a{
background:url(img/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}

#wrap1{
background:#ffffff url(img/innerbg.gif) repeat-y;
border-bottom:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:750px;
border-left: 1px solid #121212;}

#wrap2{
background:url(img/header.jpg) top left no-repeat;
padding:10px;
width:730px;
}

#header{
height:30px;
position:relative;
width:730px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#808080;
margin:0 0 4px;
text-align:right;
}

#topbox a{
color:#d04a10;
}

#topbox a:hover{
text-decoration:underline;
}

#pagenav{
color:#808080;
margin:0 0 -10px;
text-align:right;
}

#leftside{
float:left;
margin:-15px 0 0;
width:145px;
}

#leftside h1{
font-size:1.4em;
font-weight:600;
color: #303030;}

#rightside{
float:right;
width:150px;
margin: 26px 3px 10px 3px;
}

#rightsideads{
float:right;
width:150px;
margin: 3px 3px 10px 5px;
border-style: solid;
border-width: 1px;}

#rightside,#rightsideads h1{
font: bold 11px arial, sans-serif;
text-decoration:underline;
color:#000000;
}

#rightside,#rightsideads p{
font: normal 11px/14px arial, sans-serif;
text-decoration:none;
color:#000000;
}

#rightside,#rightsideads a{
font: normal 11px arial, sans-serif;
text-decoration:none;
color:#000000;
}

#rightside,#rightsideads a:hover{
text-decoration:none;
color:#000000;
}

#rightside,#rightsideads img{
border:1px solid #fa9035;
margin:10px 0 5px 5px;
padding:2px;
}

#content{
margin:30px 160px 0 180px;
}

#contentalt{
margin:45px 15px 0 180px;
}

#content p,#contentalt p{
margin:8px 10px 0 5px;
font: normal 11px/14px arial, sans-serif;
color:#000000;
}

#content h1,#contentalt h1{
color:#505050;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h2,#contentalt h2{
color:#505050;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content img,#contentalt img{
float:left;
margin:5px 8px 5px;
border-style:none;
}

#piccontainer{
margin:0;
text-align:left;
width:375px;
padding:5px;
}


#footer{
clear:both;
color:#a0a0a0;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:730px;
}

#footer a{
color:#a0a0a0;
font-weight:400;
}

#footer a:hover{
color:#a0a0a0;
text-decoration:underline;
}

.menublock{
margin-bottom:10px;
margin-top:-10px;
}

.nav{
color:#ffffff;
display:block;
font-size:1.1em;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #000000;
background-color:#fadbbf;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:0.9em;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fadbbf;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url(img/boxbg.gif) top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:0.75em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{
font-size:0.85em;
}

.large{
font-size:1.4em;
}

.soft{
color: #303030
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

#contentgallery{
margin:45px 15px 0 180px;
}

##contentgallery h1{
color:#505050;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#gallery {width:520px; height:430px; position:relative;border:1px solid #ddd;}
#gallery ul {list-style:none; padding:5px; margin:0; width:130px; float:right; height:350px;}
#gallery ul li {display:inline; width:100px; height:100px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:100px; height:100px;}
#gallery ul li span {display:none; position:absolute; left:5px; top:310px; width:300px; font-family:verdana, arial, sans-serif; color:#06a; font-size:11px; line-height:15px; text-align:justify;}
#gallery ul li span b {color:#444;}

/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:5px auto 0 auto; width:300px; height:300px; border:1px solid #fff;}

#gallery ul li.off {display:none;}

#gallery ul li.click {border-color:#fc0; background:#f8f8f8; cursor:default;}

#gallery ul li.click i {position:absolute; left:5px; top:0; width:300px; height:300px;}

#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}

#gallery ul li.click span {display:block;}