/* 
culture shock: voodoo dolly v1.0
pogy366: http://www.raykdesign.net
Oct. 2005 
*/
/* added pano style at 1500px wide wide - 2009-05-14 jdm */
/* Expanded to 980px wide - 2006-12-10 jdm */
/* Added .breadcrumbs - 2006-12-10 jdm */
/* Experimented with fixed frame size (for images) .container of 330 works on my 1280 x 800 or 768 screen, with menus as they are now - 2006-12-10 jdm */
/* Also experimented with changing what is shown by what information is in the CD fields. Can't have it be totally dynamic. The floating teaser can be made to disappear but not the left-column because the center-column is set up to leave room for it.  - 2006-12-10 jdm */

/* general page structure and layout */
body {
font-family:Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000; 
margin:20px 0 0 0;
padding:0 0 0 0;
background:#ffffff;
text-align:center;
}

.top {
margin:0 auto;
padding:0 0 0 0;
width:980px;
height:9px;
background:#ffffff url(../../Resources/Images/SystemImages/page_top.jpg) no-repeat;
}

.page_wrap {
/* includes the header, main body content and the footer */
margin:0 auto;
padding:0 0 0 0;
width:980px;
background:#ffffff url(../../Resources/Images/SystemImages/body_bg.jpg) repeat-y;
text-align:center;
}

.header {
position:relative;
margin:0 0 0 0 !important;
margin:-7px 0 0 0;
padding:0 0 0 ;
width:980px !important;
width:942px;
height:80px;
background:#ffffff url(../../Resources/Images/SystemImages/header_bg.jpg);
text-align:left;
}

.header_block {
position:relative;
margin:0 20px 0 20px;
padding:0 0 0 0;
width:940px;
background:transparent;
text-align:left;
color:#eeeeee;
}

.pano_top {
margin:0 auto;
padding:0 0 0 0;
width:1500px;
height:9px;
background:#ffffff url(../../Resources/Images/SystemImages/pano_page_top.jpg) no-repeat;
}

.pano_wrap {
/* includes the header, main body content and the footer */
margin:0 auto;
padding:0 0 0 0;
width:1500px;
background:#ffffff url(../../Resources/Images/SystemImages/pano_body_bg.jpg) repeat-y;
text-align:center;
}

.pano_header {
position:relative;
margin:0 0 0 0 !important;
margin:-7px 0 0 0;
padding:0 0 0 ;
width:1500px !important;
width:1462px;
height:80px;
background:#ffffff url(../../Resources/Images/SystemImages/pano_header_bg.jpg);
text-align:left;
}

.pano_header_block {
position:relative;
margin:0 20px 0 20px;
padding:0 0 0 0;
width:1460px;
background:transparent;
text-align:left;
color:#eeeeee;
}

.logo {
position:relative;
float:left;
margin:0 20px 0 0;
padding:0 0 0 0;
}

.navbar {
position:relative;
margin:0 0 0 0;
padding:0 0 0 0;
width:980px !important;
width:942px;
height:39px;
background:#ffffff url(../../Resources/Images/SystemImages/nav_bg.jpg);
text-align:left;
color:#000000;
font-size:.9em;
}

.container {
position:relative;
margin:20px 0 0 10px;
padding:0 0 0 0;
width:960px !important;
width:942px;
/*height:330px;*/
background:transparent;
text-align:left;
}

.pano_images {
position:relative;
width:1480px !important;
width:1462px;
background:transparent;
text-align:center;
}
.images {
position:relative;
width:960px !important;
width:942px;
background:transparent;
text-align:center;
}
.breadcrumbs {
font-family:Verdana;
font-size:.8em; 
position:relative;
margin:0 0 0 10px;
padding:0 0 0 0;
width:960px !important;
width:942px;
height:8px;
background:transparent;
text-align:left;
}

.left_column {
position:absolute;
left:0;
width:140px;
margin:0 0 0 0;
padding:0 4px 0 0;
background:transparent;
font-size:.9em;
color:;
}

.center_column {
position:relative;
width:795px;
margin:0 0 0 151px;
padding:0 0 0 10px;
border-left:1px solid #6E312A;
}

.box_right {
position:relative;
float:right;
width:150px;
margin:0 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:2px 5px 2px 10px;
background:#eeeeee;
border:1px solid #eeeeee;
text-align:left;
color:#eeeeee;
font-size:.9em;
}
.image_right {
position:relative;
float:right;
width:300px;
margin:0 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:2px 5px 2px 10px;
background:#eeeeee;
border:1px solid #cccccc;
text-align:left;
color:#616161;
font-size:.9em;
}
.button_right {
position:relative;
float:right;
text-align:center;
color:#616161;
font-size:.6em;
}
.button_center {
position:relative;
float:center;
text-align:center;
color:#616161;
font-size:.6em;
}
.footer {
position:relative;
margin:0 0 0 0;
padding:10px 0 0 0;
width:980px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#6E312A;
background:transparent;
text-align:center;
}
.pano_footer {
position:relative;
margin:0 0 0 0;
padding:10px 0 0 0;
width:1500px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#6E312A;
background:transparent;
text-align:center;
}
.footer_logo {
position:relative;
float:right;
margin:0 0 0 15px;
padding:0 0 0 0;
}

#footer {
/* aligns the text to the middle of the footer, in relation to the logo */
vertical-align:-250%;
}

.bottom {
margin:0 auto;
padding:0 0 0 0;
width:980px;
height:11px;
background:#ffffff url(../../Resources/Images/SystemImages/page_bottom.jpg) no-repeat top;
}
.pano_bottom {
margin:0 auto;
padding:0 0 0 0;
width:1500px;
height:11px;
background:#ffffff url(../../Resources/Images/SystemImages/pano_page_bottom.jpg) no-repeat top;
}

/* navigation bar */
#nav ul{
padding:0 0 0 0;
margin: 0 0 0 1.5em;
white-space: nowrap;
font-size:1.1em;
color:#ffffff;
float:left;
width:100%;
height:39px;
background:transparent;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: .8em 0 0 0;
padding: .4em 1em .46em 1em;
color:#ffffff;
text-decoration:none;
float: left;
border-left:1px solid #999999;
background:transparent;
}

#nav ul li a:hover{
color:#000000;
text-decoration:none;
border-left:1px solid #999999;
}

#nav ul li a:active{
color:green;
text-decoration:none;
border-left:1px solid #999999;
}


/* fonts and colors */
h1 {
color:#eeeeee;
font-size:2em;
letter-spacing:.1em;
text-transform:capitalize;
margin:0 0 0 0;
padding:20px 0 0 0;
}

h2 {
color:#000000;
font-size:1.2em;
text-transform:capitalize;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -6px 0;
}

h2:after {
color: #000000;
content: "\0020 \00BB";
}

h3 {
color:#000000;
font-size:1.1em;
text-transform:capitalize;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -8px 0;
}

.box_right h3 {
color:#6E312A;
margin:2px 0 -10px 0;
}

.box_right h3:after {
color: #6E312A;
content: "\0020 \00BB";
}

a {
color:#6E312A;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}

.left_column a {
color:#000000;
text-decoration:underline;
}

.left_column a:hover {
color:#999999;
text-decoration:none;
}

/* images */
img {
border:none;
}

.left {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.right {
float:right;
margin:0 0 0 0;
padding:0 0 0 0;
}


/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */