a:focus{
  -moz-outline: none;
}

#accordionnav1  {
	font-size:smaller;
}
#accordionnav1 a:link, #accordionnav1 a:visited {
	color:yellow;
	text-decoration:underline;
}
#accordionnav1 a:hover {
	color:white;
	text-decoration:underline;
}
#accordionnav3 {
	font-size:9pt;
}
#accordionnav3 a:link, #accordionnav3 a:visited{
	color:white;
	text-decoration:none;
	}
#accordionnav3 a:hover {
	color:yellow;
	text-decoration:underline;
}
#article_body {
	width:600px;
	
}

#article_sidebar{
	
	width:200px;
	margin-left:15px;
	margin-top:20px;
	float:right;
	
	padding:5px;
}
table.producttable {
	position:relative;
	top:30px;
	margin-left:5px;
	border-collapse:collapse;
}

.productrow{
	border-bottom:1px solid grey;
	
}
#adcontainer{
	background-image:url('/images/productbg2.jpg');
	background-repeat:no-repeat;
	height:280px;
}
#adcontainer a:link, #adcontainer a:visited {
	color:black;
	text-decoration:none;
	font-style:italic;
}
#adcontainer a:hover {
	color:#a36318;
	}
#top{
	
	height:10px;
	background-repeat:no-repeat;
}
#bottom{
	
	height:10px;
	background-repeat:no-repeat;
}
#middle{
	padding-left:7px;
	padding-right:7px;
	
	background-repeat:repeat-y;
	font-size:8pt;
	font-family:"Lucida Sans";
	
}

#productlist{
	list-style-type:none;
}
#article_head {
	border-bottom:1px solid #dadada;
	font-family:"Lucida Sans";
	width:600px;
}
#article_title {	
	font-style:oblique;
}
#article_author {
	font-size:12pt;
	color:#555555;
	font-style:oblique;
}

body {
	font-family:"trebuchet ms";
	background-color: #87aec5;
	background-image:url('/images/gradient.gif');
	background-repeat:repeat-x;
	
}
#bgcontainer{
	position:relative;
	background-image:url('/images/dropshadowbg.png');
	background-repeat:repeat-y;
	width:950px;
	margin:auto;
	top:-7px;
}
#bottom_bar {
	width:950px;
	height:95px;
	margin:auto;
	position:relative;
	top:-7px;
	font-size:9pt;
	color:white;
	background-image:url('/images/footerdropshadow.png');
	background-repeat:no-repeat;
}
#bottom_bar a:link, #bottom_bar a:visited {
	color:white;
	text-decoration:none;
}
#bottom_bar a:hover {
	color:black;
	text-decoration:underline;
	
}
#bottom_nav{
	position:relative;
	left:40px;
	top:-18px;
}
#bottom_nav a:link, #bottom_nav a:visited{
	color:white;
	text-decoration:none;
	
}
#bottom_nav a:hover{
	color:black;
	text-decoration:underline;
}
#connections{
	font-size:9pt;
}
#container {
	width:872px;
	height:100%;
	margin:auto;
	top:-5px;
}
#containerinterior{
	
	
	width:872px;
	margin:auto;
		
	top:0px;
	background-color:#ffffff;
}
#events {
	font-size:large;
	color:blue;
}
#eventheader {
	font-size:x-large;
	color:black;
	text-decoration:underline;
	text-align:center;
}
#eventlinks{
	font-size:10pt;
}
#footercontact{
	position:relative;
	top:10px;
	text-align:center;
}
#givetext{
	position:relative;
	top:-20px;
	font-size:9pt;
}
#givephoto{
	position:relative;
	top:-25px;
}
#hank_resources a:link, #hank_resources a:visited{
	color:white;
	text-decoration:none;
	
}
#hank_resources a:hover{
	color:yellow;
	text-decoration:underline;
}
#inner_wrap {
	
	padding:20px 20px 20px 20px;
	width: 840px;
	font-size:10pt;
	font-family:Trebuchet MS;
	height:100%;
	
	
}
#inner_wrap a:link, #inner_wrap a:visited {
	color:blue;
	text-decoration:none;
	}
#inner_wrap a:hover{
	color:red;
}
img {
	border: 0;
}
#issue_wrap{
	height:675px;
}
.photo {
	padding:5px 5px 5px 5px;
}



#banner {
	left:100px;
}
#rotator {
	position:relative;
	left:0px;
	top:0px;
	width:872px;
	height:246px;
	background-color:#000000;
	z-index:0;
	
}
.nav {
	position:relative;
	left:0px;
	top:0px;
	background-color:#000000;
	width:872px;
	color:#d3a583;
	font-size: 12pt;
	z-index:2;
	
	
}


