﻿/* -- Interactive -- */

#interactive {
display:block;
color:#6f705a;
margin:-20px 0px 0px 0px;
width:580px;
z-index:100;
}
#interactive a {
color:#aa9646;
font-weight:bold;
text-decoration:none;
}
#interactive a:hover {
color:#7d966e;
text-decoration:none;
}

/* -- Div Properties -- */

#interactive .top {
background:url("/interactive/top.gif") no-repeat;
padding:10px 10px 0px 10px;
width:560px;
height:90px;
}
#interactive .logo {
float:left;
}
#interactive .logo a {
display:block;
background:url("/interactive/logo.gif") no-repeat;
width:230px;
height:60px;
}
#interactive .logo a:hover {
background:url("/interactive/logo2.gif") no-repeat;
}
#interactive .issue {
display:block;
background:url("/interactive/issue.gif") bottom right no-repeat;
float:right;
line-height:.8em;
padding:30px 35px 0px 0px;
text-align:right;
}
#interactive .issue img {
display:block;
}
#interactive .issue a {
color:#6f705a;
font:.9em normal Arial,Helvetica,sans-serif;
}
#interactive .issue a:hover {
color:#aa9646;
}
#interactive .dropcaps {
font:3em Georgia,"Times New Roman",Times,serif !important;
}

/* -- Content Properties -- */

.contents {
display:block;
background:url("/interactive/content.gif") repeat-y;
clear:both;
float:left;
overflow:hidden;
padding:0px 0px 10px 0px;
width:450px;
}
.contents2 {
display:block;
background:url("/interactive/contentbg.jpg") no-repeat;
}
.contents h1 {
font-size:1.8em !important;
height:auto !important;
}
.articles {
display:block;
padding:0px 10px 0px 10px;
}
.headers {
display:block;
padding:5px 0px 5px 10px;
}
.headers2 {
display:block;
padding:5px 10px 5px 10px;
}
.headers2 img {
padding:5px 0px 5px 0px;
}
.feature img {
width:435px;
}
.feature a {
display:block;
width:435px;
border:7px solid #faf9f3;
}
.highlights {
background:url("/interactive/intro.gif") no-repeat;
width:450px;
padding:2px 0px 0px 0px;
}
.highlights span {
background:url("/interactive/intro.jpg") bottom left no-repeat;
display:block;
line-height:1.6em;
padding:5px 10px 10px 10px;
}
.sidebar {
float:right;
width:195px;
margin:5px;
padding:0px 5px 5px 8px;
border:1px solid #dcd7c8;
background-color: #faf9f3;
}

.sidebar li {
margin-left:0px;
}

/* -- Menu Properties -- */

.menu {
display:block;
float:right;
font:normal .85em Verdana,Arial,Helvetica,sans-serif !important;
overflow:hidden;
width:123px;
}
.menu .line {
display:block;
background:url("/interactive/line.gif") bottom left no-repeat;
height:10px;
}
.menu ul {
list-style:none;
margin:0 !important;
}
.menu ul li {
display:block;
background:transparent !important;
padding:0 !important;
width:123px;
}
.menu ul li a {
display:block;
background:url("/interactive/menu_bg1.gif") bottom left no-repeat;
color:#6f705a !important;
font:normal 1em Verdana,Arial,Helvetica,sans-serif !important;
line-height:1.1em;
width:123px;
padding:0;
}
.menu ul li a:hover {
background:url("/interactive/menu_bg2.gif") bottom left no-repeat;
text-decoration:none;
}
.menu .on a {
display:block;
background:url("/interactive/menu_bg3.gif") bottom left no-repeat !important;
color:#6f705a;
cursor:default;
line-height:1.1em;
width:123px;
padding:0;
}
.menu ul li a span {
display:block;
padding:3px 5px 5px 5px;
}
.menu ul li a img {
display:block;
}

/* -- Other Properties -- */

.articles blockquote {
width:370px !important;
}
.articles blockquote span {
color:#6f705a !important;
}
.articles p a {
border-bottom:1px solid #d2cdb4;
}
.articles p a:hover {
border-bottom:1px solid #c8d2be;
}
.border {
display:block;
border:1px solid #d2cdb4;
color:#786e64;
font-size:.85em;
line-height:1.5em;
margin:0px 0px 10px 0px;
padding:5px 10px 5px 10px;
width:405px;
}
.border a {
border:0px !important;
}
.border img {
margin-right:10px;
vertical-align:text-bottom;
}
.linkborder img {
border: 10px solid #d2cdb4;
}
.linkborder:hover img {
border: 10px solid #c8d2be;
}
.toggleborder:hover {
color: #c8d2be; /* Dummy definition to overcome IE bug */
}
.launch a {
background:url("/interactive/arrow1.gif") #F1F6DE 5px 5px no-repeat;
border:1px solid #DDE1CD;
color:#3C4755;
display:block;
font-weight:bold;
line-height:20px;
text-indent:30px;
width:95%;
}
.launch a:hover {
background:url("/interactive/arrow2.gif") #DDE1CD 5px 5px no-repeat;
border:1px solid #DDE1CD;
color:#3C4755;
display:block;
width:95%;
}
.launch span {
color:#6A6D5A;
display:block;
line-height:12px;
text-indent:0px;
padding:3px 10px 10px 30px;
}

/* -- List Properties -- */

