*		{ margin: 0; padding: 0;}
 html		{ font-family: sans-serif; background: #f5f5f5;}
#color1		{ color: #97adff;}
#color2		{ color: #28325a;}
.banner 	{ color:#000; background: #8ac2f0 url(sky-low.jpg); background-position:left bottom; padding: 1em;}
.banner h1,.banner a	{ color:#fff; font-weight:bold;text-decoration:none;}
.banner h2 	{ font-size:100%; font-weight:normal;}
.alt 		{ color:#000;font-size:100%;}
#bgimage	{position:absolute;right:0;top:50px;z-index:-1}

#bar		{border-top: 2px solid #333; border-bottom: 2px solid #000; background: #000 url(bg1.png) repeat-x 0 0;display:table; width:100%;color:#fff;opacity:0.9}

#qnav 		{float: left;}
#qnav ul	{padding:0.25em; list-style-type: none; display: inline;opacity:0.8}
#qnav li  	{list-style-type: none; float: left; display: inline; border-right: 2px solid #555;}
#qnav li a 	{display: block;padding: 0.25em; color: #fff; text-decoration: none; margin:1px;}
#qnav li a:hover{display: block;background-color: #555; color: #fff;border: 1px solid #fff; margin:0px;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;}

#breadcrumb	{ text-align: right;float: right;}
#breadcrumb ul 	{ padding:0.25em;  text-align: right;opacity:0.8}
#breadcrumb ul li {display: inline; white-space: nowrap;}
#breadcrumb ul li:before {content: " » "; color: #fff;}
#breadcrumb ul li:first-child:before { content: " ";}
#breadcrumb ul li a {padding: 0.25em; color: #fff; text-decoration: none; margin:1px}
#breadcrumb ul li a:hover { background-color: #555; color: #fff;border: 1px solid #fff;margin:0px;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;}

#documentEntry	{position:relative;z-index:0;display: block; margin: 1em; margin-bottom: 1em; margin-top: 0.75em;padding:0.2em; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em;}
#documents p	{margin-top:1em;margin-bottom:1em;}

#info		{text-align:left;width:100%;color: #fff;}
#info a		{text-decoration: none;color: #fff;}
#info a:hover   {text-decoration: none;color: #fff;}
#info ul	{padding: 0.3em; background: #000 url(bg1.png) repeat-x 0 0; margin-bottom:0.5em; border-radius: 0.3em;opacity:0.8}  
#info a		{padding: 0.2em;margin:1px;}
#info a:hover	{padding: 0.2em;margin:0px;background-color: #555; border-radius: 0.25em; border:1px solid #fff;}
#info li    {display: inline; color: #fff; padding: 0.0em}

#dnav {position:relative;z-index:1;-moz-border-radius-bottomleft: 0.5em;-webkit-border-bottom-left-radius: 0.5em;border-left: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 0px; float: right; display: inline; background: #fff;opacity:0.9}
#dnav ul {list-style-type: none;-moz-border-radius-bottomleft: 0.5em;-webkit-border-bottom-left-radius: 0.5em; border:1px solid #000;background: #000}
#dnav li {list-style-type: none;display: block;padding:0.2em;opacity:0.8}
#dnav li a {margin:1px; display: block;background-color: #000;color: #fff;text-decoration: none;padding: 0.25em;padding-left: 1.5em;padding-right: 1.5em}
#dnav ul li a:hover {margin:0px;background-color: #555;color: #fff;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em; border:1px solid #fff;}

.footer 	{ padding: 0em; color:#000;border:0px solid #999; background: #f0f0f0; text-align: center;}
.footer a	{ color: #000; text-decoration: none;}
.footer a:hover { text-decoration: underline;}
h1 > a	{color: #fff; text-decoration: none;}
h1 > a:visited	{color: #fff; text-decoration: none;}

.icon {height:0.75em;vertical-align:center;}
#file {border-radius: 6px;border: 1px solid #ccc;padding: 0.25em;background: #f9f9f9;}
#file th,td {text-align:left;padding: 0.25em;}

.footer {border-top-left-radius: 4px;text-align:center;font-size:xx-small;float:right;position: relative;margin-top: -1.8em;background: #BBB;padding :0.2em;line-height: 1.4em;}
.footer a {color: #000;}

#document, #browse{border-radius: 6px; background: #fff;padding:1em;margin:1em;border:1px solid #ccc;}
#documents {border-radius: 6px; background: #fff;padding:1em;margin:1em;border:1px solid #ccc;}

#browse th {padding-left:1em;padding-bottom:0.5em;text-align:left;}
#browse td {padding-left:1em;}