﻿body {
    background-image: url('/_layouts/1033/STYLES/Horizons/background.jpg');
    background-repeat: repeat-x;
    margin: 0 auto; /* center everything */
    padding: 0;    
    text-align: center; /* needed to get centering in IE */
    width: 792px;
}

/*--- HEADER ---*/
#headerImage {
    border-bottom: solid 1px #4A9CCC;
    height: 66px;
}
/*--- HEADER ---*/

/*--- MAIN CONTENT WRAPPER --- */
.centerContentWrapper {
}
#content {
    background-color: #E7E9E4;
}
/*--- MAIN CONTENT WRAPPER ---*/

/*--- LEFT VERTICAL NAVIGATION ---*/
#leftVerticalNavBarContainer {
	float: left;
	top: 0px;
	left: 0px;
	width: 144px;
	background-color: white;
}
#leftVerticalNavBar {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}
#homeButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/home.jpg') no-repeat top left;
}	
#homeButton a:hover {
	background-position: 0 -30px;
}
#aboutButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/about.jpg') no-repeat top left;
}
#aboutButton a:hover {
	background-position: 0 -30px;
}
#exchangeButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/exchange.jpg') no-repeat top left;
}
#exchangeButton a:hover {
	background-position: 0 -30px;
}
#sharepointButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/sharepoint.jpg') no-repeat top left;
}
#sharepointButton a:hover {
	background-position: 0 -30px;
}
#unifiedButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/unified.jpg') no-repeat top left;
}
#unifiedButton a:hover {
	background-position: 0 -30px;
}
#onlineButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/online.jpg') no-repeat top left;
}
#onlineButton a:hover {
	background-position: 0 -30px;
}
#communityButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/community.jpg') no-repeat top left;
}
#communityButton a:hover {
	background-position: 0 -30px;
}
#resourcesButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/resources.jpg') no-repeat top left;
}
#resourcesButton a:hover {
	background-position: 0 -30px;
}
#contactButton a {
	display: block;
	width: 144px;
	height: 30px;
	line-height: 30px;
	background: url('/_layouts/1033/STYLES/Horizons/navbar/contact.jpg') no-repeat top left;
}
#contactButton a:hover {
	background-position: 0 -30px;
}

/*--- LEFT VERTICAL NAVIGATION ---*/

/*--- RIGHT-SIDE ---*/
#rightSideContent {
	float: left;
	width: 178px;
	color: Gray;
}
/*--- keep Search box from wrapping ---*/
#rightSideContent .ms-sbtable-ex {
	margin-top: 6px; /* increase default  margin */
	margin-left: 6px; /* increase default margin  */
	width: 166px;
}
#rightSideContent .ms-sbtable {
	border: solid black 1px;
	background-color: White; /* added to make the search table look like one big white search box */
}
#rightSideContent td.ms-sbcell {
	border: 0; /* remove default border */
	padding: 1 0 1 1; /* adjust default padding (top, right, bottom, left) */
}
#rightSideContent .ms-sbtext {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	color: #B6BABA;
}
#rightSideContent td.ms-sbgo {
	background-color: White;
	padding: 0;  /* remove padding */
}
#rightSideContent .ms-sbLastCell {
	padding-right: 0; /* remove default padding */
}
#rightSideContent .ms-sbLastCell, .ms-rightbodysectinosearchbox {
	width: 0; /* remove default width */
}
/*--- RIGHT-SIDE ---*/

/*--- MISC ---*/
.clearFloat {
    clear: both;
}
/*--- MISC ---*/
