@import url("common.css");

#middle_container {
	background-image: url('/img/main_bg.png');
	background-repeat: repeat-x;

  width: 100%;
}

#middle_content {
	margin: 0 auto;
	width: 900px;
	background-color: #fff;
	
	padding-bottom: 10px;

	border-left: 1px solid #777;
	border-right: 1px solid #777;

  white-space: normal;
}

#highlights {
	margin: 0 auto;
	padding: 0;
	height: 297px;
	width: 850px;
  background-image: url('/img/highlights_bg.png');
}

#highlights-image {
	float: left;
	width: 529px;
  margin-left: 10px;
  margin-top: 12px;
  padding: 0;
}

#highlights-image img {
  width: 529px;
  height: 274px;
  margin: 0;
  padding: 0;
}

#highlights-content {
	float: left;
  margin-top: 10px;
  margin-left: 35px;
	padding: 20px 10px 10px 10px;
	width: 235px;

  text-align: center;
}

#highlights-content-top {
  height: 190px;
overflow: hidden;
}

#highlights-content-top div span {
  font-size: 18px;
  font-weight: bold;
}

#highlights-content-top div p {
  padding-top: 10px;
}

.fadeout {
  display: none;
}

#horiz-menu {
  width: 205px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 5px;
}


.horiz-menu-selected {
  background-color: #dedd3b;
  border: 1px solid #282e46;
}

.horiz-menu-normal {
  background-color: #b5cfe3;
  border: 1px solid #3773a1;
}

#horiz-menu ul {
  margin: 0 auto;
  list-style-type: none;
  float: left;
  left: 50%;
  height: 40px;
  padding: 0;
}

#horiz-menu ul li {
  float: left;
  right: 50%;
}

#horiz-menu ul li a {
  width: auto;
  display: block;
  line-height: 35px;
  
  padding: 0px 15px 0px 15px;
  margin: 0px 5px 0px 5px;
  text-decoration: none;

  color: #282e46;
  background-color: #b5cfe3;
  border: 1px solid #3773a1;
}

html>body #horiz-menu ul li a {
  width: auto;
}

#horiz-menu ul li a:hover {
  background-color: #dedd3b;
  border: 1px solid #282e46;
}


#status {
	margin: 0 auto;
	height: 40px;
	width: 866px;
	background-image: url('/img/status_bg.png');
	background-repeat: no-repeat;
}

#status_text {
	float: left;

	height: 30px;
	width: 450px;
  line-height: 30px;

	margin-left: 115px;
  margin-top: 5px;
	padding-left: 5px;

	background-color: #fff;

	font-size: 14px;
	font-weight: bold;
}

#status_text a {
	color: #000;
	text-decoration: none;
}

#status_text a:hover {
	text-decoration: underline;
}

#status_actions {
  width: 50px;
	float: left;
  padding: 2px 15px 0px 10px;
}

#status_links {
	float: left;
	padding: 0;
  margin-top: 5px;
}

#content {
	width: 850px;
	margin-left: 17px;
	background-image: url('/img/contentbg.png');
	background-repeat: repeat-y;
}

#content_left {
	float: left;
	width: 225px;

	margin-left: 25px;

}

#spotlights_header {
	width: 115px;
	height: 25px;

	margin-top: 10px;

	background-image: url('/img/header_spotlights.png');
	background-repeat: no-repeat;
}

#spotlights_content {
	padding: 5px;

	background-color: #fff;
}

#gear_header {
	width: 125px;
	height: 25px;

	margin-top: 25px;

	background-image: url('/img/header_gear.png');
	background-repeat: no-repeat;
}

#gear_content {
	padding: 5px;

	background-color: #fff;
}

#content_middle {
	float: left;

	width: 320px;

	margin-left: 10px;
}

#news_header {
	padding: 5px;
	padding-bottom: 10px;
	text-align: center;
}

#news_content {
	max-height: 850px;
	overflow-y: scroll;
	overflow-x: hidden;
	display: block;
	padding: 0px 10px 0px 10px;
}

#flickr_title {
	text-align: center;
}

#content_right {
	float: left;
	width: 250px;

	margin-left: 10px;
}

#events_header {
	width: 109px;
	height: 25px;

	margin-top: 10px;

	background-image: url('/img/header_events.png');
	background-repeat: no-repeat;
}

#events_content {
	padding: 5px;
	padding-bottom: 20px;

	background-color: #fff;
}

#video_header {
	width: 117px;
	height: 25px;

	margin-top: 25px;

	background-image: url('/img/header_video.png');
	background-repeat: no-repeat;
}

#video_content {
	padding: 5px;

	background-color: #fff;
}

#blog_header {
	width: 117px;
	height: 25px;

	margin-top: 25px;

	background-image: url('/img/header_blog.png');
	background-repeat: no-repeat;
}

#blog_content {
	padding: 5px;

	background-color: #fff;
}

#flickr {
	width: 866px;
	height: 160px;

	margin: 0 auto;

}

#flickr_prev, #flickr_next {
	float: left;
	width: 42px;
	height: 160px;
}

#flickr_images {
	float: left;
	width: 782px;
	height: 160px;
	
	background-image: url('/img/flickr_bg.png');
	background-repeat: no-repeat;
}

.left_left {
	float: left;
	width: 11px;
	height: 11px;

	background-image: url('/img/left_content_left_curve.png');
}

.left_middle {
	float: left;
	width: 203px;
	height: 11px;

	background-color: #fff;
}
	

.left_right {
	float: left;
	width: 11px;
	height: 11px;

	background-image: url('/img/left_content_right_curve.png');
}

.right_left {
	float: left;
	width: 11px;
	height: 11px;

	background-image: url('/img/right_content_left_curve.png');
}

.right_middle {
	float: left;
	width: 228px;
	height: 11px;
	background-color: #fff;
}

.right_right {
	float: left;
	width: 11px;
	height: 11px;

	background-image: url('/img/right_content_right_curve.png');
}