/*** RGB Color References

rgb(189,205,222)  lighter blue
rgb(164,174,194)  light blue
rgb(35,40,76)     navy blue
rgb(187,169,75)   gold

***/

/*** Global Elements ***/

body{
  margin: 0;
  padding: 0 0 25px 0;
  background: rgb(35,40,76) url("../images/background.jpg");
  behavior: url("../resources/hover_whatever.htc");
}

#container{
  position: relative;
  margin: 45px auto;
  width: 800px;
  background: white;
  border: 1px solid white;
  overflow: hidden;
}

a.button{
  display: block;
  width: 183px;
  height: 30px;
  margin: 8px 0 0 -4px;
  padding: 10px 0 0 2px;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  line-height: 11pt;
  background-color: none;
  background: url("../images/link_button_off.jpg") top left no-repeat;
  color: rgb(35,40,76);
  border: none;
  cursor: pointer;
  z-index: 50;
}
a.button:hover{
  color: rgb(164,174,194);
}
a.button:active{
  color: rgb(164,174,194);
  background: url("../images/link_button_on.jpg") top left no-repeat;
}
a.index{
  font-weight: bold;
  color: rgb(35,40,76);
}
ul{
  margin: 0;
  margin-top: -.5em;
  padding-left: 2em;
}
form label{
  display: block;
  margin: 0;
  margin-top: 1em;
  font-size: 12px;
  font-weight: bold;
  color: rgb(35,40,76);
}
form label.required{
  color: rgb(185,30,30);
}
form input{
  display: block;
  margin: 0;
  margin-bottom: 1em;
  border: 1px solid rgb(189,205,222);
}
form input.hidden{
  display: none;
  border: none;
}
form input.radio{
  display: inline;
  margin: 0;
  vertical-align: top;
  border: none;
}
form select{
  margin-top: .5em;
  margin-bottom: 1em;
}
form textarea{
  display: block;
  margin: 0;
  margin-bottom: 1em;
  border: 1px solid rgb(189,205,222);
  color: #23284C;
	font-family: "Arial",sans-serif;
	font-size: 8.5pt;
	font-style: normal;
	font-weight: normal;
	line-height: 13pt;
	text-decoration: none;
}


/*** Header Elements ***/

#header{
  position: relative;
  width: 800px;
  height: 139px;
  background: rgb(35,40,76) url("../images/header.jpg") top left no-repeat;
}

div.sectiontab{
  position: absolute;
  top: 112px;
  height: 19px;
  margin: 0;
  padding: 2px 8px;
  border: 1px solid rgb(35,40,76);
  border-right: none;
  background: rgb(189,205,222) url("../images/sectiontab_bg.jpg") left top no-repeat;
  text-align: center;
}
div.sectionactive{
  height: 28px;
  border: none;
  border-top: 1px solid rgb(35,40,76);
  background: white none;
}
#clients.sectiontab{
  right: 87px;
  width: 45px;
}
#practitioners.sectiontab{
  right: 0;
  width: 70px;
}

/*** Navbar Elements ***/

#navbar{
  position: absolute;
  left: 0;
  top: 139px;
  bottom: 0;
  width: 220px;
  background: rgb(164,174,194) url("../images/navbar_logo.jpg") bottom left no-repeat;
  border-right: 1px solid rgb(35,40,76);
  overflow: visible;
}

#navbar .navtab{
  display: block;
  height: 20px;
  width: 204px;
  padding: 12px 0 2px 16px;
  background: url("../images/navbar_button_off.jpg") top left no-repeat;
  font-family: "Arial", sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
  color: white;
  text-decoration: none;
}
#navbar .navtab:hover{
  background: url("../images/navbar_button_over.jpg") top left no-repeat;
}
#navbar .navtab.navtab_active{
  width: 205px;
  background: url("../images/navbar_button_on.jpg") top left no-repeat;
  color: rgb(35,40,76);
}
#navbar .navtab.navtab_active:hover{
  width: 205px;
  background: url("../images/navbar_button_on.jpg") top left no-repeat;
  color: rgb(35,40,76);
}
#navbar .navtab_last{
  height: 30px;
  margin-bottom: 300px;
}
#navbar .navtab_last:hover{
  height: 31px;
  background: url("../images/navbar_button_over.jpg") top left no-repeat;
  margin-bottom: 300px;
}

