body {
background-color: #336633;
color: #000;
}

div.center h1 {
border: none !important;
padding: 12px 0px 12px 0px;
margin: 8px;
background: url(/021/006/091/021006-misc-02.jpg) top center no-repeat;
color: #000;
}

div.center h1 a {
text-align: center;
display: block;
}


.center a {
/*color: #ffffff;*/
background-color: transparent;
}

/************* LEFT MENU **************/


div.left {
color: #660000;
background-color: #fff;
}

div.left img {
display: block;
}


/************* LEFT MENU **************/
/*.left {overflow: visible;}*/

ul.nav {
background-color: #fff;
color: #000;
border-bottom: 1px solid #ccc;
}

ul.nav li {
width: 148px;
background-color: #ffffff;
border-bottom: none;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding-bottom: 0;
}

ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
color: #660000;
background-color: #ffffff;
margin: 0;
padding: 7px 10px 7px 10px;
}

ul.nav li a.menulink:hover {
color: #fff;
background-color: #660000;
margin: 0;
padding: 7px 10px 7px 10px;
width: 128px;
}

ul.nav li span.on-state {
background-color: #660000;
color: #ffffff;
margin: 0;
padding: 7px 10px 7px 10px;
width: 128px;
}

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
background-color: #660000;
color: #ffffff;
margin: 0;
padding: 7px 10px 7px 10px;
width: 128px;
}



/* Proactive disclosure */

div#procontainer ul.nav {
background-color: #fff;
color: #000;
}

div#procontainer ul li {
border: none;
margin: 0px;
padding: 0px;
}

div#procontainer a.menulink{
border: 1px solid #000;
background-color: #fff;
color: #000;
padding: 5px 10px 5px 10px;
}

div#procontainer a.menulink:hover{
background-color: #000;
color: #fff;
padding: 5px 10px 5px 10px;
}


/* Right column */
div.right-navigation{
background-image: none;
background-color: #cccc99;
}

.right div.right-navigation div#title, div.right-navigation div#title3 {
background-color: #660000;
}

/*************RIGHT SIDE IMAGE ***************/
div.right-navigation-image {
width: 100%;
margin: 0;
padding: 15px 0 0 0;
background-color: #cccc99;
color: #000;
}

div.image-container{
width: 162px;
margin: 0 auto;
padding: 0 0 20px 0;
}

div.image-container a, div.image-container a:link, div.image-container a:visited, div.image-container a:hover, div.image-container a:active
{
color: #000;
}

div.image-container p{
font-size: 0.85em;
padding: 0;
margin: 2px 0 10px 0;
}

div.image-container img{
border: 6px solid #999966;
margin: 0;
padding: 0;
}

/* GALLERY CLASSES FOR THE CONTENT PAGES */ 

div.gallery-wrapper
{
width: 97.5%;
margin: 1em auto;
padding: 0;
display: table;
}

div.single-frame-wrapper
{
width: auto;
display: table;
}

div.left-frame-wrapper
{
float: left;
width: auto;
display: table;
}

div.right-frame-wrapper
{
float: right;
width: auto;
display: table;
}

/* For center aligned iamge of size v-4*/
div.frame-center-v4 {
width: 360px;
margin: 0.5em auto;
padding: 0;
background-color: #cccc99;
color: #000;
text-align: center;
}

/*different frame size to accomodate different width images */
div.frame-size-v1 {width: 110px;}
div.frame-size-v2 {width: 160px;}
div.frame-size-v3 {width: 235px;}

div.frame-size-v1, div.frame-size-v2, div.frame-size-v3 {
background-color: #cccc99;
color: #000;
margin: 10px;
padding: 0 0 5px 0;
text-align: center;
}

div.left-frame-wrapper a, div.right-frame-wrapper a, div.left-frame-wrapper a:link, div.right-frame-wrapper a:link, div.left-frame-wrapper a:visited, div.right-frame-wrapper a:visited, div.left-frame-wrapper a:hover, div.right-frame-wrapper a:hover, div.left-frame-wrapper a:active, div.right-frame-wrapper a:active, div.frame-center-v4 a, div.frame-center-v4 a:link, div.frame-center-v4 a:visited, div.frame-center-v4 a:hover, div.frame-center-v4 a:active, div.single-frame-wrapper a, div.single-frame-wrapper a:link, div.single-frame-wrapper a:visited, div.single-frame-wrapper a:hover, div.single-frame-wrapper a:active
{
background-color: #cccc99;
color: #000;
}

div.left-frame-wrapper p , div.right-frame-wrapper p, div.single-frame-wrapper p, div.frame-center-v4 p
{
font-size: 0.85em;
padding: 5px;
text-align: left;
}

