/* andreas02 - a free xhtml/css website layout by Andreas Viklund - http://andreasviklund.com - Free to use for any purpose as long as the proper credits are given to the original author.

Version: 2.0 (Jan 29, 2007)

Screen layout: */

body {
padding:15px 0 0 0;
margin:0;
font:76% tahoma, verdana, sans-serif;
/*background:#e0e0e0;*/
background:#000000;
color:#303030;
}

a {
color:#303030;
text-decoration:none;
border-bottom:1px dotted #7F8EA5;
}

a:hover {
color:#303030;
text-decoration:none;
border-bottom:1px solid #7F8EA5;
}

h1 {
margin:0 0 20px 0;
font-size:2.2em;
font-weight:normal;
}

h2 {
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
color:#7F8EA5;
}

h3 {
margin:0 0 10px 0;
font-size:1.4em;
font-weight:normal;
}

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

a img {
border:0;
}

.imglink {
text-decoration:none;
border-bottom:none;
border:none;
}

.imglink:hover {
border-bottom:none;
}
/* Main container */

#container {
margin:0 auto 20px auto;
width:730px;
padding:5px 20px 20px 20px;
background:#ffffff;
}

/* Site title section */

#logo {
margin:15px 0 0 0;
}

#logo h1 a {
color:#505050;
border:none;
}

#logo h1 a:hover {
color:#303030;
text-decoration:none;
border:none;
}

/* Toptab menu */

#toptabs {
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p {
text-align:right;
color:#808080;
}

.toptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover {
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}

/* Navitab menu */

#navitabs {
clear:both;
}

.navitab {
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
font-size:1em;
font-weight:bold;
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
}

.navitab:hover {
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
font-size:1em;
font-weight:bold;
text-decoration:none;
background:#505050 url(images/corner.gif) top right no-repeat;
}


.activenavitab:hover {
text-decoration:none;
color:#ffffff;
}

/* Header description for each page! ack!*/

#desc {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/4kstopb.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc p {
width:350px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}


/* Header description for each page! ack!*/

#desc2 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/6kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc2 p {
width:350px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc2 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc2 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}


#desc3 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/5kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc3 p {
width:350px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc3 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc3 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc4 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/7kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc4 p {
width:350px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc4 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc4 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc5 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/8kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc5 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc5 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc5 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc7 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/2kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc7 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc7 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc7 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}


#desc8 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/8akstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc8 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc8 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc8 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc9 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/9akstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc9 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc9 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc9 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc10 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/10kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc10 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc10 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc10 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc11 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/11kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc11 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc11 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc11 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}

#desc12 {
height:200px;
color:#ffffff;
padding:0;
background:#505050 url(images/12kstop.jpg) top left no-repeat;
clear:both;
margin:5px 0 15px 0;
}

#desc12 p {
width:400px;
font-size:1em;
line-height:1.3em;
padding:0 0 0 15px;
}

#desc12 h2 {
padding:15px 15px 0 15px;
color:#ffffff;
}

#desc12 a {
color:#ffffff;
text-decoration:none;
border-color:#ffffff;
}
/* Main content */

#main {
width:550px;
float:left;
padding:0 15px 0 0;
margin:0;
border-right:1px solid #d8d8d8;
}

#main h2 {
color:#7F8EA5;
}

/* Sidebar */

#sidebar {
width:150px;
float:right;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

/* Footer */

#footer {
clear:both;
background:#fafafa;
padding:0;
margin:0;
border-top:1px solid #d8d8d8;
text-align:center;
}

#footer a {
color:#808080;
}

#footer a:hover {
color:#303030;
}

#footer p {
color:#808080;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
}

/* Various classes */

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right2
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{
	display: block;
	text-align: center;
	margin: 0 auto;
	white-space: normal;
}


.update {
font-size:.9em;
color:#CC0000;
text-align:center;
}

/*#activenavitab a {
color:#FFFFFF;
border-bottom:none;
padding:4px 8px 5px 8px;
margin:0 0 5px 0;
font-size:1em;
font-weight:bold;
text-decoration:none;
background:#505050 url(images/corner.gif) top right no-repeat;
}*/

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f0f0f0;
padding:10px;
text-align:left;
}

.block2 {
background:#ffffff;
padding:10px;
text-align:center;
}

.block3 {
background:#f0f0f0;
padding:10px;
text-align:right;
}


