/* CSS Document */
html {
margin:0px;
padding:0px;
}
body {
margin:0px;
padding:0px;
background-color:#663399;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
}
#wrapper {
margin:0px auto 0px 0px;
padding:0px;
text-align:left;
width:750px;
}


#topbar {
margin:0px;
padding:0px;
width:750px;
height:163px;
background-image:url(../images/topbg.jpg);
background-repeat:no-repeat;
}
#q {
margin:0px;
padding:0px;
background-image:url(../images/searchbutton.jpg);
background-repeat:no-repeat;
width:46px;
height:19px;
border:0px;
}
#qform {
position:absolute;
top:81px;
left:10px;
margin:0xp;
padding:0px;
width:200px;
}
#qi {
margin:0xp;
padding:0px;
width:104px;
height:19px;
border:0px;
}
#leftnav{
/*position:absolute;
left:0px;
top:90px;*/
width:150px;
padding:0px;
margin:28px 0px 0px 20px;
float:left;
}
#leftnav li {
list-style-type: none;
}
#content {
float:right;
width:540px;
margin:0px 0px 10px 20px;
padding:10px;
background-color:#FFFFFF;
}
.glossymenu{
margin: 0;
padding:0;
}
.glossymenu a.menuitem{
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 10px;
margin:0px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
background-color:#ffffff;
color:#000000;
border-bottom:8px solid #663399;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:5px 5px 5px 10px;
margin:0px;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
background-color:#ffffff;
color:#000000;
border-bottom:8px solid #663399;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #663399;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #663399;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: white;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
text-decoration:underline;
}


















img {
border:none;
}

.imgrht {
margin:0px 0px 5px 5px;
float:right;
}
.imglft {
margin:0px 5px 0px 0px;
float:left;
}


/*lightbox*/
#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; }

#lightbox img{ 

border: none;  } 
#overlay img{ border: none; }
#overlay{ background-image: url(../js/lightbox/overlay.png); }

* html #overlay{
	background-color: #000;

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