/*********************************
	Main Styles for the REB site

	Top level - include this first and then include
	the sub-level css for the underlying pages
	
	The sub-level css might define the same ids
	differently depending on how they are used

	Georgia is used for headers
	Verdana is used for everything else
*********************************/
body {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#body-container{
	width: 900px; 
}

img {
 border: 0px;
}

.hidden {
	display: none;
}

A:link {color: #4479bf; text-decoration: underline}

A:visited {color: #4479bf; text-decoration: underline}

A:active {color: #4479bf; text-decoration: underline}

A:hover {color: #4479bf; text-decoration:none}

#header-container{
	float: left;
	width: 900px;
	background-color:#364c65; 
}

#header-logo {
	float: left;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
	/*background-color:#364c65; */
}

#header-text{
	/*background-color:#364c65; */
	width: 375px;
	float: left;
	padding-left: 25px;
	padding-top: 20px;
	padding-bottom: 5px;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	font-family:Georgia, Tahoma, Times, serif; 
}

#header-nav{
	font-size: 10px;
	color: #FFFFFF;
	float: left;
	padding-left: 180px;
	padding-top: 20px;
	/*background-color:#364c65; */
}

a.header-link{
	color: #FFFFFF;
	text-decoration:none;
}

a.header-link:visited{
	color: #FFFFFF;
	text-decoration:none;
}

a.header-link:hover{
	color: #FFFFFF;
	text-decoration:underline;
}

#curve-holder{
	float: left;
	width:900px;
}

#side-nav-curve-holder-top{
	width: 190px;
	float: left;
	margin-top: 10px;
}

#side-nav-curve-holder-bottom{
	width: 190px;
	float: left;
}

#side-nav-holder {
	width: 190px;
	float: left;
}


/************************
	Header
************************/

.header-back{display:block}
.header-back *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#364c65;
  }
.header-back1{
  margin-left:0px;
  margin-right:3px;
  padding-left:0px;
  padding-right:1px;
 /* border-left:1px solid #a8b2bc; */
  border-right:1px solid #a8b2bc;
  background:#68788b;
  }
.header-back2{
  margin-left:0px;
  margin-right:1px;
  padding-right:1px;
  padding-left:0px;
/*  border-left:1px solid #eaedef; */
  border-right:1px solid #eaedef;
  background:#5c6e82;
  }

.header-back3{
  margin-left:0px;
  margin-right:1px;
/*  border-left:1px solid #5c6e82; */
  border-right:1px solid #5c6e82;
  }

.header-back4{
/*  border-left:1px solid #a8b2bc;*/
  border-right:1px solid #a8b2bc;
  }
.header-back5{
  /*border-left:1px solid #68788b;*/
  border-right:1px solid #68788b;
  }
.header-backfg{
  background:#FFFFFF;
  }

  /************************
	Side Nav 
  ************************/

/* SIDE NAV */
#side-nav-container{
	float: left;
	background-color: #4479bf; 
	width: 190px;
	min-height:250px;
	height:auto !important;
	height:250px; 
	font-size:12px;
}

#side-nav{
	margin: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}

#side-nav ul{
	margin: 0;
	padding-left: 10px;
	padding-bottom: 5px;
	list-style: none;
}


/* Top level section*/
#side-nav li.top-level a {
	color: #FFFFFF;
	margin: 0;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 7px;
	background-color: #4479bf;
	text-decoration: none;
	font-weight: normal;
	display: block;
	z-index: 2200;
}

#side-nav li a{
	color: #FFFFFF;
	text-decoration: none;
}

#side-nav li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#side-nav li.top-level a:hover{
	text-decoration: none;
	color: #FFF;
	background: #364c65;
	z-index: 2200;
}

/*Drill down link styles*/
#side-nav li.top-level ul li a{
	color: #FFFFFF;
	text-decoration: none;
	padding:0;
	margin:0;
}

#side-nav li.top-level ul li a:hover{
	background-color: #4479bf;
	color: #FFFFFF;
	text-decoration: underline;
	padding:0;
	margin:0;
}