div.frame-size-v1 img, div.frame-size-v2 img, div.frame-size-v3 img, div.frame-center-v4 img{
margin-top: 5px;
}


/* Classes for multiple images with same source in a same container */

div.multi-img-frame-wrapper-I
{
width: 60%;
margin: 1em 0 1em 1.2em;
display: table;
}

div.multi-img-frame-wrapper-I-Col2
{
width: 90%;
margin: 1em 0 1em 1.2em;
display: table;
}

div.multi-img-frame-wrapper-II
{
width: 72%;
margin: 1em 0 1em 1.2em;
display: table;
}

div.multi-img-frame-wrapper-III
{
width: 95%;
margin: 1em 0 1em 1.2em;
display: table;
}

div.multi-img-frame
{
width: auto;
margin: 0;
padding: 0;
}

div.multi-img-frame-wrapper-I div.multi-img-frame img
{
border: 6px solid #999966;
margin: 0 28px 0 0;
padding: 0;
}

div.multi-img-frame-wrapper-I-Col2 div.multi-img-frame img
{
border: 6px solid #999966;
margin: 0 32px 0 0;
padding: 0;
}

div.multi-img-frame-wrapper-II div.multi-img-frame img
{
border: 6px solid #999966;
margin: 0 25px 0 0;
padding: 0;
}

div.multi-img-frame-wrapper-III div.multi-img-frame img
{
border: 6px solid #999966;
margin: 0 35px 0 0;
padding: 0;
}

/* Special case when the width of image is less than 150 pixel */
div.multi-img-frame-wrapper-II div.multi-img-frame img.margin-add-50 {margin-right: 75px;}


div.multi-img-frame-wrapper-I div.multi-img-frame img.last, div.multi-img-frame-wrapper-I-Col2 div.multi-img-frame img.last, div.multi-img-frame-wrapper-II div.multi-img-frame img.last, div.multi-img-frame-wrapper-III div.multi-img-frame img.last
{
margin: 0;
padding: 0;
}


div.multi-img-cap-source-frame
{
background-color: #cccc99;
color: #000;
}

div.multi-img-cap-source-frame p
{
font-size: 0.85em;
padding: 5px 0 5px 5px;
text-align: left;
}

/* Height adjustment for divs when displayed in the same row but has diferent size text information */
.set-height-small {height: 225px;}
.set-height-I {height: 250px;}
.set-height-II {height: 275px;}
.set-height-III {height: 300px;}
.set-height-IV {height: 325px;}
.set-height-V {height: 350px;}
.set-height-VI {height: 375px;}
.set-height-VII {height: 400px;}
.set-height-VIII {height: 425px;}
.set-height-IX {height: 450px;}

.set-height-328 {height: 328px;}

/* Classes for link buttons in the content pages for Listen, video, and Travelouge */

div.link-button {
width: auto;
float: left;
margin: 1em 0.5em 0.5em 1.2em;
padding: 0;
display: inline;
background-color: #cccc99;
color: #000;
border: 1px solid #999966;
}

div.link-button p{
font-size: 0.85em;
padding: 5px;
background-color: #cccc99;
color: #000;
}

div.link-button a, div.link-button a:link, div.link-button a:visited, div.link-button a:hover, div.link-button a:active{
background-color: #cccc99;
color: #000;
}

/* Classes for the Audio-Video module */

div.audio-video-module {
width: 96%;
margin: 1.75em auto 1.25em auto;
border: 1px solid #999966;
padding: 0;
font-size: 0.85em;
display: table;
}

/* Custom Horizontal Rule */

hr.custom-3Col {
width: 96%;
margin-left: auto;
margin-right: auto;
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}

/* For IE */
*hr.custom-3Col {
width: 97%;
margin-left: 0.85em;
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}

/* Horizontal rule */
hr.custom-rule {
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}

/* For Print */
@media print {

div.left-frame-wrapper, div.right-frame-wrapper{
float: none;
}

div.gallery-wrapper, div.left-frame-wrapper, div.right-frame-wrapper, div.single-frame-wrapper, div.multi-img-frame-wrapper-I, div.multi-img-frame-wrapper-I-col2, div.multi-img-frame-wrapper-II, div.multi-img-frame-wrapper-III{
page-break-inside: avoid;
clear: left;
}

div.frame-size-v1, div.frame-size-v2, div.frame-size-v3, div.multi-img-cap-source-frame, div.multi-img-frame-wrapper-I, div.multi-img-frame-wrapper-I-col2, div.multi-img-frame-wrapper-II, div.multi-img-frame-wrapper-III, div.link-button {
width: auto;
background-color: #fff;
color: #000;
text-align: left;
}


}