/* Begin centering page
*/
.center { width:80%; margin-left:10%; margin-right:10%;
 }
 
#center {
	position:absolute;
}
/*End centering page
*/

#Layout {
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:600px;
}

#TopBox {
	position:absolute;
	left:11px;
	top:12px;
	width:778px;
	height:273px;
	background-image: url(images/New/topbox.png);
	background-repeat: no-repeat;
}

#Film {
	position:absolute;
	width:727px;
	height:272px;
	z-index:1;
	background-image: url(images/New/film.png);
	background-repeat: no-repeat;
	left: 12px;
	top: 13px;
}

#Logo {
	position:absolute;
	width:345px;
	height:122px;
	z-index:2;
	left: 21px;
	top: 19px;
	background-image: url(images/New/logo.png);
	background-repeat: no-repeat;
}

#Photo {
	position:absolute;
	width:262px;
	height:256px;
	z-index:1;
	left: 520px;
	top: 24px;
	background-image: url(images/New/photo.png);
	background-repeat: no-repeat;
}

#CenterBar {
	position:absolute;
	left:11px;
	top:293px;
	width:778px;
	height:45px;
	background-image: url(images/New/centerbar.png);
	background-repeat: no-repeat;
}

#Greybox {
	position:absolute;
	left:11px;
	top:345px;
	width:778px;
	height:200px;
	background-image: url(images/New/greybox.png);
	background-repeat: no-repeat;
}

#BottomBar {
	position:absolute;
	left:11px;
	top:553px;
	width:778px;
	height:38px;
	background-image: url(images/New/bottombar.png);
	background-repeat: no-repeat;
}

body {
	background-color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}

#Menu {
	position:absolute;
	width:785px;
	height:23px;
	z-index:7;
	left: 8px;
	top: 303px;
}

#Text {
	position:absolute;
	width:766px;
	height:188px;
	z-index:3;
	left: 18px;
	top: 350px;
}

#browser_text {
	color:#000000;
	position:absolute;
	width:480px;
	height:37px;
	z-index:7;
	left: 4px;
	top: 233px;
}

a {
	color: #FF9900;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 18px;
}

#FirstColumn {
	position:absolute;
	width:355px;
	z-index:1;
	left: 8px;
	top: 455px;
	background-color: #FFFFFF;
	color: #333333;
	margin: 5px;
	padding: 5px;
}

#SecondColumn {
	position:absolute;
	width:265px;
	height:166px;
	z-index:1;
	left: 235px;
	top: 636px;
}

#ThirdColumn {
	position:absolute;
	z-index:1;
	left: 415px;
	top: 460px;
}

#Footer {
	position:relative;
	width:797px;
	height:20px;
	left:0px;
	float:bottom;
}

/* This is the beginning of the drop-down menu CSS
*/

/*  In order for this to work you must have 7 files in your directory. 
     1. This CSS
	 2. hover.xml
	 3. compactlist.xml
	 4. dropdown_pane.png
	 5. dropdown_pane_8bit.png
	 6. dropdown_pane_cap.png
	And, of course, your HTML
*/	 

/*	This makes the Unordered list go inline rather than down
*/
.compact>* { float: left; }
.compact::after {
content: "\0020";
display: block;
height: 0;
clear: both;
}

.compact {
/*\*//*/ display: inline-table; /*MacIE*/
_height: 1em;
min-height: 1px;
}

.compact {
 padding-bottom: 1px;
 _behavior: url(compactlist.xml);
 }
 
.compact>p,
.compact>span {
margin-right: 1ex;
margin-bottom: 0;
padding: 0;
}

dl.compact>dd { margin-left: 0; }
ul.compact li,
ol.compact li,
dl.compact dd,
div.compact p { 
_display: inline;
_float: left;
}

dl.compact * dd ol.compact * li,
ul.compact * li,
div.compact * p { 
_display: block;
_float: none;
}

dl.compact dd { _margin-left: 0; }
div.compact p { 
_margin-right: 1ex;
_margin-bottom: 0;
_padding: 0;
}

/*	This is the end of Unordered list structuring
*/

/*	This is what makes the list into a drop-down menu
*/

#site-menu-dropdown {
margin: 0;
padding: 0;
position:relative;
display:block;
z-index: 3;
_behavior: url(hover.xml);
}