/* Level 1 Drilldown*/
#side-nav ul li{
	margin-left:15px;
	font-size: 11px;
	padding-bottom: 5px;
	padding-top: 5px;*/
	padding-right: 5px;
	color: #FFFFFF;
	list-style: none;
}

/* Level 2 Drilldown*/
#side-nav ul li ul{
	/*margin-left: 5px
	padding-left: 5px;*/
	padding-bottom: 0px;
	list-style: none;
}

#side-nav ul li ul li{
	margin-left: 2px;
	list-style: none;
	font-size: 11px;
	}

/*******
 Side nav rounded corners
 ********/

 .side-nav-corners{display:block}
.side-nav-corners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#4479bf;
  }

.side-nav-corners1{
  margin-left:0px;
  margin-right:3px;
  padding-left:0px;
  padding-right:1px;
/*  border-left:1px solid #aec5e3; */
  border-right:1px solid #aec5e3;
  background:#729acf;
  }

.side-nav-corners2{
  margin-left:0px;
  margin-right:1px;
  padding-right:1px;
  padding-left:0px;
/*  border-left:1px solid #ecf1f8;*/
  border-right:1px solid #ecf1f8;
  background:#6792cb;
  }

.side-nav-corners3{
  margin-left:0px;
  margin-right:1px;
 /* border-left:1px solid #6792cb; */
  border-right:1px solid #6792cb;
  }

.side-nav-corners4{
  /*border-left:1px solid #aec5e3; */
  border-right:1px solid #aec5e3;
  }

.side-nav-corners5{
 /* border-left:1px solid #729acf;*/
  border-right:1px solid #729acf;
  }

.side-nav-cornersfg{
  background:#4479bf;
  }


  /************
	Main content
  *************/

  #content-holder{
	width: 670px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	/*border-bottom: 2px #efeee1 solid; */
	min-height:400px;
	height:auto !important;
	height:400px; 
  }

#main-image{
	float: left;
}

#content-box-1 {
	position: relative;
	margin-top:10px;
	padding-right: 5px;
	float:left;
	width:180px;
}

#content-box-1 h2{
	margin:0;
	color: #4479bf;
	font-family:Georgia, Tahoma, Times, serif; 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 2px;
	font-size: 14px;
	font-weight: normal;
}

#content-box-1 p{
	font-size:.9em;
	margin: 0;
	padding-bottom: 10px;
}

#content-box-2 {
	position: relative;
	margin-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	width:295px;
	border-left: 2px #efeee1 solid;
	min-height:220px;
	height:auto !important;
	height:220px; 
}

#content-box-2 h2{
	margin:0;
	color: #4479bf;
	font-family:Georgia, Tahoma, Times, serif; 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 2px;
	font-size: 14px;
	font-weight: normal;
}

#content-box-2 p{
	font-size:.9em;
	margin: 0;
}

#content-box-3 {
	position: relative;
	margin-top:10px;
	padding-left: 10px;
	padding-right: 10px;
	float:left;
	width:130px;
	background-color: #f2f1e6;
	border-left: 2px #efeee1 solid;
	border-right: 2px #efeee1 solid;
	min-height:220px;
	height:auto !important;
	height:220px; 
}

html>body #content-box-3{
	width:135px;
} 

#content-box-3 h2{
	margin:0;
	color: #4479bf;
	font-family:Georgia, Tahoma, Times, serif; 
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 2px;
	font-size: 14px;
	font-weight: normal;
}

#content-box-3 p{
	font-size:.9em;
	margin: 0;
}

/***********************
	Footer
************************/
#footer-holder{
	margin-left: 210px;
	float: left;
	width: 670px;
	border-top: 2px #efeee1 solid;
}

#footer-content{
	padding-top: 15px;
	text-align: left;
	font-size: 10px;
	padding-bottom: 20px;
	float: left;
}

#footer-right{
	padding-top: 15px;
	text-align: left;
	font-size: 10px;
	padding-bottom: 20px;
	float: right;
}