/* Place to put the iframe shim for IE */

/* start of rollover styles */
#topnav 
{
	/*background: url("btn_spcr.gif") top left repeat-x;*/
	/*border-right: 3px solid #ccc; */
	/*for Mozilla 
	min-width: 790px;*/
	border-top: none;
	height: 28px;
	text-align:center;
	width: 720px; 
	padding: 0 0 0 0; 
	margin: 0 auto;
	
}
/* Set the UL to have no list item and give it a height to show the left spacer */
#topnav ul 
{
	float:none;
	margin: 0 auto;
	padding: 0;
	border: 0px none;
	list-style-type: none;
	/*background-color: #ccc; 
	background: url('btn_spcr_left.gif') no-repeat 0 0;*/
	height: 28px;
}

#topnav ul li {	
	/* This allows each li to line up next to each other on a single line */
	display: inline;
	/* This makes the diagnal of each item line up with previous item. */
	margin: 0 3px 0 3px;
	/* This allows each item to be horizontal. */
	float: left;
	/* This will be used later for dropdowns */
	position: relative;
	/*background: transparent url('btn_blank5.gif') no-repeat 0 0;*/
	background-color: #fff;
	border: solid 1px #003749;
	border-top:none;
}
#topnav ul li li {
	background-image: none;
}

#topnav ul li a {
	/* change each anchor item to a block so that it takes up space */
	display:block;
	width:110px;
	text-decoration: none;
	/* WIN IE5 hack */
	height: 28px;
	font: bold 12px/2.2em georgia, arial, sans-serif;
	letter-spacing: 0;
	text-align: center;
	white-space: nowrap;
	

}

#topnav ul li a span {
	/*text-transform: lowercase;*/
	color: #003749;
	/*background: transparent url(btn_arrow.gif) no-repeat 0 -5px;
	padding: 1px 6px 0 16px;*/
}
#topnav ul li a:hover span, #topnav ul a:hover, #topnav #topbtn1 a:hover span, #topnav #topbtn2 a:hover span, #topnav #topbtn3 a:hover span, #topnav #topbtn4 a:hover span, #topnav #topbtn5 a:hover span, #topnav #topbtn6 a:hover span {
	color: #fff;
	background-position: 0% -.4.5em;
	background-color: #7ca8c4;
}
#topnav li li a {
	font: bold 11px georgia,verdana, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	white-space: normal;	
}
* html #topnav li li a {
	letter-spacing: 0em;
}

/* specific spacing concerns */
#topnav #topbtn1 {
	/* allow enough space for the spacer 
	margin-left: 7px;*/
}

/* Set each background image and make styles to set the selected state */
#topbtnsel1 #topnav #topbtn1,
#topbtnsel2 #topnav #topbtn2,
#topbtnsel3 #topnav #topbtn3,
#topbtnsel4 #topnav #topbtn4,
#topbtnsel5 #topnav #topbtn5,
#topbtnsel6 #topnav #topbtn6 {
	/*background-position: 0 -52px;*/
	background-color: #7ca8c4;
}
#topbtnsel1 #topnav #topbtn1 a span,#topbtnsel1 #topbtn1 a:hover span,#topbtnsel1 #topbtn1 a:active span,
#topbtnsel2 #topnav #topbtn2 a span,#topbtnsel2 #topbtn2 a:hover span,#topbtnsel2 #topbtn2 a:active span,
#topbtnsel3 #topnav #topbtn3 a span,#topbtnsel3 #topbtn3 a:hover span,#topbtnsel3 #topbtn3 a:active span,
#topbtnsel4 #topnav #topbtn4 a span,#topbtnsel4 #topbtn4 a:hover span,#topbtnsel4 #topbtn4 a:active span,
#topbtnsel5 #topnav #topbtn5 a span,#topbtnsel5 #topbtn5 a:hover span,#topbtnsel5 #topbtn5 a:active span,
#topbtnsel6 #topnav #topbtn6 a span,#topbtnsel6 #topbtn6 a:hover span,#topbtnsel6 #topbtn6 a:active span {
	/*background-position: 0 -57px;*/
	color: #fff;
	outline: none;
}

/* dropdown list styles */
#topnav a.node 
{
	background: url(menuarrow.gif) 132px 5px no-repeat; 
}
#topnav a.photoLink 
{
	background: url(../images/ico_camera_med.gif) 126px 7px no-repeat;
}
#topnav a.photoLink2
{
	background: url(../images/ico_camera_slr.gif) 127px 6px no-repeat;
}
#topnav a.docLink 
{
	background: url(../images/ico_doc.gif) 130px 5px no-repeat;
}

#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 110px;
	font-weight: normal;
	/*border: 1px solid #bc9a30;*/
	background-image: none;
	margin: .05em 0 0 -.05em; /*make drop downs "hug" the top nav bar*/
	opacity: .90;
}

#topnav li li {
	margin: 0;
	width: 110px;
}

#topnav li ul a {
	background-image: none;
	padding: 4px 16px 4px 3px;
	height: auto;
	width: 91px;
}

/* fine tune margin for fly outs to line up in FF (because of margin change in #topnav li ul so drop downs "hug" nav bar*/
#topnav li ul ul {
	margin: -.05em 0 0 110px;
	top: 0;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: 0;
}

#topnav li li:hover, #topnav li li.sfhover {
	background: #fefbf1;
}

/* color specific */

#topbtn1 ul, #topbtn1 ul li, #topbtn2 ul, #topbtn2 ul li, #topbtn3 ul, #topbtn3 ul li, #topbtn4 ul, #topbtn4 ul li, #topbtn5 ul, #topbtn5 ul li, #topbtn6 ul, #topbtn6 ul li {
	background-color: #f4ecd1;
}

li.separator { border-top: 1px dashed #f7f3e4; }

/*Top Navigation Colors*/ 

#topnav li ul a { color: #003749; } 
#topnav li ul a:hover { 
	background-color: #d9e4e8;
	color: #024a61; 
} 
/* color specific */ 
#topbtn1 ul, #topbtn1 ul li, #topbtn2 ul, #topbtn2 ul li, #topbtn3 ul, #topbtn3 ul li, #topbtn4 ul, 
#topbtn4 ul li, #topbtn5 ul, #topbtn5 ul li, #topbtn6 ul, #topbtn6 ul li { 
	background-color: #fff;
}

/*End Top Navigation Colors*/