@charset "UTF-8";
/* CSS Document */

body{
 margin:0px;
 background: #fffff1 url(headers/BlueNoise_orig.jpg) repeat;
 /*background: #e1e2de url(headers/Gradient01.jpg) x-repeat;*/
 color:#2E2E2E;
 font-size:13px;
 font-family:"Century Gothic", Verdana, Geneva, sans-serif;
 line-height:1.8em;
 position:relative;}

#body2{
  margin:0px;
  /*background:url(headers/Bronchi_left1.png) no-repeat top left;*/
  *background:none;}
  
#body3{
  margin:0px;
  /*background:url(headers/Bronchi_right.png) no-repeat top right;*/
  /*background:url(headers/Bronchi_right02.png) no-repeat top right;*/
  *background:none;}
  
p{
  margin-bottom:22px;}

td p{
 padding-left: 1em;
 text-indent: -1em;}
  
h1{
 font-size:28px;
 line-height:40px;
 font-variant:small-caps;
 letter-spacing:0.02em;
 font-family:Helvetica, Arial, Gadget, sans-serif;}
 
.name{
 font-weight:bold;
 font-size:35px;
 letter-spacing:0em;
 color:#005663;}
 
.huge{
 font:350px Helvetica, Arial, Gadget, sans-serif;
 color:#008b8b;
 font-weight:bold;
 position:relative;
 float:right;
 text-shadow: 3px 3px 6px rgba(0,0,0,0.7);}
 
h2, .h2inline{
 font-size:16px;
 font-weight:bold;
 line-height:30px;
/* letter-spacing:0.04em;*/
 font-family:Helvetica, Arial, Gadget, sans-serif;}
 
.underline{
 font-size:20px;
 text-decoration:underline;
 text-transform:uppercase;}
 
.underline2{
 text-decoration:underline;}
 
.small{
 font-size:10px;}

img{
 border:none;}

img.tble{
 -webkit-box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
 -moz-box-shadow: 3px 3px 4px rgba(0,0,0,0.5);
 box-shadow: 3px 3px 4px rgba(0,0,0,0.5);}
 
 
.profile{
 position:relative;
 float:right;
 margin-top:-60px;
 *margin-top:-20px;
 margin-right:10px;}
 
.rightfloat{
 position:relative;
 float:right;}
 
.fun{
 position:relative;
 margin-left:-10px;
 margin-right:-40px;
 margin-bottom:-30px;}
 
li{
 list-style:none;}
 
li.bullet{
 list-style-type:disc;
 margin-left:15px;
 margin-bottom:22px;}

#outerwrap{
 width:971px;
 margin:0px auto;}
 
.bg{
 background-color:#fffff1;}

#header{
 width:85px;
 height:170px;
 text-align:left;
 margin-top:45px;
 background-image:url(headers/JCLogo1.png);
 *background-image:url(headers/JCLogoIE.gif);
 z-index:30;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;}
 
#header a.home{
 display:block;
 width:85px;
 height:170px;}

#sidebar{
 margin:-225px 0px 0px -42px;
 *margin:-205px 0px 0px -42px;
 padding:0;
 height:22px;
 width:100%;
 list-style-type:none;}

#sidebar ul li{
 float:left;
 margin:0;
 padding:0;
 font:20px Helvetica, Arial, Gadget, sans-serif;
 font-variant:small-caps;
 width:auto;
 display:block;}

#sidebar ul li a{
 display:block;
 margin:3px 38px 3px 5px;
 color:#fffff1;
 text-decoration:none;
 filter:alpha(opacity=40);
 -moz-opacity:.4;
 opacity:0.4;}

#sidebar ul li a:hover{
 color:#fffff1;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;}
 
#sidebar ul li a.current{
 color:#fffff1;
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity:1;}
 
#sidebar.gal{
 margin-top:-50px;}

a{
 color:#008B8B;
 text-decoration:none;}
 
a:hover{
 color:#5F5F5F;
 text-decoration:underline;}
 
a.plain, a:hover.plain{
 text-decoration:none;
 color:#2e2e2e;}
 

/*begin text page CSS*/

#maincontent{
 width:866px;
 *height:inherit;
 float:left;
 clear:both;
 margin:0px 0px 0px 90px;
 *margin:12px 0px 20px 90px;
 padding-bottom:20px;
 display:block;
 background:#fffff1;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.35);
 -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.35);
 box-shadow: 3px 3px 6px rgba(0,0,0,0.35);}
 
#text{
 width:550px;
 margin:0px auto;
 display:block;}

#text2{
 width:800px;
 margin:0px auto;}

#column1{
 width:233px;
 float:left;}

#column2{
 width:233px;
 float:left;
 margin-left:50px;}
 
#column3{
 width:233px;
 float:left;
 margin-left:50px;}
 
#text2 ul, #column1 ul, #column2 ul, #column3 ul{
 list-style:none;
 margin:0 0 0;
 padding:0 0 0;}
 
/*end text page CSS*/

/*begin gallery page CSS*/
#extradiv{
 width:515px;
 height:120px;
 float:left;
 margin-top:10px;
 margin-left:116px;
 z-index:60;
 position:relative;}
  /*thumbsview2 and extradiv must be the same width*/
 
#thumbsview2{
 width:515px;
 height:60px;
 overflow:auto;
 position:relative;}
 /*thumbsview2 and extradiv must be the same width*/

#gallerycontent{
 width:706px;
 float:left;
 margin-left:10px;
 margin-top:-35px;
 z-index:50;}

#gallerycontent.single{
 margin-top:10px;}
 
#gallerycontent img.main, #gallerycontent object.main, #gallerycontent embed.main{
 display:block;
 border:2px solid #2d6e89;