#links{
	padding-bottom:5px;
	text-align:center;
}
#nav_2 {
	position:relative;
	left:0px;
	top:-53px;
	width:600px;
	height:23px;
	z-index:5;
}
#content {
	position:relative;
	left:0px;
	top:259px;
	width:654px;
	height:312px;
	
	
}

.test-accordion{
	margin:10px;
	
}
.accordion{
	position:relative;
	width:218px;
	height:312px;
	background-color:#2c3b50;
	font-family:Verdana;
	border:1px;
	border-color:#dddddd;
}

.accordion-toggle{
	
	height:20px;
	background-color:#2c3b50;
	color:#ffffff;
	font-size:small;
	font-weight:bold;
	font-family:Verdana;
	border-top: 1px solid #566272;
	position:relative;
	z-index: 10;
	cursor:pointer;
	padding-left:5px;
}
.accordion-toggle a:link, a:active{
	color:white;
	text-decoration:none;
}
.accordion-toggle a:hover{
	color:yellow;
	text-decoration:none;
}
.accordion-content{
	overflow: hidden;
	
	height:228px;
	background-color:#566272;
	color:#ffffff;
	font-family:Verdana;
	padding-left:5px;
	
	}
.accordion-toggle-active {
	position:relative;
	background: #2c3b50;
	z-index:10;
}
.accordionlinks a:visited, .accordionlinks a:active{
	color:white;
}
.accordionlinks a:hover {
	color:yellow;
}
.accordionlinks a:active, .accordionlinks a.focus{
	color:yellow;
}

#controls {
	position:relative;
	left:800px;
	width:100px;
	
	top: -35px;
	color:#ffffff;
}
.jqueryslidemenu{
font: bold 12px Trebuchet MS;
background: #000000;
width: 852px;
z-index:10;

}

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

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float:left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #000000; /*background of tabs (default state)*/
color: white;
padding: 0px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #ffffff;
}

.jqueryslidemenu ul li a:hover{
background: #414141; /*tab link background during hover state*/
color: #d3a583;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index:10;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
z-index:10;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
z-index:15;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 12px Trebuchet MS;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
z-index:10;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #000000;
color: black;
z-index:10;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 6px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

#myslidemenu{
	position:relative;
	left: 20px;
	z-index:10;
	width:825px;
}
#text{
	width:654px;
	height:313px;
	background-color:#ffffff;
	background-image:url(Nav2-Research-background.jpg);
	position:relative;
	top:-317px;
	z-index:10;
}

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(../images/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(../images/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	
#articlecontent_body{
	width:400px;
	
	position:relative;
	top:-20px;
	border: 1px solid black;
	
	
	
}
#articleheading_issues{
	padding-left:5px;
	font-size:16pt;
	color:white;
	font-style:italic;
	background-color:#2c3b50;
	border-bottom:1px solid black;
}
#articleheading_issues a:link, #articleheading_issues a:visited{
	color:white;
	text-decoration:none;
}
#articleheading_issues a:hover{
	color:yellow;
	text-decoration:underline
}
#articlelisting_issues{
	height:200px;
	background-color:#8196b3;
	color:black;
	font-family:"Verdana";
	padding-left:20px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	border-bottom:1px solid black;
	overflow:auto;
}
#articlelisting_issues a:link, #articlelisting_issues a:visited{
	color:white;
	text-decoration:none;
}
#articlelisting_issues a:hover{
	color:yellow;
	text-decoration:underline;
}
#bannertag{
	position:relative;
	top:-20px;
	left:-20px;
}
#issue_synopsis{
	width:600px;
	height:500px;
	overflow:hidden;
	background-image:url('/images/journalfrontbackground.jpg');
	
}
#cover{
position:relative;
top:15px;
left:15px;
width:350px;
}
#syntext{
	width:225px;
	position:relative;
	left:375px;
	top:-425px;
	font-size:12pt;
	font-family:"verdana";
	
}
#journalblurb{
	position:relative;
	width:225px;
	left:375px;
	top:-400px;
}
#seearticle{
	z-index:10;
	position:relative;
	left:200px;
	top:-20px;
	width:250px;
	overflow:hidden;
}
#sidebar{
	position:relative;
	left:625px;
	top:-500px;
	width:200px;
	overflow:hidden;
	background-color:#acacac;
}
#previous_issue{
	text-align:center;
	font-family:"Franklin Gothic Book";
	font-size:14pt;
	color:white;
}
#zoomsearch{
	padding-left:5px;
	color:white;
	font-family:"Trebuchet MS";
	font-size:14pt;
}