@charset "utf-8";
/* CSS Document */
* { font-family: Verdana, Arial, Helvetica, sans-serif !important; }
li, ul { margin: 0px; padding:0px; list-style: none;}
a, a:visited, a:hover, a:link, a:active { color: #6699cc; text-decoration: none; }
a:hover { color: #0099FF; text-decoration: underline; } 
a:active { color:#FF0000; }
p { line-height: 180%; }
body { background-image:url(/dependencies/images/body-bg.gif); background-repeat:repeat-y; background-color:#f7e3ad }
.left-column { }
h1.logo { border-bottom: 1px solid #9a540e; margin:0; padding:0; width: 190px;}
h1.logo img { margin: 0px; padding: 0px; }

.left-column .block-menu ul, .left-column .block-menu li { 
background-color: #c0ae2c; margin:0; padding:0; }
.left-column .block-menu ul { width: 190px; }
.left-column .block-menu li { border-bottom: 1px solid #c8b846; }
.block-menu { border-bottom: 3px solid #a45a0f; width: 190px; }
.block-menu a, .block-menu a:visited, .block-menu a:hover, .block-menu a:link, .block-menu a:active 
{  
color: #fff; 
font-size: 11px; 
text-transform: uppercase;
text-decoration: none; 
display: block; 
padding-left: 13px; 
line-height: 28px; 
}
.block-menu a:hover { background-color:#c8b846; }

.left-column .block-menu li li 
{ 
background-color: #c8b846; 
}
.block-menu li li a, .block-menu li li a:visited, 
.block-menu li li a:hover, .block-menu li li a:link, .block-menu li li a:active 
{
padding-left: 30px;
}

.active { font-weight: bold; }

.left-column .block-menu li.expanded,
.left-column .block-menu li.active-trail, 
.left-column .block-menu li.active-trail a,
.left-column .block-menu li.active-trail a:visited {  background-color: #c8b846; } 


#col3 { width: 781px; }

.toolbar { background-color:#f0e5b9; height: 36px; overflow:hidden; background-image:url(/dependencies/images/tile_toolbar.gif); background-repeat: repeat-x; }
.toolbar li, .toolbar ul { margin:0px; padding:0px; list-style: none; }
.toolbar li { float: right; padding: 0 10px; line-height: 36px; font-size: 12px; }
.toolbar input { margin: 10px 0; }
.toolbar a, .toolbar a:visited { color: #835e0b; }
.toolbar li { border-left: 1px solid #eac35e; }

h2.up-header { font-family: georgia !important; font-size: 34px; color: #b06010; line-height: 60px; padding-left: 20px; margin:0; font-weight: bold; }

.toolbar-container { background-image:url(/dependencies/images/tile_header.gif); background-repeat: repeat-y; }
.logo-block { text-align: right; } 
.logo-block img { margin: 0; padding: 0; border: 0; }

#feature-img { margin:0; padding:0; }
#feature-img img { border-bottom: 3px solid #bfb6ac; }
.h2-logoblock { border-bottom: 3px solid #bfb6ac; height: 60px; }
#dyn_id17 { margin-top: 211px; }

.hp-content-area { padding: 30px 18px; }

h3 { font-size: 18px; color: #b06010; margin-bottom: .5em; font-weight: bold; }
.hp-content-area, .ip-content-area { font-size: 12px; line-height: 150%; color: #333;  } 
.hp-content-area p, .ip-content-area p { margin-bottom: 1.5em; }
.hp-3col-content p { line-height: 150%; }
h4 { color: #8f8100; font-size: 14px; font-weight: bold; margin-bottom: 0  }

.hp-3col { font-size: 11px; line-height: 140%; background-color:#f0eeeb; padding: 14px 0 14px 10px; margin-left: -10px }
.hp-3col .hp-3col-content { padding: 0px 0px 0 0px; margin: 0px; border-right: 1px dotted #87afd7 } 
.hp-3col p { margin: 0px; padding:0px; }
.hp-3col .last { border-right: none } 





.button a, .button a:visited  { 
 width: 155px; height: 27px; 
 background-image:url(/dependencies/images/sprite_buttons.gif);
 background-position: 0 0; color: white; 
 text-align:center; line-height: 27px; 
 font-weight: bold; font-size: 12px; display:block;
 text-decoration: none;
}
.button a:hover { background-position: -163px 0}

.button a.bttn-red, .button a:visited.bttn-red { background-position: 0 0 }
.button a:hover.bttn-red { background-position: -163px 0 }

.button a.bttn-lt-green, .button a:visited.bttn-lt-green { background-position: 0 -30px }
.button a:hover.bttn-lt-green { background-position: -163px -30px }

.button a.bttn-green, .button a:visited.bttn-green { background-position: 0 -60px }
.button a:hover.bttn-green { background-position: -163px -60px }
.hp-buttons { padding-top: 20px; margin-left: 0px  }
.hp-buttons ul { width: 480px; margin: 0; padding: 0;  }
.hp-buttons li, .hp-buttons ul { margin: 0px; padding: 0px; list-style: none; } 
.hp-buttons li { float: left; width: 158px;  }

.left-col-callouts { margin-left: 3px;}
.left-col-callouts li, .left-col-callouts ul { margin:0; padding:0; }
.left-col-callouts ul { margin-top: 20px; }
.left-col-callouts li { width: 183px; height: 91px; margin-bottom: 10px; background-image:url(/dependencies/images/callout_mask.gif); background-repeat: no-repeat; overflow: hidden; }
.left-col-callouts li a { display: block; width: 183px; height: 91px; }
.left-col-callouts img { margin: 10px; }

.hp-right-col-content h4 { margin: 0px; padding:0px; background-color: #8f8100; color: #fff; font-size: 16px; height: 30px; padding-left: 10px; line-height: 30px; text-transform: none; font-weight: normal; overflow: hidden }

#dyn_id23 { margin-left: 3px; }
.google-map { margin: 2px 0 5px 0; } 
.sm-bttn a, .sm-bttn { width:110px; height: 19px; background-image:url(/dependencies/images/sprite_small_button.gif); }

.sm-bttn a { display: block; width: 110px; height: 19px; text-align: center; line-height: 19px; color: #fff; font-size: 11px; font-weight: normal; background-position: 0 0; text-decoration: none;} 
.sm-bttn a:hover { background-position: 0 -20px; } 

#footer { font-size: 10px; margin-top: 30px; padding-bottom: 30px; }
#footer a { text-decoration: none; }
.footer-nav-wrapper { background-image:url(/dependencies/images/bg_footer_nav.gif); background-repeat: no-repeat; height: 18px;  }
.footer-nav-wrapper p { padding: 0 0 0 20px; line-height: 18px; color: #b7ad81; } 
.footer-info-wrapper { padding: 10px 0 0 20px; }
.footer-info-wrapper p { margin: 0 0 5px 0; padding: 0 }

.tour-links { padding: 10px 0 15px 10px; }
.icon-link a { display: block; padding-left: 23px;background-repeat: no-repeat; font-size: 12px; background-position: 0 ; } 
.icon-link a.eye { background-image: url(/dependencies/images/icons/eye.png);  }
.icon-link a.email { background-image: url(/dependencies/images/icons/email.png);  }
.hp-right-col-content { padding: 0 0 0 0; }
.location-address { border: 1px solid #f2d184; background-color: #ecdfa7; margin-top: 1px; }

.location-address p { font-size: 12px; margin: 0; padding: 0; line-height: 140%; padding: 3px 10px; }

.content-area { padding: 10px 10px 10px 20px; }

body { float: left; text-align: left; margin-left: 0; margin: 0px }
.parent { float: left; margin-left: 0; }
.messages { 
padding: 3px 25px; 
background-image:url(/dependencies/images/icons/tick.png);
background-color: #E6EFC2; 
color: #529214; 
border-color: #C6D880;
background-repeat: no-repeat; 
background-position: 5px 3px; 
margin-bottom: 10px;
}
.messages em { background-color: #E6EFC2; font-weight: bold;
 font-style:normal; 
 }
.submitted { visibility:hidden; display:none; }




#tabs-wrapper { 
position: absolute;
top: 0px; left: 200px; 
} 
#tabs-wrapper a,
#tabs-wrapper a:visited,
#tabs-wrapper a:link,
#tabs-wrapper a:hover
{  
border-color: #BFB383; 
background-color:#BFB383; 
color: #F5EDCF; line-height: 25px !important;
display: block; padding: 0 10px;
}
#tabs-wrapper a:hover { background-color: #CFBA67;
color: #fff; }

#tabs-wrapper .active a { 
background-color: #fff; 
color: #B06010;
border-color: #BBBBBB; 
border-bottom-color: #fff;  
}
#tabs-wrapper li { float: left; margin-right:1px; }

 
.attn { font-size: 10px; background-color: #ede;
color: #606; }

#search label { visibility: hidden; display: none }

.button-lh { line-height: 30px; font-size: 11px; color: #666 }

.form-textarea { font-size: 12px; }

.content-area li {list-style-position: outside; list-style-type: disc; margin-left: 40px; }

.content-area ul { margin: 1.5em 0 1.5em 1.5em; }

.hp-buttons li { list-style-type:none; margin-left: 0px; }

.hp-buttons ul { margin-left: 0px; margin-top: 0px; padding-top:0px; }



h3.page-hdr { 
font-weight: bold; 
margin-left: 20px;
width: 720px;
margin-top: 28px;
color: #333;
font-size: 22px;
} 
a:hover.button { text-decoration: none; }

.box p.last { margin-bottom: 0px; }
.box { background-color: #fff9d6; }

.inline-img { 
float: right; 
margin-left: 1em; margin-bottom: 1em;
margin-top: 1em; 
}
.inline-img img {
border: 10px solid #f7e3ad; 
}


.col-img { 
}
.col-img img {
border: 10px solid #f7e3ad; 
}

.pad-l10 { padding-left: 10px; }

.pad-r10 { padding-left: 10px; }

.pad-b10 { padding-left: 10px; }

.pad-t10 { margin-left: 10px; }

#block-user-0 { visibility: hidden; display: none; }

.inline-img-right { float: right; margin: 0 0 10px 20px; }

.inline-img-left{ float: left; margin: 10px 20px 20px 0; }

#block-menu-primary-links li li a,
#block-menu-primary-links li li a:visited { text-transform: none; }



.tour-links li, .tour-links ul  {
list-style: none;
margin:0px;
}















/* CODA SLIDER */




.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 20px 0;
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 680px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer-parent { height: 660px; overflow:hidden; }
.stripViewer { /* This is the viewing window */
position: relative;
overflow: auto !important; 
border:0px solid #000; /* this is the border. should have the same value for the links */
margin: auto;
width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height:680px;
clear: both;
background: #fff; 
}

.stripViewer .panelContainer { 
/* This is the big long container used to 
house your end-to-end divs. Width is calculated 
and specified by the JS  */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 700px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}

.stripNav { 
 
}

.stripNav ul { 
list-style: none !important;
float:left; width: 600px; white-space:nowrap;
 
}

.stripNav ul li { 
margin-right: 2px; !important; 
padding:0px; 
margin-left:0px;

}
.stripNav ul li, .stripNav ul { 

list-style:none;float:left;
}
.stripNav a { /* The nav links */
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
background: #eee;
color: #0099FF;
text-decoration: none;
display: block;
padding: 0 15px;
}

.stripNav li.tab1 a { background: #eee}
.stripNav li.tab2 a { background: #eee}
.stripNav li.tab3 a { background: #eee}
.stripNav li.tab4 a { background: #eee}
.stripNav li.tab5 a { background: #eee}

.stripNav li a:hover {
background: #eef; text-decoration:underline;
}

.stripNav li a.current {
background: #999;
color: #fff;
}

.stripNavL, .stripNavR { display:none;
}

.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}