.style1 {
	font-size: 2.4em;
	font-weight: bold;
}
.style2 {color: #7F8EA5}

.style3 {color: #7F8EA5}


.sidelink {
text-align:left;
display:block;
width:140px;
background:#f0f0f0 url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
border:none;
}

.sidelink:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}

.asidelink {
text-align:left;
display:block;
width:140px;
background:#C1D3EE url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
border:none;
}

.asidelink:hover {
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
border:none;
}
.hide {
display:none;
}

.box{
margin:0 0 20px 0;
padding:5px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1 em;
width:225px;
}

/* form elements */
form {
	margin:10px; padding: 10px;
	border: 1px solid #f2f2f2; 
	background-color: #859BBD; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:350px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0px; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #303030;	
}

/*gallery css*/
acronym {border-bottom:1px dotted #333;cursor:help}
dt {margin:10px 0 5px 0}
dl ul {margin-left:30px}
code {color:blue;font-size:1.3em}
* html code {font-size:1.05em}
/********************** Main document *******************/
#header2 {background:red url(../img/banner.jpg) repeat-x;height:138px /* important for NN6 */}
#header2 img {vertical-align:bottom /* display:block breaks IE Mac */}
#wrapper {position:relative /* the DDs would bleed through */;border:2px solid #fff;border-right:3px solid #ccc;border-bottom:3px solid #999}
#bothcolumns {}
/* the Gallery (Unordered List) */
#gallery {float:left;margin-top:3px;overflow:hidden;height:405px /* FF .8 */;width:222px;background:#000;border:3px solid #000;z-index:1/* IE Mac */}
#gallery li {display:inline;overflow:hidden;height:75px}
#gallery li img {border:3px solid #000;width:105px;height:75px;display:block;margin:0 auto;position:relative;z-index:10}
/* overflow:hidden will break FF 0.8 */ 
#gallery li a {display:block;float:left;height:81px !important /* IE5 Mac */;width:111px;position:relative;color:#fff}
#gallery li a:hover {color:#000;background:#fff} 
#gallery li a:hover img,
#gallery li a:focus img,#gallery li a:active img {border-color:#fff}
#gallery span {position:absolute;top:0;left:0;margin-top:2.2em;padding:0 3px;z-index:1}
#content2 {margin:10px 10px 20px 270px}
#footer2 {clear:left;padding:10px 0 10px 20px;border-top:3px double #fff;background:#000;color:#fff}
#footer2 p {display:inline}
#footer2 img {border:0;vertical-align:middle;margin-right:15px}
#footer2 a {color:#fff}
.note {font-style:italic;color:#999}
dd a,.note a {color:red}
/************************ The stuff *********************/
.transparent {opacity:.2;-moz-opacity:0.2}
.nonOpaque {opacity:1;-moz-opacity:1}
a.transparent {cursor:default}
a.nonOpaque {cursor:pointer}
#zDIV_slideShow a {color:#000;background-color:#fff}
#zDIV_slideShow {display:none;position:absolute;left:0;top:0 !important;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat;text-align:center;margin:0;z-index:10/* IE Mac */}
/* new style (not for IE 5 WIN or Mac) to center the whole thing if we deal with fixed height images */
@media screen {#zDIV_slideShow {top:50% !important;height:440px;margin-top:-220px}}
#zA_previous,#zA_next,#zA_close {background:transparent !important}
#zA_previous img,#zA_next img,#zA_close img {border:0 !important;margin:5px 2px;margin-bottom:-20px/* to make sure FF doesn't show only the bottom part of these images (top part being hidden by the viewport) ONLY NEEDED if vertical centering is not applied */}
#zA_title {display:block;font-size:1.1em;margin:20px auto 9px/* top margin to compensate for the negative margin on the image ONLY NEEDED if vertical centering is not applied */;padding:5px;width:90%;background-color:transparent !important;cursor:default;text-decoration:none}
#zDIV_slideShow #zA_description {color:red;padding:9px 3px;border:2px solid #000;width:350px;margin:0 auto;display:block}
#zDIV_counter {display:block;width:10em;margin:9px auto;background:#333;color:#fff;padding:3px;font: .9em Arial, Helvetica, sans-serif}
#zIMG {margin-top:15px;padding:3px;background:#fff;border:2px solid #000}
#zDIV_slideShow {padding-bottom:50px !important;background:url(../img/load.gif) no-repeat 50% 50%} /* to make sure FF does not cut-off the description below the image */
.hand {cursor:pointer}
* html #gallery {width:222px}
/* for IE5 both Win and Mac - will be reset in the IE6 CCS */
* html #zDIV_slideShow {background-color:#ececec}
/* for IE5 Win and Mac that don't do opacity at all IE */
* html a.transparent {visibility:hidden}
* html a.nonOpaque {visibility:visible}