/* .screen Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html image popup *************************/
/* .largepic Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html ********************/
/* .thumbnail Credits: Dynamic Drive CSS Library ***** URL:http://www.dynamicdrive.com/style/******/
/* .info http://psacake.com/web/jl.asp */


body {
margin: auto;
font-family:sans-serif;
font-size: 80%;
}

a:link,a:active,a:visited { text-decoration: none;color: #369; outline: none; }
a:hover { color: #cc3333; }


div.contact_email {
padding-left: 25px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
font-family: 'TinetRegular';
src: url('font/tungusfont_tinet-webfont.eot');
src: local('?'), url('font/tungusfont_tinet-webfont.woff') format('woff'), url('font/tungusfont_tinet-webfont.ttf') format('truetype'), url('font/tungusfont_tinet-webfont.svg#webfont') format('svg');
}
#header h1 a { color:#369; text-decoration: none;}
#header h1 a:hover { color:#f90; text-decoration: none;}
#header h1.tungusfont {font-family: "TinetRegular", sans-serif; font-weight:bold; font-size:3em; color:#369; }
#header p.tungusfont {font-family: "TinetRegular", sans-serif; font-weight:bold; font-size:1.5em; color:#369; margin-top: -15px; text-indent: 20px;}
#header_r ul a{ font-family: "TinetRegular", sans-serif;  font-size:1em; color:#000033; }
#header ul a:hover { color:#369 ; }
#header {
margin-bottom: 50px;
padding-left: 20px;
height: 100px;
position:relative;
}
#header_r { position:relative; left:300px; top: -90px; }

#wrapp #centertop { position:relative;top: -40px; left:146px; width: 728px; margin: 10px 0;}


#footer { text-align: center; margin-top: 50px;}
#footer { margin: 15px 0; }
#footer ul.h_list li.tungusfont a{font-family: "TinetRegular", sans-serif; font-size:1.5em; color:#369 ;}
#footer ul.h_list li.tungusfont a:hover{ color: #F60;}


#botbanner {margin-left: 85px;
margin-top: 10px;
height: 60px;
}
/* */
/* Lists ******************************************************************************* */
ul,dl{
margin: 0;
padding-left: 10px;
text-indent: 0;
list-style: none;
}
ul li img { padding: 3px; }
li {

padding-top: 3px;
}
dt { font-weight:bold; color: #336699;
padding-bottom: 0.3em; padding-top: 0.5em;padding-left: 15px;}
dd { padding-bottom: 1em; padding-right: 2em; text-align: justify;}
dd { padding-bottom: 1em; }
.h_list {text-align:center; font-size:smaller; }
.h_list a {color: #cc0000; text-decoration:none; }
.h_list li { display: inline; padding-right: 10px; padding-top: 10px;}
ul .h_list {padding-top: 10px;}


 #centertop { max-height: 200px; width: 100%; padding-bottom: 20px; }
 #centertop ul.hrz { position:absolute; left:-140px; width:160%; height:150px;}
 #centertop ul.hrz li {display:inline; width:180px; text-indent: 0;  padding: 4px; margin: 10px 0;
 }

 #centerdown { max-height: 200px; width: 100%;  }
 #centerdown ul.hrz { position:relative; left:8px;   width:160%; height:150px;}
 #centerdown ul.hrz li {display:inline; width:180px; text-indent: 0;  padding: 4px; margin: 10px 0;
  }
 

/*handy tags,classes ****************************************************************************/
.right {float:right; padding: 1em; font-weight:normal; height: auto;}
.left {float:left; padding: 1em; font-weight:normal; height: auto;}
.right img {float:right; padding: 1em;}
.left img {float:left; padding: 1em;}

