div.nav {
background:#FCFCFF none repeat scroll 0%;
border:1px solid #CAD6E8;
margin-bottom:1em;
padding:1em;
position:relative;
width:auto !important;
}
* html div.nav {
padding: 0px 5px 0px 8px;
}
div h3 {
background:transparent url(/images/bullet2.gif) no-repeat scroll right center;
border:0px none;
clear:right;
color:#99ACCA;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.9em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:1em;
line-height:normal;
margin:0pt;
padding:2px 1.5em 4px 0.5em;
position:absolute;
right:-1px;
top:-0.8em;
}
* html div h3{
right: 8px;
}
div.nav p {
color:#A6BD5E;
line-height:150%;
margin-bottom:10px;
font-size: 12px;
}

.topTitle{
font-weight:bold;
font-size:16px;
margin-bottom:10px;
}

.person_container {
width: 656px;
display: block;
vertical-align:top;
}
.picture{
margin: 10px;
margin-top: 17px;
border: 1px solid #ccc;
padding: 4px;
}
* html .picture{
margin-bottom: 0px;
}
.p_left{
margin-left: 5px;
clear: left;
float: left;
}
.p_right{
margin-right: 5px;
clear: right;
float: right;
}
.name {
background: #EEEEF0;
text-align: center;
color:#A3A2A2;
font: bold 11px Arial, Verdana, sans-serif;
padding-top: 1px;
padding-bottom: 1px;
margin-top: 2px;
}
.roundBox{
width: 520px;
display: block;
margin: 17px 5px 10px 5px;
}
* html .picture{
margin-bottom: 0px;
}
.r_left{
clear: left;
float: left;
}
.r_right{
clear: right;
float: right;
}
.roundBox .topRightCorner, .roundBox .topLeftCorner, .roundBox .bottomLeftCorner, .roundBox .bottomRightCorner{
background-repeat: no-repeat;
display: block;
height: 15px;
width: 100%;
}
.roundBox .bottomRightCorner{
background-image: url(images/corner-br-light-blue.gif);
background-position : bottom right;
float: right;
}
.roundBox .bottomLeftCorner{
background-image: url(images/corner-bl-light-blue.gif);
background-position : bottom left;
}
.roundBox .topRightCorner{
background-image: url(images/corner-tr-light-blue.gif);
background-position : top right;
float: right;
}
.roundBox .topLeftCorner{
background-image: url(images/corner-tl-light-blue.gif);
background-position : top left;
}
.roundBox .content{
border-left: #DBD9D9 solid 1px;
border-right: #DBD9D9 solid 1px;
background-color: #FAFAFA;
padding: 0 10px 0 10px;
font-size: 12px;
}
.roundBox .content .left{
float: left;
display: inline;
width: 230px;
position:relative;
top:20px;
}
* html .roundBox .content .left{
top:17px;
}
.roundBox .content .right{
height: 105px;
}
* html .roundBox .content .right{
height: 80px;
}
.mainText_L{
color: #807E78;
}
.mainText_R{
color: #5396E9;
}
.s_left, .s_right{
font-size: 1.2em;
font-weight: bold;
color: #FFBA01;
font-family: Georgia, Arial, Helvetica, sans-serif;
}
.s_left{
float: left;
}
.s_right{
float: right;
}
* html .s_left, * html .s_right{
margin-top: 8px;
}

.hr_left{
padding-top: 8px;
float: left;
}
.hr_right{
padding-top: 8px;
float: right;
}
.d_b_right, .d_b_left{
padding: 0px 4px 0px 4px;
}
.d_b_right{
float: right;
padding-left: 0px;
}
.d_b_left{
float: left;
padding-right: 0px;
}
.separator{
display: block;
clear: both;
width: 100%;
}

b.rtop, b.rbottom{display:block; clear:both; margin:0px}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #F4F4F4}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

b.rbottom2{display:block;}
b.rbottom2 b{display:block;height: 1px; overflow: hidden; background: #E3E3E3}
b.r12{margin: 0 5px}
b.r22{margin: 0 3px}
b.r32{margin: 0 2px}
b.rbottom2 b.r42{margin: 0 1px;height: 2px}

/*- Menu Tabs --------------------------- */

img {
border: none;
}
#tabs{
width:656px;
}
#tabs5 {
float:left;
width:100%;
background:#F4F4F4;
line-height:normal;
}
#tabs5 ul {
font:12px/1.1em Verdana;
margin:0;
padding:5px 8px 0 40px;
list-style:none;
}
#tabs5 li {
display:inline;
margin:0;
padding:0;
}
#tabs5 a {
float:left;
background:url("images/tableftB.gif") no-repeat left top;
margin:0;
padding:0 1px 0 4px;
text-decoration:none;
}
#tabs5 a.x_prepare {
float:left;
background:url("images/tableftB.gif") no-repeat left top;
margin:0;
margin-right: 375px;
padding:0 1px 0 4px;
text-decoration:none;
}
#tabs5 a span {
float:left;
display:block;
background:url("images/tabrightB.gif") no-repeat right top;
padding:5px 11px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs5 a span {float:none;}
/* End IE5-Mac hack */
#tabs5 a:hover span {
color:#000;
}
#tabs5 a:hover {
background-position:0% -42px;
}
#tabs5 a:hover span {
background-position:100% -42px;
}