#site-menu-dropdown li {
position:relative;
z-index: 4;
margin: 0;
padding:0;
}

#site-menu-dropdown li:hover,
#site-menu-dropdown li.hover { z-index: 5; }
#site-menu-dropdown .dropdown-tab {
position:relative;
z-index: 6;
/* Text Color of Menu list before hover*/
color: #333333;
text-decoration: none;
padding: 5px 12px; 
*white-space: nowrap;
_white-space: nowrap;
}

#site-menu-dropdown > li:hover .dropdown-tab { 
/* Text Color of Menu list when hovered over*/
color: #ff0000;
text-decoration: none;
}

#site-menu li.hover .dropdown-tab,
#site-menu li.hover .dropdown-tab:hover { color: #333333;
text-decoration: none;
}

#site-menu li .dropdown-pane {
display: none;
}

#site-menu-dropdown>li:hover .dropdown-pane {
display: block;
}

#site-menu li.hover .dropdown-pane {
display: block;
}

#site-menu-dropdown .dropdown-pane {
z-index: 7; 
top: 21px;
_top: 24px; 
margin-left: -12px;
}

#site-menu-dropdown .dropdown-pane {
margin-top: 12px;
padding: 5px 16px 14px;
_margin-top: 0;
width: 200px;
_width: 200px;
/* Image Files
*/
background-image: url(images/dropdown_pane2.png);
_background-image: url(images/dropdown_pane_8bit.png);
background-position: left bottom;
background-repeat: no-repeat;
border-top-style: none;
}

#site-menu-dropdown [className~=dropdown-pane] {
margin-top: 4px;
padding-top: 8px;
}

#site-menu-dropdown .dropdown-pane::before {
display: block;
margin-left: -16px;
margin-top: -18px;
/* Image File
*/
content: url(images/dropdown_pane_cap2.png);
}

#site-menu-dropdown .dropdown-pane li,
#site-menu-dropdown .dropdown-pane dt,
#site-menu-dropdown .dropdown-pane dd {
display: block;
padding: 0;
margin: 2px 0 6px;
}

#site-menu-dropdown .dropdown-pane dt { 
color:#333333;
text-decoration: none;
}

#site-menu-dropdown .dropdown-pane .divide {
padding-top: 8px;
}

#site-menu-dropdown .dropdown-pane .last-title {
font-weight: normal;
text-transform: none;
}

#site-menu-dropdown .dropdown-pane a {
display:block;
_width: 100%;
margin: 0;
padding: 0;
line-height: 14px;
/*Text Color of Dropdown Menu text before hover*/
color:#333333;
text-decoration: none;
}

#site-menu-dropdown .dropdown-pane a:hover {
/*Text Color of Dropdown Menu text when hovered over*/
color:#ff0000;
text-decoration: none;
}

@charset "UTF-8";

/*	DROP DOWN $Revision: 1.6 $
*/

.d-dropdown {
position: relative;
_behavior: url("hover.xml"); /*IE sub7*/
z-index: 2;
}

.d-dropdown>li {
position: relative;
top: 0;
left: 0;
z-index: 2;
}

.d-dropdown li {
list-style-type: none;
_position: relative; /*IE sub7*/
_top: 0; /*IE sub7*/
_left: 0; /*IE sub7*/
}

.d-dropdown li li { _position: static; }
.d-dropdown .dropdown-pane {
	position: absolute;
	top: 16px;
	left: 0;
	z-index: 2;
	display: none;
	margin-top: 0;
	visibility: visible;
}

.d-dropdown li.hover .dropdown-pane,
.d-dropdown li.focus .dropdown-pane { 
display: block;
}

.d-dropdown>li:hover .dropdown-pane { display: block; }
.d-dropdown .dropdown-tab { 
/*\*/
display: block; 
/*/
display: inline-block;
/**/
_display: inline;
_zoom: 1;
}

/*--Tier 1---*/
.d-dropdown .dropdown-pane>* {
margin: 0;
}

.d-dropdown .dropdown-pane dt,
.d-dropdown .dropdown-pane dd,
.d-dropdown .dropdown-pane li {
_margin: 0;
}

.d-dropdown .dropdown-pane a {
margin: 0 1px;
-moz-outline: none;
}

.d-dropdown .dropdown-tab { 
min-height: 16px;
_height: 16px;
}

/*	This is the end of the drop-down menu css
*/