/* GENERAL */

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

@font-face { 
	font-family: "regjoe";
	src: url(RegulJoe.eot); /* IE */  
	src: local("Regular Joe"), url(RegulJoe.otf); /* non-IE */  
} 

h1,h2,h3
{
text-transform:uppercase;
font-weight:normal;
font-family: "regjoe", sans-serif;
}


body 
{
font-size: 13px;
font-family: 'arial', 'sans-serif';
color: #000;
background: #bbea72;
}

/* LINKS */

a, a:link {
color: #006600;
}

a:hover, a:active {
color: #398A40;
}

/* WRAPPERS */

#sky {
background: #e2f5fe url('../images/html_site/bg_sky.gif');
min-width: 1008px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #sky {min-width: 1200px;}
}

#wrapper {
width: 1000px; /* override for > 1024 screen */
overflow-x: hidden;
margin:0px auto;
}
@media screen and (min-width: 1025px) {
  #wrapper {width: 1200px;}
}

#flash
{
display:block;
outline:none;
}


/* HEADER STYLES */

#header {
}

#header #logo {
float: left;
width: 200px; /* override for > 1024 screen */
text-align: center;
background: transparent url('../images/html_site/logo_slt_sm.png') center top no-repeat;
}
@media screen and (min-width: 1025px) {
  #header #logo {width: 275px; background: transparent url('../images/html_site/logo_slt.png') center top no-repeat;}
}

/* NAVBAR STYLES */

#navbar {
list-style-type: none;
position: relative; 
margin: 0;
margin-left: 215px; /* override for > 1024 screen */
padding: 0;
height: 115px;
}
@media screen and (min-width: 1025px) {
  #navbar {margin-left: 275px; height: 135px;}
}

#navbar li {
display: inline;
position: absolute; 
top: 30px;
}

#navbar li.nav_1 {
left: 0;
}

#navbar li.nav_2 {
left: 172px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #navbar li.nav_2 {left: 198px;}
}

#navbar li.nav_3 {
left: 300px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #navbar li.nav_3 {left: 354px;}
}

#navbar li.nav_4 {
left: 460px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #navbar li.nav_4 {left: 531px;}
}

#navbar li.nav_5 {
left: 545px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #navbar li.nav_5 {left: 643px;}
}

#navbar li.nav_6 {
left: 650px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #navbar li.nav_6 {left: 770px;}
}

#navbar a.nav {
display: block;
height: 35px; 
overflow: hidden; 
position: relative; 
top: 0; 
}

#navbar img.nav_on, #navbar img.nav_off {
position: relative; 
top: 0; 
left: 0;
}

#navbar img.nav_on {
top: -35px;
}

#navbar .submenu {
position: relative;
overflow: hidden;
top: -58px;
left: -25px;
}

#navbar #submenu_contact {
left: -70px;
}

#navbar .submenu:first-child {
position: relative; 
left: 0; 
top: 0;
}

#navbar .submenu ul {
list-style-type: none; 
margin: 0; 
padding: 0; 
position: absolute; 
left: 25px; 
top: 75px;
}
#navbar .submenu ul li {
position: relative; 
top: 0; 
left: 0;
}
#navbar .submenu ul img {
position: relative; 
top: 0; 
left: 0;
}

#navbar .submenu a.submenu_link {
width: 223px; 
overflow: hidden;
display: block;
}


/* CONTENT AREA */

#content {
clear: both;
padding: 0 60px;
min-height: 300px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #content {min-height: 450px;}
}

/* CONTENT BOXES */

.bevel_box {
width: 100%;
border: 0;
border-spacing: 0;
margin-bottom: 10px;
}

.bevel_box td {
padding: 0;
margin: 0;
}

.bevel_box td.bevel_box_corner {
width: 24px;
height: 24px;
}

.bevel_box td.bevel_box_left {
width: 24px;
background: #fff url('../images/html_site/bevel_border_l.png') repeat-y;
}

.bevel_box td.bevel_box_right {
width: 24px;
background: #fff url('../images/html_site/bevel_border_r.png') repeat-y;
}

.bevel_box td.bevel_box_top {
height: 24px;
background: #fff url('../images/html_site/bevel_border_top.png') repeat-x;
}

