html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

a, a:hover
{ outline: none;
  text-decoration: underline;
  color: #BF311A;}

a:hover
{ text-decoration: none;}

h1 {font: bold 10pt Lucida Grande, Arial, Helvetica, sans-serif;
text-align: justify;}
h2 {font: normal 9pt Lucida Grande, Arial, Helvetica, sans-serif;
text-align: justify;}

ul
{ margin: 2px 0 22px 17px;}

ul li
{ list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;}

#main, #logo, #menubar, #footer
{ margin-left: auto; 
  margin-right: auto;}

body
{background-color: #BF311A;
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
color: #333;}

/* GENERAL MARK UP */
#main
{width: 950px;
margin: auto;
background-color: #fff;}

p
{font-size: 9pt;
word-spacing: 1pt;
line-height: 1.3em;}

/* @group HEADER */

#header
{height: 160px;
width: 950px;
background-color: #fff;
position: relative;
}

#header p {text-indent: -9999px;}

.logo 
{background: url(../imgs/logo.png) no-repeat;
 height: 47px; width: 680px;
 position: absolute;
 left: 13.8em;
 top: 6.5em;}
 
/* @end */

/* @group FEATURE */
#bgrd
{height: 300px;
background-color: #333;
position: relative;}

#bgrd p 
{text-indent: -9999px;}

#feature_img 
{position: absolute;
left: 29em;}

#homequote
{position: absolute;
left: -23.5em;
top: 1.8em;}

#aboutusquote
{position: absolute;
left: -25.5em;
top: 4em;}

#philosophyquote
{position: absolute;
left: -26em;
top: 4em;}

/* @end */

.divider {background-color: #fff; height: 20px;}
.shadow {background: url(../imgs/shadow.gif) no-repeat; margin: auto;
height: 37px; width: 942px;}
#clear {clear: both;}

/* @group MENUBAR */
#menubar
{width: 875px;
  height: 48px;
  position: absolute;
  left: 24em;
  top: 1.5em;}

ul#menu
{height: 40px;
  width: auto;}

ul#menu li
{ float: left;
  margin: 6px 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  width: auto;}

ul#menu li a
{ font: 9pt 'lucida sans unicode', arialserif;
  display: block; 
  float: left; 
  height: 12px;
  padding: 2px 16px 8px 16px;
  text-align: center;
  background: transparent;
  color: #BF311A;
  text-transform: uppercase;
  border-left: 1px solid #E8E4D5;
  border-right: 1px solid #E8E4D5;
  text-decoration: none;
  width: auto;} 

ul#menu li a.first
{ border-left: 0;}

ul#menu li a.last
{ border-right: 0;}

ul#menu li a:hover, ul#menu li.tab_selected a, ul#menu li.tab_selected a:hover
{ color: #00274C;}
/* @end */

/* @group PANELS */
.panels
{width: 980px; position: relative;
margin-top: 16px;
}

#left_panel
{width: 515px;	
 float: left;
 margin: 0px 0px 10px 6px;
}
 
.toptwo, .bottwo {
border: 3px solid #FFFFFF ;
outline: 1px solid #c5c5c5;
margin-left: 15px;
margin-bottom: 16px}


#content
{width:465px;
position: absolute;
left: 28.5em;
padding: 0px 20px 0px 20px;
} 
/* @end */

/* @group PANELS (BOTTOM) */

.panel_left, .panel_middle, .panel_right
{width: 260px;
float: left;
padding: 10px;
margin: 0px 18px 30px 10px;
}

.panel_left
{margin-left: 28px;}

/* @end */

/* @group FOOTER */

#footer
{height: 130px;
background-color: #333;
margin: 0;
padding: 0;}

#footer_info
{width: 950px;
text-align:right;
color:#fff;
margin: auto;
padding-top: 20px;}

#footer span
{float:left;
color:#E8E4D5;
font-size: 9pt;}

#footer ul
{list-style:none;}

#footer ul li
{display:inline;}

#footer ul li a
{color:#E8E4D5;
padding:0 5px;
font-size: 10pt;
text-decoration: none;}

/* @end */