@charset "UTF-8";

#header {
	width: 75em;
	height: 12.5em;	
	
	/*background-color:#CCC;*/
	
	margin: 0 0 2em 0;
}

#search-bar {
	height: 2em;	
	
	font-variant: small-caps;
	text-align: right;
	
	color: #DDDDDD;
}
#search-bar #q {
	opacity: 0.2;
	filter: alpha(opacity=20);	

}
#search-bar #sa {
	background-color: #DDD;
	border: 0px solid #666666;
	height: 1.9em;
	margin: 0;
	padding: .2em;
	opacity: 0.8;
	filter: alpha(opacity=80);	
}

#search-bar a:link {
	color: #DDDDDD;
	text-decoration: none;
}
#search-bar a:visited {
	color: #DDDDDD;
	text-decoration: none;
}
#search-bar img {
	vertical-align: middle;
	margin-right: .3em;
}

#header-bar {
	background-color: #FFFFFF;
}

#header-left {
	float: left;
	width: 9.1em;
	height: 10.5em;
	
	/*background-color: #666;*/
}

#logo {
	width: 7.5em;
	height: 8em;	
	
	margin: .8em;
	
	/*background-color: #FFF;*/
}

#logo img {
	width: 100%;
	height: 100%;
	
	border: none;
}

#header-right {
	height: 10.5em;
	margin-left: 9.1em;
	margin-right: .8em;
	
	/*background-color: #999;*/
}

#image-bar {
	height: 7em;
	padding-top: .8em;
	
	/*background-color:#003;*/
	overflow: hidden;
}

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
/*  height: 10em;
  width: 40em;*/
  /* Add scroll-bars */
  /*overflow: auto;*/
  
}
ul.sc_menu {
  display: block;
  /*height: 110px;*/
  /* Max width here, for users without Javascript */
  width: 1500px;
  width: 300em;
  /*padding: 15px 0 0 15px;*/
  /* Remove default margin */
  margin: 0;
  padding-left: .5em;
 
  list-style: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	ul.sc_menu { padding-left: .8em; }
}

.sc_menu li {
  display: block;
  float: left;
  /*padding: 0 4px;*/
  
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;

  color: #fff;
}

.sc_menu span {
  display: none;
  margin-top: 3px;
  text-align: center;

  color: #fff;
}
.sc_menu a:hover span {
  display: block;
}
.sc_menu img {
  /*border: 3px #fff solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;*/
  border: none;
  
   filter:alpha(opacity=50);
  opacity: 0.5;
}
.sc_menu a:hover img {
  filter: none;
  opacity: 100;
}

.sc_menu div {
background-color: #021d72;	
}

#image-bar table {
	
	width: 100%;
	height: 6.6em;
	/*width: 65.4em;*/
	
	/*background-color: #CCC;	*/
	
	border-spacing: 0;
}

.ib-image {

	/*width: 5em;*/
	/*width: 16.66%;*/
	width: 10.4em;
	
	height: 6.6em;
	
	padding: 0;
	margin: 0;
}

.ib-wrapper {
	height: 6.6em;
	width: 10.4em;
	
	background-color: #021d72;
}

.ib-image img {
	
	width: 100%;
	height: 100%;
	
	width: 10.4em;

	height: 6.6em;
	
	opacity: 0.6;
	filter: alpha(opacity=60);
	
	border: none;
}

.left-end {
	padding-right: .2em;
}

.middle {
	padding: 0 .2em;
}

.right-end {
	padding-left: .2em;
}

#nav {
	height: 2.7em;
	line-height: 2.7em;
	
	/*height: 2.5em;*/
	width: 100%;
	text-align: center;
	
	/*position: absolute;
	bottom: 5px;*/
	/*left: 9.5em;*/
	
	/*color: #036292;*/
}

#nav ul {
	width: 100%;
	
	margin: 0;
	padding: 0;
}

#nav ul li {
	display: inline;	
	padding: .2em 1.8em .2em 1.8em;
	
	font-size: .8em;
	/*margin-bottom: 1.125em;*/
}

#nav ul li.selected {
	background-color: #9DD0E9;	
}

#nav a:link {
	color: #036292;
	text-decoration: none;
}

#nav a:visited {
	color: #036292;
	text-decoration: none;
}

#image-wrap {
	position: absolute;
	display: none;
}