/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

div#menu img
{border:0;padding:0;margin:0;vertical-align:text;margin-right:4px}

div#menu {width:700px; height:32px; font: 11px Trebuchet MS; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html div#menu {width:700px; w\idth:700px;}
/* remove all the bullets, borders and padding from the default list styling */
div#menu ul {padding:0;margin:0;list-style-type:none;text-align:center;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#menu li {float:left;width:112px; position:relative;}
/* style the links for the top level */
div#menu li.home{width:112px;}
div#menu a, div#menu a:visited {display:block;font-size:11px;text-decoration:none; color:black; height:31px; border:1px solid black; border-width:0px 0 1px 1px; background-image:url('../images/gray.png');background-repeat:repeat-x; padding-left:0px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html div#menu a, * html div#menu a:visited {width:140px; w\idth:140px;}
div#menu li.home a {border-left:0;}
div#menu li.current a {color:white;background-image:url('../images/orange.png');background-repeat:repeat-x;}
div#menu li.right a {border-right:1px solid black;}
div#menu li.big {width:140px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
div#menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:140px;border-top:1px solid black;}
/* another hack for IE5.5 */
* html div#menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
div#menu ul ul ul{left:140px; top:-1px; width:140px;}

/* position the third level flyout menu for a left flyout */
div#menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
div#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
div#menu ul ul a, div#menu ul ul a:visited {background:#ebebeb; color:#000; height:auto; line-height:1em; padding:5px 10px; width:119px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html div#menu ul ul a, * html div#menu ul ul a:visited {width:140px;w\idth:140px;}

/* style the top level hover */
/*
div#menu a:hover, div#menu ul ul a:hover{color:#fff; background:#ed9d27;}
div#menu :hover > a, div#menu ul ul :hover > a {color:#fff;background:#e1911b;}
*/

div#menu a:hover, div#menu ul ul a:hover{color:#fff; background-image:url('../images/orange.png');background-repeat:repeat-x;}
div#menu :hover > a, div#menu ul ul :hover > a {color:#fff;background-image:url('../images/orange.png');background-repeat:repeat-x;}

/* make the second level visible when hover on first level list OR link */
div#menu ul li:hover ul,
div#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
div#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
div#menu ul :hover ul :hover ul{ visibility:visible;}

div#container
{
padding:0px 20px;
width:740px;
height:auto;
margin:0px;
background-image:url('../images/shadow.gif'); 
background-repeat:repeat-y; 
}

div#container p
{margin:0;}