.bevel_box td.bevel_box_bot {
height: 24px;
background: #fff url('../images/html_site/bevel_border_bot.png') repeat-x;
}

.bevel_box td.bevel_box_content {
background-color: #fff;
vertical-align: top;
line-height:130%;
}

td.bevel_box_content blockquote {
margin:10px;
padding:10px;
}
/* FOOTER */

#footer_noflash 
{
background: url('../images/html_site/footer_tile.gif') top center repeat-x;
padding-left: 19px;
padding-top: 25px;
padding-right: 19px;
height: 117px;
}

#footer_noflash_content 
{
margin:0px auto;
width: 986px; /* override for > 1024 screen */
}
@media screen and (min-width: 1025px) {
  #footer_noflash_content {width: 1166px;}
}

#footer_noflash_content a, #footer_noflash_content a:link, #footer_noflash_content a:visited,  #footer_noflash_content a:active 
{
display:block;
float:left;
padding:1px 1px 0px 0px;
border:0px;
}

#footer_noflash_content a:hover
{
display:block;
float:left;
padding:0px 0px 1px 1px;
border:0px;
}

/* Symfony FORM STYLES */

fieldset
{
padding: 5px;
border: 0px;
}

.form-row
{
clear: both;
margin-top: 5px;
}

.form-row input
{
width: 200px;
}

.form-row input[type="submit"], .form-row input[type="button"], .form-row input[type="image"]
{
width: auto;
}

.custom_fields select
{
width: 200px;
}

.form-row label
{
display: block;
padding-top: 0pt;
padding-right: 1em;
padding-bottom: 3px;
padding-left: 0pt;
float: left;
text-align: right;
width: 150px;
}

.form-row .required
{
font-weight: bold;
}

.form-row .form-content
{
padding-left: 150px;
}

.form-errors
{
  margin-bottom: 10px;
  border: 1px solid #f33;
  background-color: #ffc;
}

.form-errors h2
{
  padding: 5px 20px 5px 25px;
  font-size: 11px;
  color: #fff;
  background: #f33 url('/sf/sf_admin/images/error.png') no-repeat 5px 2px;
}

.form-errors dl
{
  padding: 5px;
}

.form-errors dt
{
  font-weight: bold;
  float: left;
  padding-right: 5px;
}

.form-errors dd
{
  margin: 0;
}

.form-row .form-error
{
  color: #f33;
}

.form-error input, .form-error select, .form-error textarea
{
  border: 1px solid #f33;
}

ul.sf_admin_actions
{
  margin: 10px 0;
  list-style-type: none;
  text-align: right;
}

ul.sf_admin_actions a
{
  color: #333;
}

ul.sf_admin_actions li
{
  list-style-type: none;
  display: inline;
}

ul.sf_admin_actions input
{
  padding: 3px 3px 3px 20px;
  color: #333;
  font-size: 11px;
  font-family: Arial, sans-serif;
  border: 0px;
  border-right: 4px solid #999;
  background-color: #ffc;
  cursor: hand;
  cursor: pointer;
}

/* Survey classes */

fieldset.survey
{
padding: 15px 30px 30px 30px;
border: 3px solid #333;
background: #ddf3ff;
color: #000;
}

.survey_header
{
font: bold 16px courier;
margin: 10px 0;
}

.survey_form-row
{
clear: both;
margin-bottom: 15px;
}

.survey_form-row .form-error
{
  color: #f33;
}

.form-error input.survey_comment
{
  border: 2px inset #ccc;
}

.survey_label
{
display: block;
width: 240px; 
margin-right: 10px;
text-align: right;
float: left;
}

.survey_label_bold
{
display: block;
width: 240px; 
margin-right: 10px;
text-align: right;
float: left;
font-weight: bold;
}

.survey_req
{
font: bold 19px courier; 
color: #c00;
}

.survey_content
{
padding-left: 250px;
}

input.survey_txt
{
width: 200px;
}

.survey_txtarea
{
width: 400px;
}

select.survey_txt, option.survey_txt
{
font-size: 12px;
}

select.survey_txt
{
width: 250px;
}