.articles ul {
list-style:none;
margin:0px 30px 0px 20px;
padding:0;
}
.articles ul li {
background:url("/interactive/arrow.gif") 0px 7px no-repeat;
color:#666956;
display:block;
line-height:1.6em;
margin:5px 0px 10px 0px;
padding:0px 0px 0px 10px;
}
.articles ul li a {
border-bottom:1px solid #d2cdb4;
}
.articles ul li a:hover {
border-bottom:1px solid #c8d2be;
}
.list {
list-style:none;
margin:10px 30px 0px 0px !important;
}
.list li {
background:url("/interactive/arrow.gif") 0px 6px no-repeat !important;
font-size:.85em !important;
}
.list li span {
display:block;
height:0.5em;
line-height:.5em;
}
.list h2 a {
color:#6f705a !important;
font:bold .8em Georgia,"Times New Roman",Times,serif !important;
text-decoration:none !important;
}
.list h2 a:hover {
color:#7d966e !important;
}
.links {
list-style:none;
margin:0 !important;
}
.links li {
background-position:0px 15px !important;
margin:0 !important;
padding:0px 10px 0px 15px !important;
}
.links li h3 {
font-size:1.2em;
margin:0 !important;
}
.links li p {
font-size:1em;
line-height:1.7em;
}
.links li ul li {
font-size:1em;
}
.facts {
display:block;
float:left;
width:190px;
padding:0px 20px 0px 0px;
}
.facts ul {
list-style:none;
margin:0 !important;
}
.facts ul li {
}
.facts a {
border-bottom:1px solid #d2cdb4;
}
.facts a:hover {
border-bottom:1px solid #c8d2be;
}
.divider {
background:url("/interactive/divider.gif") repeat-y;
display:block;
float:left;
margin:10px 0px 0px 0px;
width:15px;
height:230px;
}
.link {
list-style:none;
margin:10px 30px 0px 0px !important;
padding:0;
}
.link li {
background:url("/interactive/arrow.gif") 0px 6px no-repeat !important;
margin:0 !important;
}
.link li h3 {
display:block;
font-size:1.2em;
margin:0;
padding:0;
}
.link li p {
font-size:1em;
line-height:1.7em;
}

/* -- Subscribe Properties -- */

.subscribes {
display:block;
background:url("/interactive/menu_bg.gif") bottom left no-repeat;
}
.subscribes span {
display:block;
color:#6f705a;
padding:10px 5px 10px 5px;
font:normal .85em Verdana,Arial,Helvetica,sans-serif !important;
}
.subscribes .inputs {
background:url("/interactive/input.gif") #ffffff repeat-x;
border:1px solid #c8d2be;
color:#6f705a;
font:normal .85em Verdana,Arial,Helvetica,sans-serif !important;
line-height:1.2em;
height:17px;
margin:0px 0px 5px 0px;
padding:3px 0px 0px 5px;
width:115px;
}
.subscribes .buttons {
background:url("/interactive/button.gif") no-repeat;
border:0px;
color:#6f705a;
font:normal .85em Verdana,Arial,Helvetica,sans-serif !important;
line-height:1.4em;
width:60px;
height:20px;
padding:0;
margin:0px 0px 10px 0px;
}
h2 .hidden {
display:none;
}

/* -- Gallery -- */

#interactive #gallery {
margin:0;
width:450px;
height:400px;
vertical-align:center;
}
#interactive #galleryshort {
margin:0;
width:450px;
height:375px;
vertical-align:center;
}
#interactive #slideimg {
background-color:#f8f7ef;
border-top:#dcd7c8 1px solid;
width:450px;
height:300px;
padding:0;
}
#interactive #slidecaption {
background-color:#f8f7ef;
border-bottom:#dcd7c8 1px solid;
font:.85em Arial,Helvetica,sans-serif;
line-height:1.4em;
width:430px;
padding:10px;
text-align:left;
}
#interactive #thumbnav {
display:block;
}
#interactive .thumbs {
display:block;
float:left;
padding:0px 0px 0px 10px;
}
#interactive #scrollDiv {
background-color:#fafaf8;
border:1px solid #dcd7c8;
float:left;
height:87px;
width:390px !important;
overflow:hidden;
}
#interactive #thumbnav {
width:430px !important;
margin:0px auto 0px auto;
overflow:hidden;
}

/* -- Social Networking -- */


#networksBlock {
width: 450px;
}
.networksLeft{
float:left;
width: 225px;
}
.networksRight{
float:right;
width: 225px;
}
#networks .facebook a {
display:block;
background-image:url(/SiteCollectionImages/button_facebook.jpg);
background-repeat: no-repeat;
height:57px;
width:192px;
border:4px solid #bdaf6d;
padding:0px;
margin:2px;
text-indent:-9000px;
}
#networks .facebook a:hover {
border:4px solid #7d966e;
}
#networks .linkedin a {
display:block;
background-image:url(/SiteCollectionImages/button_linkedin.jpg);
background-repeat: no-repeat;
height:57px;
width:192px;
border:4px solid #bdaf6d;
padding:0px;
margin:2px;
text-indent:-9000px;
}
#networks .linkedin a:hover {
border:4px solid #7d966e;
}
#networks .twitter a {
display:block;
background-image:url(/SiteCollectionImages/button_twitter.jpg);
background-repeat: no-repeat;
height:57px;
width:192px;
border:4px solid #bdaf6d;
padding:0px;
margin:2px;
text-indent:-9000px;
}
#networks .twitter a:hover {
border:4px solid #7d966e;
}
#networks .youtube a {
display:block;
background-image:url(/SiteCollectionImages/button_youtube.jpg);
background-repeat: no-repeat;
height:57px;
width:192px;
border:4px solid #bdaf6d;
padding:0px;
margin:2px;
text-indent:-9000px;
}
#networks .youtube a:hover {
border:4px solid #7d966e;
}

