/* BODY AND GENERAL CONTENT*/

body {
  background: url(images/bg_body.jpg) repeat-y;
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Sans-Serif;
  font-size: 62.5%; /* makes default 16px fonts od most browsers 10px then work in ems */
  }

p {font-size: 1.1em;}

h1 {font-size: 1.5em; color: #666;}

h2 {font-size:1.3em;}
h3 {font-size:1.1em;}
h4 {font-size:1.1em;}
h5 {font-size:1.1em;}
h6 {font-size:1.1em; color: #A4887C;}
h6 {font-size:1.1em; color: #0095C2;}

ul {font-size: 1.1em}

input, select, th, td { font-size: 1.1em; }



/* CONTAINER */

#container {
  background: url(images/bg_container.jpg) repeat-y;
  height: 100%;
  width: 100%
  }



/* MENU */

#menu {
  float: left;
  width: 160px;
  }

.menu_header {
  margin: 0;
  padding: 0;
  }

#menu_content {
  padding: 0 2px 0 8px; /* 8px lines up left hand side with Comfort logo */
  }

.ul_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

.li_menu {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  }

.li_menu_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  }

.li_menu_last_item {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  }

.li_menu_last_item_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #F00;
  }

.menu_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #0095C2;
  }

.li_menu a:link, .li_menu a:visited, .li_menu a:hover, .li_menu a:active {
  text-decoration: none;
  color: #000000;
  }

.li_menu_active a:link, .li_menu_active a:visited, .li_menu_active a:hover, .li_menu_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_menu_last_item a:link, .li_menu_last_item a:visited, .li_menu_last_item a:hover, .li_menu_last_item a:active {
  text-decoration: none;
  color: #000000;
  }



.li_menu a:hover {
  color: #F00;
  }

.li_menu_active a:hover {
  color: #F00;
  }

.li_menu_last_item a:hover {
  color: #F00;
  }

.li_menu_last_item_active a:link, .li_menu_last_item_active a:visited, .li_menu_last_item_active a:hover, .li_menu_last_item_active a:active {
  text-decoration: none;
  color: #F00;
  }

/* SUB MENU */

#sub_menu {
  float: left;
  width: 150px;
  }

.sub_menu_header {
  margin: 0;
  padding: 0;
  }

#sub_menu_content {
  padding: 0 2px 0 9px;
  }

.ul_sub_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

.li_sub_menu {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  color: #F00;
  }

.li_sub_menu_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  color: #F00;
  }

.li_sub_menu_last_item {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #F00;
  }

.li_sub_menu_last_item_active {
  padding: 5px 0 5px 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #F00;
  }

.sub_menu_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #0095C2;
  }

.li_sub_menu a:link, .li_sub_menu a:visited, .li_sub_menu a:hover, .li_sub_menu a:active {
  text-decoration: none;
  color: #000000;
  }

.li_sub_menu_active a:link, .li_sub_menu_active a:visited, .li_sub_menu_active a:hover, .li_sub_menu_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_sub_menu_last_item a:link, .li_sub_menu_last_item a:visited, .li_sub_menu_last_item a:hover, .li_sub_menu_last_item a:active {
  text-decoration: none;
  color: #000000;
  }

.li_sub_menu_last_item_active a:link, .li_sub_menu_last_item_active a:visited, .li_sub_menu_last_item_active a:hover, .li_sub_menu_last_item_active a:active {
  text-decoration: none;
  color: #F00;
  }

.li_sub_menu a:hover, .li_sub_menu_last_item a:hover {
  color: #F00;
  }



/* CONTENT */

#content {
  float: left;
  width: 450px;
  }

.content_header {
  height: 300px;
  margin: 0;
  padding: 0;
  }

#content_content {
  margin: 0;
  padding: 0 2px 0 2px; /*this needs to be altered for Firefox, Opera IE incompatibilities - content heading and sidebar heading do not align */
  }

.content_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #0095C2;
  }

.content_sub_heading {
  padding: 0;
  font-weight: normal;
  font-size: 1.1em;
  color: #0095C2;
  }

.content_listing_image {
  float:right;
  margin: 0 2px 2px 2px;
}

.content_listing_image_150x200 {
  float:right;
  margin: 0 2px 2px 2px;
}

.content_listing {
  border-bottom: 1px solid #ccc;
  width: 100%;
  }

.content_listing_sub_heading {
  clear: right;
  }


/* SIDEBAR */

#sidebar {
  float: left;
  width: 144px;
  }

.sidebar_header {
  height: 300px;
  margin: 0;  
  padding: 0;
  }

.sidebar_counter {
  margin: 0;
  padding: 283px 0 0 87px;
  }

#sidebar_content {
  margin: 0;
  padding: 0 2px 0 2px;
  }

.sidebar_heading {
  font-weight: bold;
  font-size: 1.4em;
  color: #0095C2;
  }

.sidebar_highlight {
  padding-left: 2px;
  font-weight: bold;
  color: #000;
  background-color: #C2CDD1;
  }



/* SPACER */

#spacer {
  clear: left;
  }



/* FOOTER */

#footer {
  background: url(images/bg_footer.jpg) repeat-y;
  width: 910px;
  margin: 0;
  padding: 0 0 0 164px;
  }



#css_valid {
  padding: 0 0 0 760px;
  }



/* GENERAL LINKS */

.general_link a:link, .general_link a:visited, .general_link a:hover, .general_link a:active {
  text-decoration: none;
  color: #000099;
  font-weight: bold;
  }

.general_link a:hover {
  color: #F00;
  }



/* MISCELLANEOUS */

.bold {
  font-weight: bold;
  }

a:link, a:visited, a:hover, a:active {
  border: 0px;
}

.boldred {
  font-weight: bold;
  color: #f00;
  }