
/* Root = Vertical, Secondary = Vertical */
ul#menu_left_id,
ul#menu_left_id li,
ul#menu_left_id ul {
  margin: 0 20px;
  border: 0 none;
  padding: 0 0px;
  width: 100px; /*For KHTML*/
  list-style: none;
}

ul#menu_left_id:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu_left_id li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#menu_left_id a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  margin: 0 0px;
  display: block;
  color: #05A0D8;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu_left_id a:hover,
ul#menu_left_id li:hover a,
ul#menu_left_id li.iehover a {
	background: #fbf5d9;
	color: #FD8800;
	width:115px;
	
}

/* 2nd Menu */
ul#menu_left_id li:hover li a,
ul#menu_left_id li.iehover li a {
  color: #05A0D8;
  width:160px;
}

/* 2nd Menu Hover Persistence */
ul#menu_left_id li:hover li a:hover,
ul#menu_left_id li:hover li:hover a,
ul#menu_left_id li.iehover li a:hover,
ul#menu_left_id li.iehover li.iehover a {
    background: #f5e6a5;
  color: #FD8800;
  width:160px;
}

/* 3rd Menu */
ul#menu_left_id li:hover li:hover li a,
ul#menu_left_id li.iehover li.iehover li a {
  color: #05A0D8;
}

/* 3rd Menu Hover Persistence */
ul#menu_left_id li:hover li:hover li a:hover,
ul#menu_left_id li:hover li:hover li:hover a,
ul#menu_left_id li.iehover li.iehover li a:hover,
ul#menu_left_id li.iehover li.iehover li.iehover a {
    background: #EEEEEE;
  color: #05A0D8;
}

/* 4th Menu */
ul#menu_left_id li:hover li:hover li:hover li a,
ul#menu_left_id li.iehover li.iehover li.iehover li a {
  color: #05A0D8;
}

/* 4th Menu Hover */
ul#menu_left_id li:hover li:hover li:hover li a:hover,
ul#menu_left_id li.iehover li.iehover li.iehover li a:hover {
    background: #EEEEEE;
  color: #05A0D8;
}

ul#menu_left_id ul,
ul#menu_left_id ul ul,
ul#menu_left_id ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 75px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_left_id li:hover ul ul,
ul#menu_left_id li:hover ul ul ul,
ul#menu_left_id li.iehover ul ul,
ul#menu_left_id li.iehover ul ul ul {
  display: none;
}

ul#menu_left_id li:hover ul,
ul#menu_left_id ul li:hover ul,
ul#menu_left_id ul ul li:hover ul,
ul#menu_left_id li.iehover ul,
ul#menu_left_id ul li.iehover ul,
ul#menu_left_id ul ul li.iehover ul {
  display: block;
}




/*##################################################################################################################################################*/
/* Root = Horizontal, Secondary = Vertical */
ul#menu_right_id {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
  height: 24px;
}

ul#menu_right_id li {
  margin: 0;
  width:100%;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

ul#menu_right_id ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#menu_right_id ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu_right_id ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu_right_id a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
color: #05A0D8;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu_right_id a:hover,
ul#menu_right_id li:hover a,
ul#menu_right_id li.iehover a {
color:#FD8800;
}

/* 2nd Menu */
ul#menu_right_id li:hover li a,
ul#menu_right_id li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#menu_right_id li:hover li a:hover,
ul#menu_right_id li:hover li:hover a,
ul#menu_right_id li.iehover li a:hover,
ul#menu_right_id li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#menu_right_id li:hover li:hover li a,
ul#menu_right_id li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#menu_right_id li:hover li:hover li a:hover,
ul#menu_right_id li:hover li:hover li:hover a,
ul#menu_right_id li.iehover li.iehover li a:hover,
ul#menu_right_id li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#menu_right_id li:hover li:hover li:hover li a,
ul#menu_right_id li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#menu_right_id li:hover li:hover li:hover li a:hover,
ul#menu_right_id li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menu_right_id ul ul,
ul#menu_right_id ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_right_id li:hover ul ul,
ul#menu_right_id li:hover ul ul ul,
ul#menu_right_id li.iehover ul ul,
ul#menu_right_id li.iehover ul ul ul {
  display: none;
}

ul#menu_right_id li:hover ul,
ul#menu_right_id ul li:hover ul,
ul#menu_right_id ul ul li:hover ul,
ul#menu_right_id li.iehover ul,
ul#menu_right_id ul li.iehover ul,
ul#menu_right_id ul ul li.iehover ul {
  display: block;
}
/*##################################################################################################################################################*/
ul#menu_bottom_id {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 1000px; /*For KHTML*/
  list-style: none;
}

ul#menu_bottom_id li {
  margin: 0;
  border: 0 none;
  padding: 0 7px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: static;
 }

ul#menu_bottom_id ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: static;
  left: 0;
}

ul#menu_bottom_id ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu_bottom_id ul li {
  width: 160px;
  float: center; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu_bottom_id a {
  padding: 0 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 8px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu_bottom_id a:hover,
ul#menu_bottom_id li:hover a,
ul#menu_bottom_id li.iehover a {
}