div#divider
{border-bottom:0px dotted #e1e1e1;margin:3px 0;}

div#text
{
background-color:white;
border-top:0;
border-left:1px solid black;
border-right:1px solid black;
width:658px;
text-align:justify;
padding:20px;
font:12px Trebuchet MS;
margin:0;
height:auto;
}

div#text p
{margin:10px;
}

div#bottom
{
width:500px;
font:11px Trebuchet MS;
padding:20px;
margin:0;
color:white;
text-align:center;
padding:0;
margin:0;
}

div#bottom a
{color:white;}

p
{margin:0;
}

a, a:active, a:visited
{text-decoration:none;
color:#cf810f}

a:hover
{text-decoration:underline;}

div#bottomshadow{
padding:0;
margin:0;
position:absolute;
left:1px;
width:740px;
height:13px;
background-image:url('../images/bottomshadow.gif');
background-repeat:no-repeat; 
background-position:center;
}

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

ul.papers li{
padding-bottom:8px;
padding-top:0px;
margin:0;

font-style:italic;
text-indent:left;
border:0;list-style-image:url('../images/pdf.gif');
}


ul.papers li a
{font-style:normal;
font-weight:bold;}

ul.papers li img
{margin-left:2px;}
/*
display:block;padding-top:5px;
padding-bottom:5px;}

ul.papers li a:hover{
background:#E89418;}
*/

div.divider
{
width:658px;
border-top:2px solid #A4A597;
margin:0;
margin-top:12px;
padding-bottom:4px;}
div.dividerdot
{
margin:auto;
text-align:center;
padding-top:5px;
padding-bottom:0px;
width:620px;
border-bottom:1px dotted #A4A597;}

div.wide {width:650px;}

/*****************Directory Table Formatting ************************/

img.banner
{
border:1px solid black;
height:100px;
}

div#book
{
float:left;
border:0;
padding-top:40px;
/*padding-bottom:12px;*/
width:170px;
height:500px;}

table.Directory
{
width:658px;
border-collapse:collapse;
padding:0;
margin:0;
margin-top:-10px;
}

div#text table.Directory p
{
margin:0;
}

table.Directory td
{
font:12px Trebuchet MS;
border-bottom:1px solid #e1e1e1;
padding:4px 0px;
text-align:justify;
}

table.Directory td img
{
/*
border:1px solid #A4A597;
background:#A4A597;
*/
margin-left:20px;
}

/*
table.Directory a img:hover
{
border:1px solid #682069;
}

table.Directory tr:hover
{background-color: #D1BCD2;}
*/

table.Directory td.divider{
border-bottom:2px solid black;
margin:0;
padding-top:10px;
font-weight:bold;

color:#cf810f;
font-size:16px ;
}

table.Directory td.divider p
{font-weight:bold;}

table.Directory td.divider:hover
{background-color:white;}

table.Directory table.buttons 
{border-collapse:collapse;margin:0px;margin-left:20px;}

table.Directory table.buttons img
{border:0;padding:0;margin:0;vertical-align:text;margin-right:4px}

table.Directory table.buttons td
{border:1px solid #A4A597;font-size:11px;padding:0;margin:0;}

table.Directory table.buttons a{
color:black;
display:block;width:74px;padding:4px 4px;margin:0;}

table.Directory table.buttons a:hover{
color:white;
background:#E89418;
text-decoration:none;}

table.Directory table.buttons a.inactive:hover{
background-color: white;
cursor:default;}

table.Directory table.buttons td.picture
{height:81px;width:67px;padding:0px;}

table.Directory table.buttons td:hover
{}

td.ghost
{display:none;width:0px;font-size:1px;}

table.Dropit
{width:660px;border:1px solid #A4A597;margin-top:5px;}

table.Dropit td
{padding:4px;}

table.filtered
{
width:660px;
border-collapse:collapse;
padding:0;
margin:0;
}

table.filtered td
{padding:5px 0px 5px 5px;

text-align:justify;
indent:4px;}

table.filtered td.divider{
padding:10px 0px 3px 0px;
border-bottom:2px solid black;
margin:0;
text-align:center;
font-weight:bold;
font-size:12px;
}

select
{border:1px solid #A4A597;}

input
{width:80%;border:1px solid #A4A597;}

input.smallbutton
{width:auto;border:1px outset #A4A597}

td.headerrow
{background:black;}

/*====================================================
	- HTML Table Filter Generator v1.6 
	elements and classes
	- edit classes below to change filter grid style
=====================================================*/

div.inf a:hover{color:#CFD58B; }/*link appearence in .inf div*/
.tot{ font-weight:bold; }/*rows counter*/
.even{ background-color:#fff;border-bottom:1px solid #e1e1e1; }/*row bg alternating color*/
.odd{ background-color:#F1F1F3;border-bottom:1px solid #e1e1e1;}
/*.odd{ background-color:#E0E0E2; }/*row bg alternating color*/
/*
.fltrow{ /* filter grid row appearance */
	height:20px;
	background-color:#f4f4f4;
}
.btnflt{ /* button appearance */
	font-size:11px;
	margin:0 2px 0 2px; padding:0 1px 0 1px;
	text-decoration:none; color: #fff;
	background-color:#666;
}
.flt{ /* filter (input) appearance */
	background-color:#f4f4f4; border:1px inset #ccc; 
	margin:0; width:100%;
}
.flt_s{ /* small filter (input) appearance */
	background-color:#f4f4f4; border:1px inset #ccc; 
	margin:0; width:80%;
}
.inf{ /* div containing left, middle and right divs */
	clear:both; width:auto; height:24px; vertical-align:middle;
	background:#f4f4f4; font-size:11px; 
	margin:0; padding:2px 2px; 
	border:1px solid #ccc;
	border-top: 2px solid black;
	border-width:1px 0 1px 0;
}
.ldiv{ /* left div */
	float:left; width:30%; position:inherit;vertical-align:middle;  
}
.mdiv{ /* middle div */
	float:left; width:30%; position:inherit; text-align:left;vertical-align:middle; 
}
.rdiv{ /* right div */
	float:right; width:30%; position:inherit; text-align:right;vertical-align:middle; 
}