/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */
html {background-color:#999999;}
body {
margin:0;
padding:0 10px 0 10px;
border:0;
height:100%;
overflow-y:auto;
background-color:#999999;
}

.menucenter {
width:720px;
margin: 0 auto;
}

.menu {
display:block;
top:13px;
float:left;
width:720px;
position:fixed;
font-family: verdana, arial, sans-serif; 
font-size:11px;
background:transparent url(../images/opaque.png);
}

* html .menu {position:absolute;} /* this is a new line from Fixed */

.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul li {
float:left; /* puts menu items inline and aligns left */
position:relative;
background:url(../images/divider2.gif) no-repeat top right;
}

.menu ul li a, 
.menu ul li a:visited {
float:left;
display:block;
text-decoration:none;
color:#000000;
padding:0px 16px; /*puts space between the links */
line-height:25px;
height:30px;
}

* html .menu ul li a, 
.menu ul li a:visited {
height:33px; 
he\ight:30px;
}

.menu ul li:hover {width:auto;}
.menu ul li a.menuhighlight:hover,
.menu ul li:hover a.menuhighlight {
border-color:rgb(255, 0, 51); 
color:rgb(255, 0, 51); 
text-decoration:underline;}

.menu ul li ul {
display: none;
}
.menu table {
margin:-1px; 
border-collapse:collapse; 
font-size:11px;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block;
position:absolute;
top:29px; /*distance from top of the menu */
margin-top:1px;
left:0;
width:154px;
border-bottom:1px solid #999999;
}
.menu ul li:hover ul.endstop {
left:-92px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block;
background:transparent  url(../images/opaque.png); /*dropdown bkg is transparent */
color:#000;
height:auto;
line-height:15px;
padding:6px 16px; /* inside of dropdown padding */
width:120px;
border:1px solid #999999;
border-bottom:0;
}
.menu ul li:hover ul li a.drop {
background:#ccd url(../images/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover {
color:#000; background: #ccd url(../images/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li a:hover.drop {
background: #ccd url(../images/bullet.gif) no-repeat 3px 8px;
}
.menu ul li:hover ul li:hover ul {
display:block; position:absolute; left:153px; top:-1px;
}
.menu ul li:hover ul li:hover ul.left {
left:-153px;
}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;
position:absolute;
top:29px; /*distance from top of the menu */
t\op:28px; 
background:#fff;
left:0; 
marg\in-top:1px; 
border-bottom:1px solid #999999;
}
.menu ul li a:hover ul.endstop {
left: -92px;
}
.menu ul li a:hover ul li a {
display:block;
background:#fff;
color:#000;
height:1px;
line-height:15px;
padding:6px 16px;
width:152px;
w\idth:120px;
border:1px solid #999999;
border-bottom:0;
}
.menu ul li a:hover ul li a.drop {
background:#ccd url(../images/bullet.gif) no-repeat 3px 8px; padding-bottom:5px;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu ul li a:hover ul li a:hover {
color:#000; background: #ccd url(../images/bullet.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover.drop {
 background: #ccd url(../images/bullet.gif) no-repeat 3px 8px;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:153px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-153px;
}

/* Fixed Page Layout */
#page {
margin:0 auto 10px;
display:block;
width:720px;
border:1px solid rgb(255, 0, 51);
border-top:0;
background-color:#999999;
padding:10px;
min-height:400px;
height:auto;
}
#footer {
margin:0 auto 10px;
width:720px;
border:1px solid rgb(255, 0, 51);
background-color:#999999;
padding:0 10px;
height:2em;
}

/* for Internet Explorer - min-height hack*/
/* from http://www.cssplay.co.uk/boxes/minheight.html */
/*\*/
* html #page {
height:400px;
}
/**/

#topimage {
margin:7px auto 0;
display:block;
width:740px;
border:1px solid rgb(255, 0, 51);
border-bottom:0;
background-color:#999999;
padding:0;
}
#page .right {font-size:30px; float:right;}

.clear {clear:both;}

/* ********** Picture Cards ********** */
.card-right {
float: right;
width: 252px;
margin:3px 5px 0 0; /*all browsers will read this */
}
div[class] .card-right { /*all non-ie browsers will fix above with this */
margin:3px 10px 0 0;
}
img {
border:0;
padding:0;
margin:0;
}
.card-pic {
border:1px solid rgb(255, 0, 51);
}