<?php
header("Content-type: text/css");
$d = detect();
$b = $d['browser'];
$v = $d['version'];
$o = $d['os'];
function detect()
    {
    $browser = array ("IE","OPERA","MOZILLA","NETSCAPE","FIREFOX","SAFARI");
    $os = array ("WIN","MAC","LINUX");
    $info['browser'] = "OTHER";
    $info['os'] = "OTHER";
    foreach ($browser as $parent)
        {
        $s = strpos(strtoupper($_SERVER['HTTP_USER_AGENT']), $parent);
        $f = $s + strlen($parent);
        $version = substr($_SERVER['HTTP_USER_AGENT'], $f, 5);
        $version = preg_replace('/[^0-9,.]/','',$version);
        if ($s)
            {
            $info['browser'] = $parent;
            $info['version'] = $version;
            }
        }
    foreach ($os as $val)
        {
        if (eregi($val,strtoupper($_SERVER['HTTP_USER_AGENT']))) $info['os'] = $val;
        }
    return $info;
    }
?>


* { padding: 0; margin: 0; }

body {
	margin:  0 auto;
	padding: 0;
    width: 899px;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
    margin-top: 0px;
    margin-bottom: 15px;
}

#container {
	background: #fff url(images/bg_main_nonav.jpg) repeat-y;
    background-position: 50%;
}


#top {
  background: #ffffff url(images/bg_main_nonav.jpg) repeat-y;
  padding: 10px 0px 0px 10px;
  height: 133px;
  font: normal 3em 'Arial',Verdana,sans-serif,monospace;
  line-height: 1.2em;
  <?php
if ($b == IE){
	echo "line-height: 0.9em;";
}
?>
}

#head {
  background: #DDD3D1;
  height: 22px;
  text-align: center;
  padding-top: 5px;
  font: normal 1.3em 'Arial',Verdana,sans-serif,monospace;
    color: #000;
    font-weight: bold;
}

.heading-small {
  font: normal 0.5em 'Arial',Verdana,sans-serif,monospace;
}

.heading-right {
  font: normal 0.5em 'Arial',Verdana,sans-serif,monospace;
  float: right;
  padding-right: 15px;
  margin-top: -30px;
  text-align: right;
  <?php
if ($b == SAFARI){
	echo "margin-top: 5px;";
}
?>
}

#logo-text {
  float: left;
  margin-top: 15px;
  padding-left: 20px;
  padding-top: 0px;
}


#menu {
  padding-left: 15px;
  padding-top: 15px;
  float: left;
}

#main {
  margin-left: 240px;
  padding-top: 15px;
  padding-bottom: 10px;
}

#text-background {
  width: 500px;
  background-color: #E1E1E1;
  padding: 20px;
  border: 1px solid #000;
  font: normal 1.3em 'Arial',Verdana,sans-serif;
  margin: 0 auto;
}

#text-background img {
  border-style: none;
}

#text-background a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

#animate-right {
  float: right;
  padding-left: 10px;
  padding-right: 5px;
}


#text-background ul {
  text-align: left;
  padding-left: 280px;
}

.text-image {
    border: 0px solid #AEC92E;
    float: left;
    margin: 18px 10px 10px 0px;
}

#footer {
  background: url(images/footer.jpg);
  height: 43px;
  text-align: center;
  padding-top: 9px;
  font: small-caps 1.1em 'Arial',Verdana,sans-serif,monospace;
}

#footer a{
  text-decoration: none;
  color: #000;
}

#footer img{
  border: none;
}


.meet-container {
  margin-left: 25px;
  width: 600px;
  border: 1px solid #AEC92E;
  padding: 10px 10px 7px 10px;
  background: url(images/bg.png) repeat-x bottom;
}


.meet-image-container {
  background: #A7A7A7;
  width: 151px;
  height: 151px;
}

.meet-image {
  border: 1px solid #000000;
  margin-top: -3px;
  margin-left: -3px;
  float: left;
}

.meet-text {
    float: right;
    width: 430px;
    height: 150px;
    border: 0px solid #000;
    font: normal 1.3em 'Arial',Verdana,sans-serif,monospace;
}

.meet-infobar {
    background-color: #EDEEF5;
    width: 450px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 0px;
    margin-right: -10px;
    margin-top: -16px;
    border: 0px solid #AEC92E;
    border-top: 0px;
    text-align: center;
    float: right;
    background: url(images/bg.png) repeat-x bottom;
}


.news-container {
  margin-left: 25px;
  width: 600px;
  border: 1px solid #AEC92E;
  padding: 10px 10px 7px 10px;
  background: url(images/bg.png) repeat-x bottom;
}

.news-text {
    float: right;
    width: 430px;
    border: 1px solid #000;
    font: normal 1.3em 'Arial',Verdana,sans-serif,monospace;
}

.news-image-container {
  background: #A7A7A7;
  width: 151px;
  height: 151px;
}

.news-image {
  border: 1px solid #000000;
  margin-top: -3px;
  margin-left: -3px;
  float: left;
}

.box-test {
  background-color: #F2F2F2;
  width: 640px;
  margin-left: 10px;
  padding: 10px;
}


.map-container{
    width: 510px;
    height: 420px;
    border: 1px solid #AEC92E;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px;
    background: url(images/bg.png) repeat-x bottom;
}

#contact-form{
  margin: 0px auto;
  width: 500px;
  height: 300px;
  border: 0px solid #000;
}

.info-box{
  margin: 0 auto;
  width: 430px;
  border: 2px solid #000;
  background: url(images/contact-back.jpg) repeat-x bottom;
  text-align: center;
  color: #000;
  font: normal 1.5em 'Arial',Verdana,sans-serif,monospace;
  padding: 30px;
}

.box{
  width: 600px;
  background: url(images/bottom.gif) no-repeat bottom left;
}

.box h3{
    margin: 0;
    padding: 6px 8px 4px 10px;
    font-size: 130%;
    color: #333;
    border-bottom: 1px solid #333;
    background: url(images/top.gif) no-repeat top left;
}

.box h4{
    margin: 0;
    padding: 6px 8px 4px 10px;
    font-size: 130%;
    color: #333;
    border-bottom: 0px solid #333;
    background: url(images/top2.gif) no-repeat top left;
}

.box ul{
  margin: 0;
  padding: 10px 10px 10px 10px;
  list-style: none;
  font: 1.2em  Verdana, Tahoma, Helvetica, sans-serif;
}


.box p{
  margin: 0;
  padding: 10px 10px 10px 10px;
  list-style: none;
  font: 1.2em  Verdana, Tahoma, Helvetica, sans-serif;
}


.box ul li{
  margin: 0 0 6px;
  padding: 0;
}

.box img{
  border: none;
}

.box a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.box hr {
   color: #B6CE30;
}


#ddblueblockmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 175px;
margin-left: 6px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 130% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li{
border-bottom: 1px solid #000;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 157px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: black;
background-color: #E1E1E1;
border-left: 9px solid #969696;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 183px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #969696;
border-left-color: #E1E1E1;
color: white;
}

#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 9px;
background-color: #000;
height: 20px;
font: bold 120% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}