/* Secondary layout 15***********************************************************************  */
/* Lists 66*******************************************************************************  */
/* handy tags,classes 96****************************************************************************/
/* Joomla navigation 112**************  Links **********************************************  */
/* Joomla core stuff 147****** *modules, tables, mosimage, search ******************************/
/* Content zone 280********************************************************************/
/* 387 .screen   Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html image popup *************************/
/* 420 .largepic Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html ********************/
/* 454 .thumbnail Credits: Dynamic Drive CSS Library ***** URL:http://www.dynamicdrive.com/style/******/
/* 485 .info http://psacake.com/web/jl.asp */
/* 558 .thumbgal Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */

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

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


/* Secondary layout ***********************************************************************  */
#header { 
margin-bottom: 0px;
margin-left: 0px;
padding:  0;
height: 160px;
width: 630px;
}
.hdbg1 {background-image:url('http://www.airdutemps.info/images/header1bg.jpg'); 
background-repeat:no-repeat; background-position:center;
background-color: #a9a9a9;  }

#header h1 { padding: 15px 0 0 0; margin: 0; text-align:center; font-size: 2.8em; text-transform:none; }
#header h3 { padding: 0; margin: 0; text-align:center; font-size: 1.5em; text-transform:none; }
#header .moduletable h1 a:link, #header .moduletable h1 a:visited,{
color: #336699;
}
#header .moduletable h1 a:hover, #header .moduletable h1 a:active {
color: #ff9933;
}
#header .moduletable h3 a:link, #header .moduletable h3 a:visited,{
color: #ff9933;
}
#header .moduletable h3 a:hover, #header .moduletable h3 a:active {
color: #336699;
}
#topright {
float:right;
width:165px;
height:150px;
padding: 10px 0;
}
#topbanner {margin-left: 85px;
margin-top: 10px;
height: 60px;
}
#botbanner {margin-left: 85px;
margin-top: 10px;
height: 60px;
}

#topbanner2 {margin-left: 43px;
margin-top: 10px;
height: 90px;
}
#botbanner2 {margin-left: 43px;
margin-top: 10px;
height: 90px;
}



.user1_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}
.user2_inner {
border: 1px solid #cccccc;
float: none !important;
float: left;
margin: 0px;
padding: 2px;
}

/* Lists *******************************************************************************  */
ul{
margin: 0;
padding: 0;
text-indent: 0;
list-style: none;
}
ul li img { padding: 3px; }
li {
padding-left: 5px;
padding-top: 3px;
}
dt { font-weight:bold; color: #336699;
padding-bottom: 0.3em; padding-top: 0.5em;}
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;}

/*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; }

/* Joomla navigation **************  Links **********************************************  */
a.readon {font-weight:normal; }
a img { border: none; }
a:link, a:visited { color: #336699; text-decoration:none; outline: none;
font-weight:normal; }
a:active, a:hover { color: #ff9933; }
ul#mainlevel-nav{list-style: none;padding: 0;margin: 0;}
ul#mainlevel-nav li{
background-image: none;padding-left: 0px;
padding-right: 0px;float: left;margin: 0;
white-space: nowrap;border-right: none;}
ul#mainlevel-nav li a
{
display: block;
padding-left: 15px;
padding-right: 15px;
}
#buttons>ul#mainlevel-nav li a { width: auto; }

a.mainlevel:link, a.mainlevel:visited {
display: block;
text-align: left;
padding-top: 5px;
padding-left: 18px;
height: 10px !important;
height: 15px;
width: 100%;
}

a.sublevel:link, a.sublevel:visited {
padding-left: 1px;
vertical-align: middle;
text-align: left;
}

/* Joomla core stuff ****** *modules, tables, mosimage, search ******************************/
#search_outer {
float: right;
width: 165px;
}

div.mosimage {
border: 1px solid #ccc;
}
.mosimage {
border: 1px solid #cccccc;
margin: 5px
}
.mosimage_caption {
margin-top: 2px;
background: #efefef;
padding: 1px 2px;
color: #666;
border-top: 1px solid #cccccc;
}
.button {
color: #c64934;
font-family: Arial, Hevlvetica, sans-serif;
text-align: center;
font-weight: bold;
border: 3px double #cccccc;
width: auto;
background: url(../images/button_bg.png) repeat-x;
padding: 0px 5px;
line-height: 18px !important;
line-height: 16px;
height: 26px !important;
height: 24px;
margin: 1px;
}

#buttons_outer {
width: 807px;
margin:5px 2px 5px 2px;
float: left;
}

#buttons_inner {
border: none;
height: 21px !important;
height: 23px;
}

.inputbox {
padding: 2px;
border:solid 1px #cccccc;
background-color: #ffffff;
}

table.searchinto {
width: 100%;
}

table.searchintro td {
font-weight: bold;
}

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

div.moduletable {
padding: 0;
margin-bottom: 2px;
}

div.moduletable p{
width: 160px;
color: #a9a9a9;
font-size:0.8em;
text-align: justify;
}
div.moduletable div.menu-suckerfish-horizontal li { padding-bottom: 3px; }

#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;
}
table.moduletable td {
padding: 0px;
margin: 0px;
font-weight: normal;
}
table.pollstableborder td {
padding: 2px;
}
.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 5px;}
.contentpaneopen h2 { color: #cc0033; font-size:1.3em; font-weight:bold;}
.contentpaneopen h3 { color: #336600; font-size:1.1em; font-weight:bold;}
.pagenavbar{ font-weight:normal; }
table.contenttoc{ border: none; }
.back_button{font-weight:normal; }
.componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #cc0033;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
text-transform: uppercase;
}
.contentcolumn {
padding-right: 5px;
}

.contentheading {
height: 20px;
color: #c64934;
font-weight: normal;
font-size: 1.5em;
white-space: nowrap;
}

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

.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 0.9em;
}

.modifydate {
height: 12px;
padding-top: 5px;
color: #999999;
font-size: 0.9em;
}

table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

table.contenttoc td {
padding: 2px;
}

table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
text-transform: uppercase;
}
table.contentpaneopen {
width: 98%;
padding-left: 0px ;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpaneopen _videocentering{position: relative ;
	left: -50px ; 
}

table.contentpaneopen td {
padding-right: 5px;
}
table.contentpaneopen td.componentheading {
padding-left: 4px;
}
table.contentpane {
width: 100%;
padding-left: 10px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
margin: 0px;
padding: 0px;
}
table.contentpane td.componentheading {
padding-left: 4px;
}
table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}
.textfloatright {float: right; width: 160px; height: auto; color: #808080; line-height:.9em; font-size:1.6em; text-align: right; padding: 10px; padding-right: 0;}
.textfloatright a { color: #6699CC; font-size:2.3em; text-align: center;}

.textfloatleft {float: left; width: 160px; height: auto; color: #808080; line-height:.9em; font-size:1.6em; text-align: left; padding: 10px; padding-left: 0;}

/* 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 ; }


/*Credits: Dynamic Drive CSS Library *//*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative; top:25px;
height: 580px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbgal img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbgal:hover{
background-color: transparent;
}

.thumbgal:hover img{
border: 1px solid blue;
}

.thumbgal span{ /*CSS for enlarged image*/
position: absolute;
background-color: #000000;
padding: 70px;
left: -1500px;
border: 2px solid blue;
visibility: hidden;
color: white;
text-decoration: none;
text-align:justify;
}

.thumbgal span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbgal:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

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

.video{ padding-left: 50px; padding-top: 15px; padding-bottom: 15px;} !important

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

.omakasefloatleft {float:left; padding:5px;}

.omakasefloatright {float:right; padding:5px;}