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

   HTML Elements

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





html,

body {

  height: 100%;

}



body {

  margin: 0;

  padding: 0;

  text-align: center;

  background: url(../images/light_body.gif) #252525 fixed repeat center top;

  

  font: 400 0.7em verdana, arial, sans-serif;

  line-height: 170%;

  background-color:#566977;

  

  color: #555;

}







/* Headers */

h1, h2, h3, h4, h5, h6 {

  margin: 0 0 10px 0;

  padding: 0;

}



h1 {

  padding-bottom: 0.2em;



  font: 400 1.6em arial, sans-serif;

  color: #993300;

  border-bottom: 12px solid #ddd;

}

h2 {

  font-size: 1.2em;

  color: #586B7A;

}



h3 {

font-size:1.1em;

font-weight:bold;

color:#983D06;

text-align:center;

}



h4 {

  font-size: 0.85em;

}



h5 {

  font-size: 1.2em;

  color: #586B7A;

  text-align:center;

}



h6{

font-size:1.2em;

font-weight:bold;

color:#983D06;

text-align:center;

}







/* Needed to horizontally pad in a coloured container */

.horzPad h1,

.horzPad h2,

.horzPad h3,

.horzPad h4,

.horzPad h5,

.horzPad p {

  padding-left: 5px;

  padding-right: 5px;

}





/* Links */

a {

  text-decoration: none;

  color: #3B5D77;

}



a:hover {

  color: #668FA3;

}



a img {

  border: 0;

}



a img.border {  

  border: 1px solid #FC3307;

}



a:hover img.border {  

  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */

  border: 1px solid #668FA3 !important;

  border: 1px solid #FC3307;

}

.dark {

  color: #353E47;

}



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

   BODY CONTENT

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



#header {

	BACKGROUND: url(../images/logo.gif) no-repeat center top; HEIGHT: 52px; MARGIN: 0px auto; WIDTH: 593px; TEXT-ALIGN: left

}

#siteBox {

	MIN-HEIGHT: 100%; BACKGROUND: url(../images/content_bg.gif) repeat-y center top; MARGIN: 0px auto; WIDTH: 593px; TEXT-ALIGN: left

}

#content {

	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; BACKGROUND: url(../images/testimonials_top.jpg) no-repeat center top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px

}

#footer A {

	COLOR: #586B7A

}

#contentText A:visited {

	COLOR: #586B7A

}

#footer A:visited {

	COLOR: #586B7A

}

#contentText A:hover {

	COLOR: #993300; 

}

#footer A:hover {

	COLOR: #993300; 

}

#contentText {

	WIDTH: 525px

}



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

   Submenu Styles

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



ul.submenu1,

ul.submenu2 {

  margin: 0 0 20px 0;

  padding: 0;

}



ul.submenu1 li,

ul.submenu2 li{

  margin: 0;

  padding: 0;

  list-style: none;

  list-style-image: url(foo.gif); /* because IE is balls */

}



ul.submenu1 li a,

ul.submenu2 li a {

  display: block;

  height: auto !important;



  /* Start hide from IE Mac \*/

  height: 1%;

  /* End hide from IE Mac */



  padding: 1px 5px 1px 20px;

}



ul.submenu1 li a {

  background: url(../images/bg/submenu1.gif) no-repeat 5px 50%;

}



ul.submenu1 a:hover {

  color: #426F85;

  background: #B3C6C4 url(../images/bg/submenu1.gif) no-repeat 5px 50%;

}



ul.submenu2 li a {

  color: #426F85;

  background: url(../images/bg/submenu2.gif) no-repeat 3px 50%;

}



ul.submenu2 a:hover {

  color: #426F85;

  background: #B3C6C4 url(../images/bg/submenu2.gif) no-repeat 3px 50%;

}







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

   MENU

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

 

#menu {

	BACKGROUND: url(../images/menu_tab.gif) no-repeat left top; LEFT: 536px; WIDTH: 17px; POSITION: relative; HEIGHT: 114px

}

#menu A IMG {

	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px

}

.menuContents {

	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/menu_bg.gif) no-repeat right top; PADDING-BOTTOM: 10px; WIDTH: 203px; MARGIN-RIGHT: 17px; PADDING-TOP: 15px; HEIGHT: 150px

}

.menuTab {

	BACKGROUND: url(../images/menu_tab.gif) no-repeat left top; FLOAT: right; WIDTH: 17px; HEIGHT: 150px

}

.menuContents A {

	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px;  WIDTH: 200px; COLOR: #993300; TEXT-INDENT: 12px; PADDING-TOP: 0px; TEXT-DECORATION: none

}

.menuContents A:hover {

	BACKGROUND: url(../images/menu_link.gif) no-repeat left top; COLOR: #993300

}





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

   Posts

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



.post {

  float: left;

  width: 100% !important;

  width: 99%;

  position: relative;



  margin-bottom: 1.5em;



  border-bottom: 1px solid #CCCCCC;

}



.post .date {

  position: absolute;

  top: 0;

  left: 5px;



  width: 2.3em;

  text-align: right;

}



.post .date .month {

  text-transform: uppercase;

  font: 700 1.0em arial, sans-serif;

  color: #888;

}



.post .date .day {

  display: block;

  margin-top: -5px;

  font: 700 2.1em arial, sans-serif;

  color: #888;

}



.post .title {

  display: block;

  padding: 0 0 5px 0;



  font-size: 1.2em;

  font-weight: bold;

  color: #586B7A;

}



.post p {

  margin: 0 0 0 3.5em;

  padding:  0 0 1em 1.2em;

  border-left: 1px solid #CCCCCC;

}





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

   FOOTER

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

 

 

#footer {

	 #371c01 no-repeat left top; HEIGHT: 52px

}

#footer P {

	PADDING-RIGHT: 30px; PADDING-LEFT: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 34px; text-align:center

}