/* -------------------------------------------- */
/* ******************************************** */
/* Main body elements */
/* ******************************************** */
/* -------------------------------------------- */

img {
border: 0px;
}

body {
margin: 0px;
border: 0px;
}

#container {
background-image: url(../Images/background.jpg);
background-repeat: no-repeat;
background-position: top;
border: 0px;
margin-left: 10px;
margin-top: 0px;
width: 900px;
height: 600px;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
} 

#left {
width: 125px;
height: 300px;
position: absolute;
left: 25px;
top: 161px;
z-index: 20;
}

#middle {
width: 510px;
height: 100px;
position: absolute;
left: 170px;
top: 176px;
z-index: 15;
}

#spacer {
height: 20px;
}


/* -------------------------------------------- */
/* ******************************************** */
/* Main Navigation and Content Area Set-Up */
/* ******************************************** */
/* -------------------------------------------- */

#left ul {
margin: 0px;
padding: 8px;
text-align: left;
list-style-type: none;
letter-spacing: 2px;
line-height: 25px;
}

#left a {
text-decoration: none;
font-family: Century Gothic, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #f1d61e;
}

.contentBack1 {
width: 100%;
height: 150px;
}

.contentBack1 .content1 {
background-image:url(../Images/middleContent.gif);
background-repeat: repeat-y;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity:  0.65;
opacity: .65;
border: 0px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 13px;
color: #000000;
padding: 5px;
vertical-align: top;
height: 80px;
overflow: auto;
}

.contentBack2 {
width: 100%;
height: 200px;
} 

.contentBack2 .content2 {
background-image:url(../Images/middleContent.gif);
background-repeat: repeat-y;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: .65;
opacity: .65;
border: 0px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 13px;
color: #000000;
padding: 5px;
height: 180px;
overflow: auto;
}

.contentBack2 .content2 td {
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;	
}

.contentBack3 {
width: 100%;
height: 350px;
} 

.contentBack3 .content3 {
background-image:url(../Images/middleContent.gif);
background-repeat: repeat-y;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: 0.65;
opacity: .65;
border: 0px;
font-family: Century Gothic, Arial, sans-serif;
font-size: 13px;
color: #000000;
padding: 5px;
height: 350px;
overflow: auto;
}

.topper img {
background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: 0.65;
opacity: .65;
border: 0px;
}

.bottom img {
background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
-moz-opacity: 0.65;
opacity: .65;
border: 0px;
}

/* -------------------------------------------- */
/* ******************************************** */
/* Style for Sub Menus */
/* ******************************************** */
/* -------------------------------------------- */
#subNav-Writings {
margin-left: 112px;
position: relative;
top: -196px;
background-color: #5B6DA6;
width: 180px;
}

#subNav-Writings ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
z-index: 30;
}

#subNav-Writings a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subnav-Writings a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subNav-Websites {
margin-left: 108px;
position: relative;
top: -169px;
background-color: #5B6DA6;
width: 250px;
}

#subNav-Websites ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
z-index: 30;
}

#subNav-Websites a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subnav-Websites a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}


#subNav-Publishers {
margin-left: 127px;
position: relative;
top: -140px;
background-color: #5B6DA6;
width: 150px;
}

#subNav-Publishers ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
z-index: 30;
}

#subNav-Publishers a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subnav-Publishers a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subNav-Blogs {
margin-left: 83px;
position: relative;
top: -112px;
background-color: #5B6DA6;
width: 295px;
}

#subNav-Blogs ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
z-index: 30;
}

#subNav-Blogs a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subnav-Blogs a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subNav-Interviews {
margin-left: 130px;
position: relative;
top: -83px;
background-color: #5B6DA6;
width: 140px;
}

#subNav-Interviews ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
z-index: 30;
}

#subNav-Interviews a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

#subnav-Interviews a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
}