#tabs5 .current a {
background-position:0% -42px;
}
#tabs5 .current a span {
background-position:100% -42px;
}
#tabs_line{
clear: both;
padding: 0px;
margin: 0px;
width:100%;
height: 7px;
line-height: 7px;
background-image: url("images/round_top2.gif");
}
.tabs_content{
width: 656px;
margin:0px;
background-image: url("images/gradient.png");
background-repeat: repeat-x;
}
.tabs_content .sub_tabs_content{
color:#3D3E3C;
line-height: 1.4em;
padding: 8px;
padding-top: 5px;
font-size: 12px;
}
.tabs_content .sub_tabs_content td{
font-size: 12px;
}
fieldset{
margin: 5px 0 20px 0;
padding: 10px 20px 10px 20px;
border: 1px solid rgb(230, 232, 232);
}
legend{
padding: 0% 5px 0 px;
color: rgb(99, 195, 221);
font-size: 1.6em;
}
div.sideNotes{
margin-right: 10px;
width: 310px;
}
div.sideNotes ul{
list-style: none;
margin: 0px;
padding: 0px;
}
* html div.sideNotes ul{
margin-top: 17px;
}
div.sideNotes ul li{
margin: 0 0 4px 0;
padding: 0 0 0 20px;
background-color: transparent;
background-image: url(images/circle_bullet2.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
}
div.quote{
margin-top: 7px;
margin-bottom: 7px;
line-height: 1.3em;
padding-left: 10px;
border-left: 3px solid #DED9D9;
color: 5E5858;
}
.photos a{
float:left;
border:1px solid #ccc;
padding:2px;
margin-right:5px;
margin-bottom:6px;
}
.photos div.pic_text{
color:#5E5858;
}
.photos p{
color:#6798C1;
padding: 0;
margin:0 0 6px 0;
font-size: 12px;
font-weight:bold;
}
.photos hr{
clear:both;
padding:0px;
border-style:none;
border-top:1px solid #CAD6E8;
width: 250px;
}

/** hover image **/
h1{
background: inherit;
border-bottom: 1px dashed #ccc;
color: #933;
font: 17px Georgia, serif;
margin: 0 0 10px;
padding: 0 0 5px;
text-align: center;
}
/* p{
clear: both;
font: 10px Verdana, sans-serif;
padding: 10px 0;
text-align: center;
}
p a{
background: inherit;
color: #777;
}
p a:hover{
background: inherit;
color: #000;
} */
div.title{
clear: both;
color: #555;
}
.hoverImage{
padding-left:10px;
cursor: default;
list-style: none;
}
.hoverImage a{
cursor: default;
}
.hoverImage a .preview{
display: none;
}
.hoverImage a:hover .preview{
display: block;
position: absolute;
top: -33px;
left: -45px;
z-index: 1;
}
.hoverImage img{
background: #fff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 1px;
color: inherit;
padding: 2px;
vertical-align: top;
width: 100px;
height: 75px;
}
.hoverImage li{
background: #eee;
border-color: #ddd #bbb #aaa #ccc;
border-style: solid;
border-width: 1px;
color: inherit;
display: inline;
float: left;
margin: 3px;
padding: 5px;
position: relative;
}
.hoverImage .preview{
border-color: #000;
width: 200px;
height: 150px;
}
* html .hoverImage{
margin-left: 6px;
}
* html .hoverImage a{
position: relative;
}
* html .hoverImage a:hover{
display: block;
font-size: 100%;
z-index: 1;
}
* html .hoverImage a:hover .preview{
top: -38px;
left: -50px;
}
* html .hoverImage li{
position: static;
}

/** lightbox **/

#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; width:32px; height: 32px; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(images/blank.gif) no-repeat;
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font:12px Verdana, Helvetica, sans-serif;color: #555;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}	
#imageData a#bottomNavClose img{ width: 66px; height: 22px}	
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html>body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}

/* contact table */
.contact{
}
.contact tr td{
color: #0189BC;
}
.contact tr td a{
cursor: pointer;
}
.contact input{
border: 1px solid #ccc;
background: #F9F7F7;
}
.contact input.submit{
border: 1px solid #ccc;
color: green;
}

#msg{
color: #F85D5D;
}
.hide{
display: none;
}