/*** Page Elements ***/
#page{
  margin: 0;
  padding: 20px 40px 20px 260px;
  background: white url("../images/page_shadow.jpg") top left repeat-x;
}
#page_content{
  width: 280px;
  line-height: 2em;
}

#page_content a.piclink img{
  margin: 4px 4px 0 0;
  border: 1px solid black;

}

#page_sidebar{
  float: right;
  clear: none;
  width: 180px;
  margin: 40px 0 300px 15px;
  padding: 0 0 0 15px;
  border-left: 1px solid rgb(164,174,194);
}
.sidebar_item{
  margin-bottom: 2em;
}
.sidebar_last{
  margin-bottom: 0;
}
#page_sidebar img{
  float: left;
  clear: none;
  margin: 0 8px 8px 0;
  border: none;
}
#page_sidebar img.framed{
  margin-bottom: 0;
  border: 1px solid black;
}
#page_sidebar ul{
  list-style-type: none;
  list-style-position: outside;
  margin: 1em 0 0 -2em;
}
#page_sidebar ul li{
}
#page_footer{
  margin: 40px -40px 0 0;
  clear: both;
  border-bottom: 1px solid rgb(164,174,194);
}

/*** Global Styles ***/
.clear{
  clear: left;
}
.nobreak{
  white-space: nowrap;

}


a{
  color: rgb(164,174,194);

}



/*** Header Styles ***/
.sectiontab a{
  font-family: "Arial", sans-serif;
  font-size: 11px;
  font-weight: normal;
  font-style: normal;
  color: rgb(35,40,76);
  text-decoration: none;
}

/*** Page Styles ***/
#page_content{
  font-family: "Arial", sans-serif;
  font-size: 8.5pt;
  line-height: 13pt;
  font-weight: normal;
  font-style: normal;
  color: rgb(35,40,76);
  text-decoration: none;
}
#page_content h1{
  font-size: 1.8em;
  font-weight: bold;
  color: rgb(164,174,194);
}
#page_content h2{
  font-size: 1.4em;
  font-weight: bold;
  color: rgb(35,40,76);
  margin-bottom: -.5em;
}
#page_content h3{
  font-size: 1em;
  font-weight: bold;
  color: rgb(35,40,76);
  margin-bottom: -1em;
}
#page_content img{
  float: left;
  clear: none;
  margin: 8px 16px 8px 0;
}

#page_sidebar{
  font-family: "Arial", sans-serif;
  font-size: 8pt;
  line-height: 11pt;
  font-weight: normal;
  font-style: normal;
  color: rgb(164,174,194);
  text-decoration: none;
}
#page_sidebar h1{
  font-size: 1.2em;
  font-weight: bold;
  color: rgb(35,40,76);
  margin: 0;
  margin-bottom: .25em;
  padding: 0;
}
#page_sidebar p{
  margin: 0;
  padding: 0;
}
#page_footer{
  font-family: "Arial", sans-serif;
  font-size: 8pt;
  line-height: 11pt;
  font-weight: normal;
  font-style: normal;
  color: rgb(164,174,194);
  text-decoration: none;
}
#page p.quote_first{
  color: rgb(187,169,75);
  border: 0;
  border-top: 1px solid rgb(164,174,194);
  margin-bottom: -1em;
}
#page p.quote{
  color: rgb(187,169,75);
  border-top: 1px solid rgb(164,174,194);
  border-bottom: 1px solid rgb(164,174,194);
  margin-bottom: 2em;
}



/*** Calendar Elements ***/