/* border:3px rgba(45,110,137,0.5);*/
 text-align:center;
 margin:auto;
 -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 box-shadow: 3px 3px 6px rgba(0,0,0,0.25);}

#gallerycontent img.main2{
 display:block;
 border:none;
 text-align:center;
 margin:auto;
 -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 box-shadow: 3px 3px 6px rgba(0,0,0,0.25);}

#othergals{
 width:130px;
 height:700px;
 margin-left:10px;
 margin-top:-75px;
 *margin-top:-55px;
 font:13px "Century Gothic", Helvetica, Arial, Gadget, sans-serif;
 font-weight:bold;
 float:left;}

#othergals ul{
 list-style:none;
 margin-left:0px;
 padding-left:0px;}

#othergals a span{
 display:block;
 filter:alpha(opacity=30);
 -moz-opacity:.3;
 opacity:0.3;}
 
#othergals img{
 display:block;
 margin:40px 0px 10px 0px;
 *margin:0px 0px 10px 0px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 box-shadow: 3px 3px 6px rgba(0,0,0,0.25);}
  
#othergals li span.current2{
 filter:alpha(opacity=90);
 -moz-opacity:.9;
 opacity:0.9;
 background:transparent;}

#othergals a:hover span{
 filter:alpha(opacity=100);
 -moz-opacity:1.0;
 opacity:1.0;
 background:transparent;}

 
/*end gallery page CSS*/

#footer{
 clear:both;
 color:#9A9A9A;
 font-size:10px;
 line-height:0.1em;
 margin-right:50px;
 padding:5px 5px;
 z-index:94;}
 
#footerfix{
 clear:both;
 color:#777;
 font-size:10px;
 line-height:0.1em;
 position:fixed;
 bottom:0px;
 right: 0px;
 margin-right:50px;
 padding:5px 5px;
 z-index:94;}
 
#footer a{
  color:#DBDBDB;
  text-decoration:none;}
  
#footer a:hover{
  color:#fffff1;}
	

 /*begin thumbnail javascript*/
.stepcarousel{
 position: relative; /*leave this value alone*/
 border: 0px;
 overflow: scroll; /*leave this value alone*/
 width:595px;/*This will probably act funky in IE; make sure it corresponds to the #thumbsview and #extradiv widths*/
 height:65px;}

.stepcarousel .belt{
 position: absolute; /*leave this value alone*/
 left:0;
 top: 0;}

.stepcarousel .panel{
 float: left; /*leave this value alone*/
 overflow:visible;/*clip content that go outside dimensions of holding panel DIV*/
 margin-top:5px; /*margin around each panel*/
 margin-left:5px;
 width: 65px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */}
 
.stepcarousel .panel img{
 -webkit-border-radius: 25px;
 -moz-border-radius: 25px;
 -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 -moz-box-shadow: 3px 3px 6px rgba(0,0,0,0.25);
 box-shadow: 3px 3px 6px rgba(0,0,0,0.25);}
 
#extradiv img:hover{
 background-image:url(gallery_images/thumbs/backgroundcircle.png);
 margin-top:-5px;
 margin-left:-5px;
 padding:5px;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;}
 /*end thumbnail javascript*/
 
 /*begin main gallery javascript*/ 
#slider2{
 width:706px;}
 
#slider3{
 width:706px;}
 
.sliderwrapper{
 position: relative; /*leave as is*/
 overflow: hidden; /*leave as is*/
 border: none;
 border-bottom-width: 6px;
 width: 706px; /*width of featured content slider*/
 height: 700px;}

.sliderwrapper .contentdiv{
 visibility: hidden; /*leave as is*/
 position: absolute; /*leave as is*/
 left: 0;  /*leave as is*/
 top: 0;  /*leave as is*/
 padding: 0px;
 width: 706px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
 height: 100%;
 padding-left: 1em;
 text-indent: -1em;
 line-height:1em;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;}

.pagination{
 width: 706px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
 text-align: right;
 padding: 0px;}
 
#paginate-slider2{
 position:absolute;
 margin-top:-700px;
/* margin-left:-25px;*/
 z-index:95}

.pagination a{
/* padding: 0 5px;*/
 filter:alpha(opacity=00);
 -moz-opacity:0;
 opacity:0;
 border:none;}

.pagination a:hover{
 filter:alpha(opacity=70);
 -moz-opacity:.7;
 opacity:0.7;
 border:none;}
 /*end main gallery javascript*/
 
area{
  border:none;}
  
area:hover{
  border:7px #3F0;}
 
/*#multimedia_map a{
  border:none;}
 
#multimedia_map a:hover{
  border:5px #6F3;	
 -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.25);
 -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.25);
 box-shadow: 0px 0px 6px rgba(0,0,0,0.25);}*/

.right{
 text-align:right;}
 
.left{
 float:left;
 text-align:left;}
 
.middle{
 text-align:center;}

ul.menu ul {
  display:none; 
  position:absolute; 
  width:185px; 
  margin:0px; 
  padding:0px; 
  background:rgba(0,86,99,0.95);
  list-style:none;
  z-index:99;}
  
ul.menu ul li {
  position:relative; 
  width:185px; 
  margin:0px;}
  
.border{
  display:block;
  width:150px;
  border-bottom:1px solid rgba(204,204,204,0.4);}
  
ul.menu ul li a {
  display:block;
  margin:0px; 
  padding:5px 5px 5px 15px; 
  font-family:Helvetica, Arial, Gadget, sans-serif;
  font-size:18px;
  letter-spacing:.04em;
  font-variant:normal;
  z-index:98;}
 
/*ul.menu ul li a:hover.dropdown {color:#ccc;}*/