.paddingleft {padding: 5px 15px; }
code { font-weight:normal; color: #336699; }
.infobulle { color: #336699; }
.banner_1 {padding-left: 100px;}
.col { padding-left: 1em; }
.row { text-align:center; }
.pushdown { position:relative; top:15px; }
.small {color: #999999;font-size: 0.7em;}
.highlight {
background-color: yellow;
color: blue;
padding: 0;
}
h5 { padding: 30px 0 10px 0; text-align: center; }
.cnt_l {float: left; width: 48%; padding: 20px 0;}
.cnt_r {float: right; width: 52%; padding: 20px 0;}
.footnotes {font-size: 0.6em; color: #999999; }
.title {font-weight:bold; color:#6699cc ; padding-left: 10px; }

a.readon {font-weight:normal; }
a img { border: none; }

/* Joomla core stuff ****** *modules, tables, mosimage, search ******************************/

table.moduletable {
width: ;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

div.moduletable {

margin-bottom: 2px;
}

div.moduletable-menu ul.menu li{ padding-left: 5px; }

div.moduletable p{
width: 160px;
color: #a9a9a9;
font-size:0.8em;
text-align: justify;
}


#pathway_text {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
margin-bottom: 2px;
font-size: 0.9em;
clear:both;
}

table.moduletable th, div.moduletable h3 {
color: #666666;
text-align: center;
height: 21px;
line-height: 21px;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 2px 0;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}
.sectiontablefooter {}

.sectiontableentry1 {background-color : #ffffff;}

.sectiontableentry2 {background-color : #f9f9f9;}

/* removes space below form elements */
form {margin: 0;padding: 0;
}
span.article_seperator {
display: block;
height: 1.5em;
}

/* Content zone **************************************************************************************************************************************************/

.contentpaneopen p {  text-align:justify; font-size:0.9em; line-height:1.3em; padding:5px 25px;}
.contentpaneopen h2 { color: #cc0033; font-size:1.3em; font-weight:bold;padding:0 25px;}
.contentpaneopen h3 { color: #336600; font-size:1.1em; font-weight:bold;}

.contentpagetitle {font-weight: bold; color: #336633;}

div.contentpaneopen, table.contentpaneopen,div.componentheading,.contentheading,.main  { padding: 0 25px; text-align:justify;}
.componentheading,td.contentheading {margin-top:-25px; margin-bottom:15px;  color: #336699; font-size:1.5em; font-weight:bold; }
table.contentpaneopen h3,h4 {padding: 0 25px;}
/*****************************************************************************************************************************************************************/

/* Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html image popup *************************/
a.screen, a.screen:visited {
color:#c00;
position:relative;
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that
makes it selectable when hidden */
border:none; /* add a border */
left:100px; /* position:the image */
top:-50px;
}
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 ********************************************/
}

/* Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html ********************/
a.largepic, a.largepic:visited {
color:#c00;
position:relative;
z-index:1;
}
a.largepic 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 */
border:none; /* add a border */
left:10px; /* position:the image */
top:-200px;
}
a.largepic:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
}
a.largepic:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */

z-index:500;
}
a.largepic:hover b img {z-index:100;
border:0; /* remove the link border */
}
.h_list a.largepic:hover b img {z-index:100;
border:0; /* remove the link border */
}

/*Credits: Dynamic Drive CSS Library ***** URL:http://www.dynamicdrive.com/style/******/
thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -30px; /*position where enlarged image should offset horizontally */
}

/* http://psacake.com/web/jl.asp */
a.info{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;}

a.info:hover{z-index:25; }

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:3em; left:-1em; width:20em;
padding: 5px;
background-color:#003366; color:#fff; font-size:0.8em;
text-align: left;
}
.left { float:left; }
.info>span>img { padding: 3px; margin:5px; border:1px solid white ; }

/* ***************************/
/* http://psacake.com/web/jl.asp */
a.info2{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;

}
a.info2 ul, a.info2 h2{ text-align:center; }
a.info2 img{border: none; }
a.info2:hover{z-index:25; }
a.info2 ul {padding-left: 0; }
a.info2 span{display: none;}

a.info2:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5em; left:0em; width:15em;
padding: 3px;
background-color:#ffffff; color:#6699CC; font-size:0.8em;
text-align: left;
border:2px solid #6699CC ;
}
.left { float:left; }
.info2>span>img { padding: 3px; margin:5px; border:1px solid #6699CC; }

a.info3{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;

}
a.info3 h2{ text-align:center; }
a.info3 img{border: none; }
a.info3:hover{z-index:25; }
a.info3 dl {text-align: left; padding-left: 0; }
a.info3 span{display: none;}

a.info3:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5em; left:20em; width:11em; border:2px solid #cccccc;
padding: 3px;
background-color:#ffffff; color:#a9a9a9; font-size:0.9em;
text-align: left;
}
.left { float:left; }
.info3>span>img { padding: 3px; margin:5px; border:1px solid #6699CC; }


/* http://psacake.com/web/jl.asp */
a.info4{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;}

a.info4:hover{z-index:25; }

a.info4 span{display: none;}

a.info4:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-100px; left:3em; width:140px;
padding: 2px; border:1px solid #808080;
background-color:#fff; color:#69C; font-size:0.8em;
text-align: center;
}
.left { float:left; }

.info4>span>img { padding: 3px; border:1px solid white ; }

.galright { float:right; width: 50%; color: #0000cc; }

.video{ padding-left:60px; padding-bottom: 30px;}

.amazon{ text-align:center; margin: auto; !important;}

span.small {visibility: hidden; display:none; }

h6>img{ display:none; }

.border {border: 1px solid #C6C6C6; padding:10px 0; }

.open {width:155px; margin-left:10px; padding: 4px 0px 4px 4px; background-color: #ffffff; border: 1px solid #C6C6C6;}

p.intro { font-size: 1.1em;color: #666666; }

p,li,dd,#content { color: #514f4f;  }

._alphafeatured sup {display:none; }
/* ================================================================ 
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/one_page.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* set up the overall width of the menu div, the font and the margins with a relative position*/

#menu2 {
font-family: verdana, arial, sans-serif; 
width:624px;
height:510px;
margin:0; 
position:relative;
z-index:90;
}


/* remove the bullets and set the margin and padding to zero for the unordered list */
#menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
#menu2 ul table {border-collapse:collapse; margin:-1px -10px; font-size:1em;}
/* float the list so that the items are in a line */
#menu2 ul li {
float:left; 
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
#menu2 ul li a, .menu2 ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:207px; 
height:30px; 
color:#000; 
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#c9c9a7; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
#menu2 ul li ul {
position:absolute; left:-9999px; height:0;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
#menu2 ul li#current a {color:#fff; background:#-çc;}

#menu2 ul li a:hover,
#menu2 ul li:hover a {
color:#fff; 
background:#b3ab79;
}
/* make the sub menu ul visible and position it beneath the first list item */
#menu2 ul li#current ul,
#menu2 ul :hover ul {
top:30px; 
left:0;
height:510px;
background:#fff;
text-align:left;
}
/* make the sub menu ul li the full width with padding and border. Add an auto scroll bar */
#menu2 ul li#current ul li,
#menu2 ul :hover ul li {
background:#fff; 
color:#000;
padding:10px;
width:624px;
height:auto;
border:20px solid #b3ab79;
}
#menu2 ul li#current ul li {border:20px solid #938b59;}
/*float the image left with padding and no border */
#menu2 ul li#current ul li img,
#menu2 ul :hover ul li img {
float:left; 
padding:10px 10px 10px 0; 
border:0;
}
/* style the paragraph font height */
#menu2 ul li#current ul li p,
#menu2 ul :hover ul li p {
font-size:0.9em;
line-height:1.8em;
}
/* style the background and foreground color of the submenu links */
#menu2 ul li#current ul li a,
#menu2 ul :hover ul li a {
display:inline;
background:#fff;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
#menu2 ul li#current ul li a:hover,
#menu2 ul :hover ul li a:hover {
text-decoration:none; 
color:#000;
}