/********************************************************************************
  
            GENERAL STYLES

*********************************************************************************/

html, body {
  height: 100%;
}
    
body { 
  text-align:left; 
  /*background-color:#ECECEC; /* map colors: #688DBD #A5D1E4 */ 
  /* color: #046357; teal */
  color: #404040;
  font: 14px Arial; 
  padding:0;
  margin:0;    
}

h1, h2, h3 {
  margin:0 0 1em 0;
  padding:0;
  width:490px;
}

h1 { font-size:1.4em; }
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }

.phone {  color: #046369; font-weight:bold; }

p {
/*  width:500px;*/
  line-height:1.4em;
  margin:1em 0;
  padding:0;
}

cite {
 display:block;
 margin:0;
 padding:0;
 width:500px;
 text-align:right;
 xtext-indent:4em;
}

ul, li {
 margin:0;
 padding:0;
}

a {
 color:#046369;
}

/********************************************************************************

          LAYOUT

*********************************************************************************/

#page-wrapper {
  width:798px;
  margin:0 auto;
  height:100%;
}

#page { 
  float:left;
  margin:0 auto;
  position:relative;
  xborder:1px solid green;
  overflow:hidden;
  xheight:100%;
  background-color:#FFF;
}


#main-wrapper {
  xheight:100%;
  float:left;
  width:100%;
  background-color:#FFF;
  overflow:hidden;
}
#sidebar-wrapper {
  xheight:100%;
  
  float:left;
  width:100%;
  background-color:#F1F5F6;
  position:relative;
  right:533px;
}


/********************************************************************************

          LOGO

*********************************************************************************/

h1#logo {
  background: #FCFDFD url('./images/global/logo_slogan_map4.jpg') no-repeat 0 15px; 
  border:0px solid red; 
  width:264px;
  height:241px; /* 226px */
  overflow:hidden;
  text-indent:-9999px;
  margin:0;
}

h2#tagline {
  background: #F1F5F6 url('./images/global/ct_map.gif') no-repeat 0 0;
  width:251px;
  height:76px;
  xborder:1px solid red;
  overflow:hidden;
  text-indent:-9999px;
  margin:0;
}

/********************************************************************************

          SIDEBAR   - 264 px wide

*********************************************************************************/

#sidebar {
  background-color:#F1F5F6;
  float:left;
  xheight:100%;
  position:relative;
  left:533px;
  border:0px solid red;
}

ul.nav {
  text-align:left;
  list-style:none;
  margin:0;
  padding:0;
}

ul.nav li,
ul.nav li ul {
  list-style:none;
  margin:0;
  padding:0;
}

ul.nav li a {
  text-decoration:none;
  color:#046357;
}

ul#secondary-nav {
  margin:0 4px;
  padding:0;
  width:255px;
  xborder:1px solid red;  
}

ul#secondary-nav h3 {
  margin:0;
  padding:0 0 0 10px;
  font-size:1em;

 
}

ul#secondary-nav li {
  padding:5px 0;  
  xborder:1px solid green;
}

ul#secondary-nav li, 
ul#secondary-nav li a {
  color:#046357;
  font-weight:bold;
  font-size:12px;
}

ul#secondary-nav li ul {
  padding-top:5px;
  xborder:1px solid red;
}


ul#secondary-nav li ul li {
  padding:0 0 0 10px; /* for left ear */  
}
ul#secondary-nav li ul li div {
 padding:0 10px 0 0; /* for right ear */
}

ul#secondary-nav li ul li a {
  color:#404040;
  font-weight:normal;
  display:block;
  padding:4px 0;
  border-bottom: 1px solid #046369;
}


ul#secondary-nav li ul li:first-child a {
  border-top: 1px solid #046369;
}

/*
ul#secondary-nav li ul li a span {
  display:block;
  border-bottom: 1px solid #046369;
}*/

ul#secondary-nav li ul li:hover,
ul#secondary-nav li ul li.active {
  color:#404040;
  font-weight:normal;
  background: url('./images/global/nav_select_left_handle.gif') no-repeat left center;
}

ul#secondary-nav li ul li:hover div,
ul#secondary-nav li ul li.active div {
  background: url('./images/global/nav_select_right_handle.gif') no-repeat right center;
}

ul#secondary-nav li ul li:hover a, 
ul#secondary-nav li ul li a:hover,
ul#secondary-nav li ul li.active a {
  background-color:#FFF;
}

ul#secondary-nav li ul li:first-child {
  xborder-top: 1px solid #046369;
}

ul#secondary-nav li ul li {
  xborder-bottom: 1px solid #046369;
}

form#remote-support {
  background-color:#046369;
  color:#FFF;
  margin:10px 17px;
  padding:10px;
  display:block;
  xwidth:211px;
  text-align:left;  
}


form#remote-support label,
form#remote-support input {
  margin:0;
  padding:0;
}

form#remote-support label {
  font-size:13px;
  font-weight:bold;
  font-style:italic;
  margin-bottom:.6em;
  display:block;
}

form#remote-support input#email {
  margin-bottom:2px;
}

form#remote-support input#submit {
  background: url('./images/global/sign_in_button.gif') no-repeat left center;
  height:25px;
  width:25px;
  border:0;
  text-indent:-9999px;
  /* For some bizarre reason the following is needed for IE to respect the text-indent declaration */
  color:transparent;
  text-transform: capitalize;
}

/********************************************************************************

            MAIN - 533px

*********************************************************************************/

#main { 
  float:left;
  position:relative;
  left:533px;
}

ul#primary-nav {
  background-color:#046369;
  color:#FFF;  
  width:523px; /* Should equal 533px total width */
  padding:2px 0 5px 10px;
}

ul#primary-nav li {
  display:inline;
  margin:0 10px;
}

ul#primary-nav li a {
  color:#FFF;
  font-weight:bold;
  font-size:.8em;
}
ul#primary-nav li a:hover,
ul#primary-nav li.active a {
  color:#A5D1E4;
}

#hero-shot {
  
}

#content { 
  padding:1em 0 1em 15px; 
  padding-right:0;
  border:0px solid red;  
  width:516px;
}

#content ul {
 width:400px;
 list-style:disc;
 margin-bottom:1em;
}

/*#content p {
  float:left;
}
*/
#content ul li {
 list-style:disc;
 margin-left:1.3em;
}

#content img.right {
  float:right;
  margin:.5em 0 .5em 1em;
}

#content .with-image {

}

.testimonial {
 border-top:1px solid #046369;
 margin-bottom:1em;
 clear:both;
}

.testimonial h3 {
 color:#046369;
 padding-top:1em;
}

.testimonial a.read-more {
  float:right;
  display:block;
  margin:1em 1em 2em 0;
  font-size:1em;
}

/*Home Page*/

#home-page #main h2,
#home-page #main h3 {
  text-align:center;
}

#home-page #main .testimonial h3 {
  text-align:left;
}