/*** Shadows and site positions ***/

#topshadow, #bottomshadow {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}

#bottomshadow {
	background-image: url('/static/images/homepage/bottomshadow.jpg');
	background-repeat: no-repeat;
	width:1050px;
	height:11px;
}

#topshadow {
	background-image: url('/static/images/homepage/topshadow.jpg');
	background-repeat: no-repeat;
	width:1050px;
	height:11px;
}

#topshadow {
	margin-top: 5px;
}

#leftshadow, #rightshadow {
	width: 9px;
	height:100%;
	padding: 0;
	margin: 0;
}

#leftshadow {
	background-image: url('/static/images/homepage/leftshadow.png');
	background-repeat: repeat-y;
}

#rightshadow {
	background-image: url('/static/images/homepage/rightshadow.png');
	background-repeat: repeat-y;
}


#site_table {
	margin-left: auto;
	margin-right: auto;
}

/*** Header ***/

#site_container {
	background-color:white;
	border: 1px solid gray;
	width:1029px;
	margin: 0px auto 0px auto;
	padding: 0;	
}


#main_header {  
	background-image: url('/static/images/homepage/main_banner.jpg');
	background-repeat: no-repeat;	
	background-position: bottom;
	width: 1029px;
	height: 380px;	
}

#main_header a {
	text-decoration: none;
}

#main_header_title {
	background-image: url('/static/images/homepage/ControlPanelPages.png');
	height: 72px;
	overflow: hidden;
	vertical-align: top;
}

#main_header_title img {
	vertical-align: top;
}

#main_header_title_shadow {
	background-image: url('/static/images/homepage/bottomshadow_opaque.jpg');
	background-repeat: no-repeat;
	height: 9px;
	filter:alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
}

#main_header_content {
	height: 263px;
	width: 1029px;
	margin-top: -8px;
	overflow:hidden;
}

#main_header_search {
	width:350px;
	float:left;
	padding:10px 0;
}

#main_header_text {
	padding: 10px 0;
	float:left;
	width:300px;
}

/* google custom search engine */
table.gsc-search-box {
	float:left;
	width:70%;
}

table.gsc-branding {
	float:left;
	width:30%;
}

/* position the handglider overlapping the banner */
img#main_header_handglider {
	margin-left: 450px;
	margin-top: -50px;
	position:absolute;
	z-index: 100;
}

#main_header_bar {
	font-size: 10pt;
	height: 25px;
	padding: 0 0 0 30px;
}

/*** Left sidebar position and styling ***/

#main_left_sidebar {
	margin: 0 10px 0 10px; 
	background-color: #e0e1e1;
	padding-left: 10px;
	padding-right: 10px;
	color: #2f2f2f;
	width: 220px;
	min-height: 240px;
	float: left;	
}

/*** Main content on the right side of the screen ***/

#main_content {
  color: black;
  margin: 0 auto 0 auto;
  clear:both;
}


#main_container {
	float: left;
	width: 745px;
	/*adding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;*/
}

#main_container h1 {
	margin-top: 15px;
}

.display_top_bubble {
	width: 170px;
	height: 210px;
	margin: 0;
	margin-top: 10px;
	background-image: url('/static/images/homepage/bubble_bottom.png');
	background-repeat: no-repeat;
	float: left;
	padding: 10px;
	font-size: 8pt;
	color: gray;
}

.display_top_bubble h3, .display_top_bubble h4 {
	color: black;
	font-size: 10pt;
}

.display_top_bubble img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*** Main footer ***/

#main_footer {
	color: white;
	font-size: 8pt;
	text-align: right;
	padding-right: 30px;
	padding-top: 5px;
	background-color: #a8c5d1;	
	min-height:25px;
}

#main_footer a {
	color: white;
}	

/*** General element styling and fonts ***/

h1 {
  color: #054474;
  font-family: "Palatino Linotype", Arial, 'sans-serif';
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: lighter;
  font-size: 16pt;
}

h2,h3,h4,h5,h6 {
  color: #054474;
  font-family: "Palatino Linotype", Arial, 'sans-serif';
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-size: 13pt;
}