/* -------------------------------------------- */
/* ******************************************** */
/* Style for Image Sub Menus */
/* ******************************************** */
/* -------------------------------------------- */
#planeSubMenu {
margin-left: 40px;
position: relative;
top: -77px;
background-color: #5B6DA6;
width: 150px;
}

#planeSubMenu ul {
padding: 2px;
list-style-type: none;
text-align: left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#planeSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#planeSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#tales02SubMenu {
margin-left: 180px;
position: relative;
top: -77px;
background-color: #5B6DA6;
width: 150px;
}

#tales02SubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#tales02SubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#tales02SubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#ombreSubMenu {
margin-left: 180px;
position: relative;
top: -77px;
background-color: #5B6DA6;
width: 150px;
}

#ombreSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#ombreSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#ombreSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#tarzanSubMenu {
margin-left: 325px;
position: relative;
top: -77px;
background-color: #5B6DA6;
width: 150px;
}

#tarzanSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#tarzanSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#tarzanSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#tarzanSubMenu {
margin-left: 325px;
position: relative;
top: -77px;
background-color: #5B6DA6;
width: 150px;
}

#mythsSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#mythsSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#mythsSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#blackforestSubMenu {
margin-left: 180px;
position: relative;
top: -315px;
background-color: #5B6DA6;
width: 150px;
}

#blackforestSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#blackforestSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#blackforestSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#mythsSubMenu {
margin-left: 180px;
position: relative;
top: -315px;
background-color: #5B6DA6;
width: 150px;
}

#mythsSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#mythsSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#mythsSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#junglemanSubMenu {
margin-left: 180px;
position: relative;
top: -315px;
background-color: #5B6DA6;
width: 150px;
}

#junglemanSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#junglemanSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#junglemanSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#TALES_02SubMenu {
margin-left: 180px;
position: relative;
top: -315px;
background-color: #5B6DA6;
width: 150px;
}

#TALES_02SubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#TALES_02SubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#TALES_02SubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#talesSubMenu {
margin-left: 180px;
position: relative;
top: -315px;
background-color: #5B6DA6;
width: 150px;
}

#talesSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#talesSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#talesSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#ombreSubMenu {
margin-left: 180px;
position: relative;
top: -315px;
background-color: #5B6DA6;
width: 150px;
}

#ombreSubMenu ul {
padding: 2px;
list-style-type: none;
text-align:left;
letter-spacing: 2px;
border: 2px solid #F1D61E;
word-spacing: 2px;
line-height: 14px;
margin: 0;
z-index: 30;
}

#ombreSubMenu a {
color: #FFFFFF;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

#ombreSubMenu a:hover {
color: #23376C;
font-family: Century Gothic, Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

/* -------------------------------------------- */
/* ******************************************** */
/* Style for closing sub menus */
/* ******************************************** */
/* -------------------------------------------- */
.subNavClose {
display:none
}
.subNavOpen {
display:block
}

/* -------------------------------------------- */
/* ******************************************** */
/* Breadcrumbs and Titles */
/* ******************************************** */
/* -------------------------------------------- */

.mainNavSelected {
text-decoration: none;
font-family: Century Gothic, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}

.textHeader {
font-family: Century Gothic, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

.popUpHeader {
font-family: Century Gothic, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #000000;
}

.popUpText {
font-family: Century Gothic, Arial, sans-serif;
font-size: 13px;
font-weight: regular;
color: #000000;
}

/* -------------------------------------------- */
/* ******************************************** */
/* Gallery Styles */
/* ******************************************** */
/* -------------------------------------------- */


#motioncontainer a img{ /*image border color*/
border: 1px solid #ccc;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 1px solid navy;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: 300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}

#leftIcon {
position: absolute;
left: 180px;
top: 192px;
border: 0;
}

#rightIcon {
position: absolute;
left: 634px;
top: 192px;
border: 0;
}

#textHint {
color: #FFF0F0;
font-family: Century Gothic, Arial, sans-serif;
font-size: 14px;
position: absolute;
left: 305px;
top: 150px;
border: 0;
}