/* 2nd Menu */
ul#menu_bottom_id li:hover li a,
ul#menu_bottom_id li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#menu_bottom_id li:hover li a:hover,
ul#menu_bottom_id li:hover li:hover a,
ul#menu_bottom_id li.iehover li a:hover,
ul#menu_bottom_id li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#menu_bottom_id li:hover li:hover li a,
ul#menu_bottom_id li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#menu_bottom_id li:hover li:hover li a:hover,
ul#menu_bottom_id li:hover li:hover li:hover a,
ul#menu_bottom_id li.iehover li.iehover li a:hover,
ul#menu_bottom_id li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#menu_bottom_id li:hover li:hover li:hover li a,
ul#menu_bottom_id li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#menu_bottom_id li:hover li:hover li:hover li a:hover,
ul#menu_bottom_id li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#menu_bottom_id ul ul,
ul#menu_bottom_id ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_bottom_id li:hover ul ul,
ul#menu_bottom_id li:hover ul ul ul,
ul#menu_bottom_id li.iehover ul ul,
ul#menu_bottom_id li.iehover ul ul ul {
  display: none;
}

ul#menu_bottom_id li:hover ul,
ul#menu_bottom_id ul li:hover ul,
ul#menu_bottom_id ul ul li:hover ul,
ul#menu_bottom_id li.iehover ul,
ul#menu_bottom_id ul li.iehover ul,
ul#menu_bottom_id ul ul li.iehover ul {
  display: block;
}

ul#menu_top_id {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 600px; /*For KHTML*/
  list-style: none;
}

ul#menu_top_id li {
  margin: 0;
  border: 0 none;
  padding: 0 7px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
 }

ul#menu_top_id ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
}

ul#menu_top_id ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#menu_top_id ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#menu_top_id a {
  padding: 0 0px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#menu_top_id a:hover,
ul#menu_top_id li:hover a,
ul#menu_top_id li.iehover a {
}

/* 2nd Menu */
ul#menu_top_id li:hover li a,
ul#menu_top_id li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}

/* 2nd Menu Hover Persistence */
ul#menu_top_id li:hover li a:hover,
ul#menu_top_id li:hover li:hover a,
ul#menu_top_id li.iehover li a:hover,
ul#menu_top_id li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 3rd Menu */
ul#menu_top_id li:hover li:hover li a,
ul#menu_top_id li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#menu_top_id li:hover li:hover li a:hover,
ul#menu_top_id li:hover li:hover li:hover a,
ul#menu_top_id li.iehover li.iehover li a:hover,
ul#menu_top_id li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#menu_top_id li:hover li:hover li:hover li a,
ul#menu_top_id li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#menu_top_id li:hover li:hover li:hover li a:hover,
ul#menu_top_id li.iehover li.iehover li.iehover li a:hover {
	color: #FFF;
	background-color: #00FF00;
}

ul#navmenu4_id ul ul,
ul#navmenu4_id ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#menu_top_id li:hover ul ul,
ul#menu_top_id li:hover ul ul ul,
ul#menu_top_id li.iehover ul ul,
ul#menu_top_id li.iehover ul ul ul {
  display: none;
}

ul#menu_top_id li:hover ul,
ul#menu_top_id ul li:hover ul,
ul#menu_top_id ul ul li:hover ul,
ul#menu_top_id li.iehover ul,
ul#menu_top_id ul li.iehover ul,
ul#menu_top_id ul ul li.iehover ul {
  display: block;
}
/*##################################################################################################################################################*/
#flashheader
{
	margin-right:5px;
}

.footer
{
	background-image: url(../images/opduin_footer.jpg);
	background-repeat: repeat;
	height:26px;
}
.content
{
	background-image: url(../images/opduin_shirt_background.gif);
	background-position:right;
	background-repeat: no-repeat;
	background-color: green;
	
	border-left:0px solid #cccccc;
	border-right:0px solid #cccccc; 
	padding:10px;
}
.content2
{
	background-image: url(../images/shirt_background.gif);
	background-position:right;
	background-repeat: no-repeat;
		
	border-left:0px solid #cccccc;
	border-right:0px solid #cccccc; 
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}
.top_container
{
	margin-top:10px;
}
.header_popup
{
	background-image: url(../images/opduin_header_popup.jpg);
	background-repeat: no-repeat;
	height:200px;
	padding-left:20px;
}
.footer_rights
{
	color:#FFFFFF;
	font-size:9px;
}
.filmstrip_image
{
	margin: 10 10 10 40;
}

/* ------ Class styles ------ */
.menu 
{
list-style: none;
width: 1000px;
color: Green;
}

.menu li 
{
margin-top: 0px;
display: inline;
color: Green;
}

.menu li a 
{
color: red;
border: #000 solid 1px;
background: yellow;
display: block;
height: 100%;
width: 100%;
color: Green;
}

.menu li a:hover 
{
background: red;
color: black;
border: #000 solid 1px;
display: block;
color: Green;
}




/* ------ Element styles ------ */
td 
{
	FONT-SIZE: 11px;  
	FONT-FAMILY: Verdana;
	color:#777777;
}
.content_text
{
	line-height:18px;
}
.content_text td
{
	line-height:18px;
}
BODY 
{
	behavior:url("htc/csshover.htc");
	MARGIN: 0px;
	FONT-SIZE: 10px;  
	PADDING-TOP: 0px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/opduin_background.jpg);
	background-color:#FFF;
	}
	
/* ------ Page content styles ------ */
.content_center
{
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.content_right
{
	padding-right:5px;
	padding-left:6px;
	padding-bottom:10px;
}

.menu_header
{
	padding-left:195px;
}

.snippet
{
	margin:5px 0px 5px 5px;
	font-size:94%;
	border-bottom: 1px solid #BEE1D9;
}
.menu_header {
 background-image: url('/images/opduin_topbackground.jpg');
 background-repeat: repeat-x;
}
.border1px {
 background-color: #CCECF7;
}
