/*****************************************************************
*	Contains the structure of website, the header, content and
*	footer as well as its dimensions.
*
*	The dimensions scale to the size of the browser window 
*   and increase to fit any text that falls outside it.
* 
*	The colors and images can be overriden in an inherited
*   stylesheet.
*****************************************************************/


/* Structure */

html, body { margin:0; padding:0; height:100%; background-image: url(../images/background.jpg); background-repeat: repeat; font-family: Tahoma; font-size: 10px; }
#wrapper { min-height:100%; width: 770px; position:relative; margin:0 auto 0 auto; background-image: url(../images/content.gif); background-repeat: repeat-y; }
#header { width: 100%; height: 104px; background-image: url(../images/header.gif); background-repeat: no-repeat; }
#navigation { width: 100%; height: 20px; padding: 0 0 19px 20px; z-index:1; background-image: url(../images/navigation.gif); background-repeat: no-repeat; }
#content { width: 730px; padding: 0 0 18px 18px; } /* Height of the footer */
#content_bgrnd { position: absolute; left: 100px; bottom:18px; width:551px; height:291px; z-index:1; background-image: url(../images/content_bgrnd.gif); background-repeat: no-repeat; opacity:0.4;filter:alpha(opacity=10);  }
#footer { position: absolute; left:11px; bottom:0; width:100%; height:18px; text-align: center; background-image: url(../images/footer.gif); background-repeat: no-repeat; } /* Height of the footer */


/* Menu */

/* 1st level */
#menu {padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:1; }
#menu li {float:left; margin-right:0px;}
#menu li a {display:block; float:left; height:20px; line-height:20px; color:#ffffff; text-decoration:none; padding: 0 30px 0 20px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu li a:hover, a:active {z-index:1; position:relative;color:#ffffff; background-color:#80818b;}
#menu li:hover {position:relative; z-index:1;}
#menu li:hover > a {color:#ffffff; background-color:#80818b;}
#menu li:hover > a.sub {color:#ffffff; background-color:#80818b;}
#menu li.current a {color:#ffffff; background-color:#5f6387;}
#menu li a.sub {background: #5f6387 url(down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#ffffff; background:#5f6387 url(down-arrow.gif) no-repeat right center;}

/* 2nd level */
#menu :hover ul {left:0; top:20px; width:120px; background:#ffffff;}
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul {left:120px; top:-1px; background:#5f6387; white-space:nowrap; width:100px; z-index:2; height:auto;}
#menu :hover ul li {margin:0; border-top:1px solid #5f6387;}
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#5f6387; color:#ffffff; height:20px; line-height:20px;}
#menu :hover ul li a.fly {background:#5f6387 url(right-arrow.gif) no-repeat right center;}
#menu :hover ul :hover {background-color:#80818b; color:#ffffff;}
#menu :hover ul :hover a.fly {background-color:#80818b; color:#7c1f0b;}
#menu :hover ul li.currentsub a {background:#80818b; color:#7c1f0b;}
#menu :hover ul li.currentsub a.fly {background:#80818b url(right-arrow.gif) no-repeat right center; color:#7c1f0b;}

/* nth level */
#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#7a1804; color:#ffffff;}
#menu :hover ul :hover ul :hover {background-color:#7e4438; color:#ffffff;}
#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#7e4438; color:#7e4438;}

/* Formatting */

h1 { font-size: 16px; color: #393d5c }
h2 { font-size: 12px; color: #393d5c }

a:link,a:active,a:visited { font-size: 10px; color: Black; text-decoration: underline; }
a:hover { font-size: 10px; color: Black; text-decoration: none; }

.description { font-size: 10px; font-style: italic; }