/* CSS Document */

body{
	background-color:#000000;
	margin:0px;
}

.main_table{
	width:1000px;
	height:745px;
	background-repeat:no-repeat;
	background-image: url(images/bkgd_new.jpg);
}

.graphics_table{
	background-image: url(images/graphics_illustrations.jpg);
	width:1000px;
	height:745px;
	background-repeat:no-repeat;
	}
	
#logo_sm{
	background-image:url(images/main_logo_sm.gif);
	background-repeat:no-repeat;
	height:45px;
	width:50px;
	}
	
.right_text{
	
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC9966;
}

#website{
	position:absolute;
	top:183px;
	left:830px;
	}
	
.titlebar{
	background-repeat: no-repeat;

}

.titlebar_multimedia{

	background-image: url(images/titlebar_colour.jpg);
	background-repeat: no-repeat;
	
	}

.symbol1{
	position:absolute;
	left:300px;
	top:280px;
	z-index:1;

}

.symbol_text{
	position:absolute;
	left:484px;
	top:253px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FDB;
	width: 203px;

}

.web{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ce7914;
}

.web a:link{color:#ce7914;}

.web a:visited{color:#ce7914;}

.web a:hover{color:#5e3312;}

.web a:link{text-decoration:none;}

.web a:visited{text-decoration:none;}

.web a:hover{text-decoration:none;}


.graphic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#572b29;
}

.graphic a:link{color:#572b29;}

.graphic a:visited{color:#572b29;}

.graphic a:hover{color:#11110b;}

.graphic a:link{text-decoration:none;}

.graphic a:visited{text-decoration:none;}

.graphic a:hover{text-decoration:none;}

.multimedia{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#11110b;
}

.multimedia a:link{color:#11110b;}

.multimedia a:visited{color:#11110b;}

.multimedia a:hover{color:#5e3312;}

.multimedia a:link{text-decoration:none;}

.multimedia a:visited{text-decoration:none;}

.multimedia a:hover{text-decoration:none;}

.weblink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e5ccb6;
}

.weblink a:link{color:#e5ccb6;}

.weblink a:visited{color:#e5ccb6;}

.weblink a:hover{color:#2c1e15;}

.weblink a:link{text-decoration:none;}

.weblink a:visited{text-decoration:none;}

.weblink a:hover{text-decoration:none;}
	
.weblink_multimedia{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e5ccb6;
}

.weblink_multimedia a:link{color:#e5ccb6;}

.weblink_multimedia a:visited{color:#e5ccb6;}

.weblink_multimedia a:hover{color:#2c1e15;}

.weblink_multimedia a:link{text-decoration:none;}

.weblink_multimedia a:visited{text-decoration:none;}

.weblink_multimedia a:hover{text-decoration:none;}

#nav {margin: 0; padding: 0;}

#nav li {
	list-style: none; 
	float: left;
    margin-left: 0px; 
	padding-left:5px;
	font-size: 12px; 
	line-height: 29px; 
	white-space: nowrap;
    background:url(tabs2-big.gif) 0 100% no-repeat;
	}
	
#nav a {
	display: block; float: left; 
	padding: 0 16px 0 0;
    text-decoration: none; 
    font-weight:normal;
    background:url(tabs2-big.gif) 100% 100% no-repeat;
    color:#f19240;
    width: .1em;
  }
  
html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */

#nav a:hover {color: #482424;}

#nav #current, #nav #current a {color: #FDB; 
    background-image: url(tabs2-big-ct.gif);
  }


#dd {
	width: 88px;
	height: 198px;	
}


#dd li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left; /*centers the drop-down list*/

}

/* menu button */
#dd li a.menu {
    display: block;
    text-align: center;
    text-decoration: none;
    color:#f19240;
    font-size: 12px; 
	line-height: 29px; 
	white-space: nowrap; 
    background:url(tabs2-big.gif) 100% 100% no-repeat;
    width:88px;
   
  
}

#dd a:hover {color: #482424;}

.submenu {
  visibility: hidden;
  z-index: 3;
}


.bottomlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.bottomlinks a:link{color:#CC9966;}

.bottomlinks a:visited{color:#e5ccb6;}

.bottomlinks a:hover{color:#ac7029;}

.bottomlinks a:link{text-decoration:none;}

.bottomlinks a:visited{text-decoration:none;}

.bottomlinks a:hover{text-decoration:none;}
	
.categories{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ce7914;
}

.style5 {
	color: #CC9966;
	font-family: Edwardian Script ITC;
	font-size: 18px;
}

.style4 {
	color: #CC9966;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.style6{
	color: #CC9966;
	font-family: Edwardian Script ITC;
	font-size: 26px;
}

.style8 {
	font-size: 28px;
	font-family: Edwardian Script ITC;
}

.style9 {
	font-size: 28px;
	font-family: Edwardian Script ITC;
	color: #CC9966;
}

.style9_2 {
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #CC9966;
}

.style16 {
	font-family: Edwardian Script ITC;
	color: #CC9966;
}
.style17 {font-family: Edwardian Script ITC; color: #CC9966; font-size: 36px; vertical-align:bottom;}
.style18 {font-size: 28px}
.style20 {font-size: 38px}
.style21 {font-size: 40px}
.style22 {font-size: 30px}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
	#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}
	
#illustrations_header{
	positon: absolute;
	top: 100px;
	left: 100px;

}