.calendar{
  float: left;
  clear: left;
  width: 15em;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.calendar .month{
  margin-top: .25em;
  margin-bottom: .25em;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  color: rgb(35,40,76);
}
.calendar .month a{
  text-decoration: none;
  color: rgb(35,40,76);
}
.calendar .month a.change_month{
  cursor: pointer;

}
.calendar .week{
  float: left;
  clear: both;
  width: 15em;
}
.calendar .day{
  float: left;
  clear: none;
  width: 2em;
  height: 1.8em;
  margin: -1px -1px 0 0;
  padding: 2px 0 0 0;
  border: 1px solid rgb(35,40,76);
  background: none;
  background: url("../images/calendar_day_bg.jpg") top left no-repeat;
  font-family: "Arial", sans-serif;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  color: rgb(35,40,76);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
.calendar .day.today{
  color: rgb(187,169,75);
}
.calendar .day.active{
  background: url("../images/calendar_day_bg_on.jpg") top left no-repeat;
}
.calendar .day.old{
  color: rgb(164,174,194);
}
.calendar .day.null{
  margin: 0 0 1px 1px;
  border: none;
  background: none;
  color: rgb(164,174,194);
}

/*** Homepage Elements ***/

#home_container{
 position: relative;
 width: 577px;
  height: 293px;
 margin: 25px auto 25px;
 padding: 160px 170px 150px 80px;
 background: url("../images/home_bg_crop.png") top left no-repeat;
  z-index: 1;
}
#home_bg_right{
  position:absolute;
  top: 99px;
  right: 1px;
  width: 26px;
  height: 523px;
}
#home_bg_bottom{
  position:absolute;
  bottom: 5px;
  left: 408px;
  width: 347px;
  height: 75px;
}
#home_page{
  position: relative;
  overflow: visible;
  font-family: "Arial", sans-serif;
  font-size: 8.5pt;
  line-height: 13pt;
  font-weight: normal;
  font-style: normal;
  color: rgb(35,40,76);
  text-decoration: none;
  z-index: 1;

}
#home_page h1{
  font-size: 1.8em;
  font-weight: bold;
  color: rgb(164,174,194);
  margin-bottom: 0;
}
#home_page p{
  margin: .5em 0 .5em 0;
  padding: 0;
 padding-right: 100px;
}

#home_page a.button{
  float: left;
  clear: none;
  margin-right: 5px;

}

#home_page img.home_note{
  margin-top: 15px;
  border: none;
}
#home_page p.quote{
  color: rgb(187,169,75);
  margin-bottom: -.5em;
}
#home_footer #clients{
 position: absolute;
  top: 522px;
  left: 0;
  width: 45px;
  height: 20px;
  margin: 0;
  padding: 2px 8px;
  border: 1px solid white;
 border-bottom: 1px solid rgb(35,40,76);
  border-right: none;
  text-align: center;
  background: white none;
  z-index: 2;
}

#home_footer #practitioners{
 position: absolute;
  top: 523px;

  left: 61px;
  width: 65px;
  height: 19px;
  margin: 0;
  padding: 2px 8px;
  border: 1px solid rgb(35,40,76);
 background: rgb(189,205,222) url("../images/sectiontab_bg.jpg") left top no-repeat;
  z-index: 2;
}

#home_container #flashintro{
  position: absolute;
  top: 0;
  right: -50px;
  height: 620px;
  width: 875px;
  z-index: 0;
}

#home_extras{
  color: white;
  font-family: "Arial", sans-serif;
  font-size: 8.5pt;
  line-height: 13pt;
  font-style: normal;
  font-weight: normal;
  position: relative;
  margin: 35px auto;
  text-decoration: none;
  width: 800px;
}
#home_extras a,
#home_extras a.visited{
  color: white;
  text-decoration: underline;
}
#home_extras img{
  border: none;
  bottom: 1em;
  height: 85px;
  position: relative;
  vertical-align: middle;
  width: 96px;
}