/* CSS Document styles for pub gallery*/

/* Begin CSS Drop Down Menu */


#menuh-container
	{
	position: absolute;
	/*top: 1em;
	left: 1em;*/
    width: 760px;
	/*left: 4px;*/
	top: 167px;
	z-index: 800;
	left: 4px;
	
	
	
	}

#menuh
	{
	font-size:medium;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	/*margin-left:2em;
	margin-top: 1em;*/
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 0.2em;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	background-color: royalblue;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: cornflowerblue;
	}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image:url(gifs/navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image:url(gifs/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:7.9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */



#navcontainer ul
{
	text-align: center;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
	background-color: #4A5AE6;
	color: white;
	width: 762px;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 18px;
	position: absolute;/* fixes Firefox 0.9.3 */
	left: 4px;
	top: 168px;
}

#navcontainer ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#navcontainer ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #7B86FF;
color: white;
}

#navcontainer #active { border-left: 1px solid #fff; }


/* Step 10 - Clearing the float */
#menu {
	display:block;
	width:246px;
	height:46px;
	position: absolute;
	left: 501px;
	top: 120px;
}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {float:left; margin-right:1px;}

/* Step 5 - Adding the initial images */

#menu li.list1 {background:transparent url(topnav/homenav.gif);}
#menu li.list2 {background:transparent url(topnav/aboutnav.gif);}
#menu li.list3 {background:transparent url(topnav/contactnav.gif);}
#menu li.list4 {background:transparent url(topnav/trivianav.gif);}
 

/* Step 6 - General link styling */

#menu a {display:block; width:60px; height:0; padding-top:46px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:46px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

#menu a#item1 {background:transparent url(topnav/homenav_over.gif) -46px -60px no-repeat;}
#menu a#item2 {background:transparent url(topnav/aboutnav_over.gif) -46px -60px no-repeat;}
#menu a#item3 {background:transparent url(topnav/contactnav_over.gif) -46px -60px no-repeat;}
#menu a#item4 {background:transparent url(topnav/trivianav_over.gif) -46px -60px no-repeat;}
	


/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}

* html #menu a:hover {height:46px; he\ight:0;}
	
	

#pub_content {
    background-color:#6666FF;
	position:absolute;
	width:352px;
	height:284px;
	z-index:3;
	left: 401px;
	top: 212px;
	background-attachment: scroll;
	overflow: auto;
	padding:5px;
}
#pub_content p{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:justify;
	font-size:14px;
	text-indent:15px;
}
#pub_content h4 {
    color: #FFFFFF;
	text-align:center;
	font:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
}
#pub_descript {
    background-color:#999999;
	position:absolute;
	width:362px;
	height:63px;
	z-index:4;
	left: 401px;
	top: 506px;
}

.style3 {font-size: 9pt}