/* Detects the users browser type */
// Does not initialize or end PHP tags--must be used inside active php

$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");
    $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;
    } 


/* Example of browser detection usage (with_stlye.php, a CSS file)

#wrapper {

    	margin:0px auto;
	text-align:left;
	width: 770px;
	height: 100%;
	background-image: url(http://www.tllcf.org/images/wrapperback.png);
	padding-left: 15px;
	padding-right: 15px;}
*/
/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #333333;
background-color: #FFFFFF;
text-align:center;
}

#pagetitle{
color:#333333;
font-size:200%;
text-align:center;
}

#wrapper {

    	margin:0px auto;
	text-align:left;
	width: 770px;
	height: 100%;
	background-image: url(http://www.tllcf.org/images/wrapperback.png);
	padding-left: 15px;
	padding-right: 15px;}

#banner{
height: 100px;
background-image:url(../images/bannernew1_bg.jpg);
background-repeat:no-repeat;
cursor: pointer;
display: block;
}

#banner a{
height: 100%;
position: relative;
width: 100%;
display: block;
}

#footer {
clear:both;

background-color:#FFCC66;
color: #990000;
font-size:80%;
text-align:center;
}

#topbar{
	margin: 0;
	background-image:url(/images/TopNavBack.gif);
	background-repeat:repeat-x;
	font-size:110%;
	text-align: center;
}

#topbar #navtb{
margin-top:0;
border-bottom:none;
}

#topbar #navtb ul{
padding:0;
margin:0;
background-color:#869BCC;
}

#topbar #navtb ul li{
display: inline;
padding:0;
margin:0;
}

#topbar #navtb ul li a{
font-size: 80%;
color:#000000;
background-color: #869BCC;
text-decoration:none;
padding:0 25px 0 25px;

text-align:center;
width: 9em;
}

#topbar #navtb ul li a:hover, #nav ul li a:focus {
background-color: #CCCCCC;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color:#ffffff;
}

#topbar #navtb1{
margin-top:0;
border-bottom:none;
}

#topbar #navtb1 ul{
padding:0;
margin:0;
background-color:#869BCC;
}

#topbar #navtb1 ul li{
display: inline;
padding:0;
margin:0;
}

#topbar #navtb1 ul li a{
font-size: 80%;
color:#000000;
background-color: #869BCC;
text-decoration:none;
padding: 0 10px 0 10px;
text-align:center;
width: 9em;
}

#topbar #navtb1 ul li a:hover, #nav ul li a:focus {
background-color: #CCCCCC;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color:#ffffff;
}

#leftcol{
	margin: 0;
	float:left;
	width: 110px;
	background-image: url(../images/navcol_bg.gif);
	background-repeat:repeat-y;
	font-size: 110%;
}

#leftcol #nav{
margin-top:0px;
border-bottom: none;
}

#leftcol #nav ul{
padding: 0;
margin: 0;
height: 90%;
background-color:transparent;
list-style-type:none;
font-size: 80%;

}

#leftcol #nav ul li{
display:block;
padding:0;
margin:0;
}

#leftcol #nav ul li.navh1{
     color: #000099;
     font-size: 130%;
     text-align:center;
}

#leftcol #nav ul li.navh1 a{
     color: #000099;
     font-weight: bold;
     text-align:center;
}

#leftcol #nav ul li span.h2{
     color: #000099;
     font-size: 110%;
     font-style: italic;
     text-align: center;
}

#leftcol #nav ul li a{
background-color: #869BCC;
color: #000000;
display: block;
padding: 4px 0 6px 4px;
text-decoration:none;
height: 1%;
text-align:center;
}

#leftcol #nav ul li a:hover, #nav ul li a:focus {
background-color: #CCCCCC;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color:#ffffff;
}

#leftcol #nav h1{
color:#000099;
font-size:130%;
font-style:normal;
text-align:center;
}

#leftcol #nav h2{
color:#000099;
font-size: 110%;
font-style:italic;
text-align:center;
}

#body{
width:615px;
margin-left:130px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #333333;
text-align:left;
}

#body h1{
font-size:130%;
font-weight:bolder;
}
#body h2{
font-size: 110%;
font-weight:bold;
}
#body h3{
font-size:110%;
font-style:italic;
font-weight:lighter;
}

#body h4{
font-size:12px;
font-weight:bold;
}

#body p{
	padding: 10px;
	text-align: justify;
}

#body #topbar{
	background-color:#869BCC;
	width:615px;
}

#body #topbar #nav{
	margin-top:0px;
	border-bottom: none;
	display: inline;
}

#body #topbar #nav ul{
padding: 0;
margin: 0;
height: 90%;
background-color:transparent;
list-style-type:none;
font-size: 80%;
border: 1px solid #990000;
}

#body #topbar #nav ul li{
display:inline;
padding:0;
margin:0;
}

#body #topbar #nav ul li a{
background-color: #869BCC;

color: #000000;
display: inline;
padding: 0px 5px 0px 5px;
text-decoration:none;
height: 1%;
text-align:center;
}

#body #topbar #nav ul li a:hover, #nav ul li a:focus {
background-color: #CCCCCC;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
color:#ffffff;
}

#body #setsize{
	background-color:#FFFFCC;
	width:615px;
	height:500px;
	overflow:scroll;
}

#body #lnewscol {
   width: 275px;
   background-color:#FFFF99;
   float: right;
   margin: 10px;
   padding: 5px;
}

#body #rnewscol {
   width: 275px;
   background-color:#FFFF99;
   float: left;
   margin: 10px;
   padding: 5px;
}

	
.container{
width: 99%;
float: right;
}

.picfloatleft{
float:left;
padding:10px;
}

.picfloatright{
	float:right;
	padding:10px;
}

.floatingnav{
	float:left;
	padding:5px;
	position:relative;
}

.mbtable {
     float: right;
     margin: 15px 10px 5px;
     position: relative;
}