* {
    border:0;
    margin:0;
    padding:0;
    background:transparent;
} 

body {
    font-family: trebuchet ms, verdana, arial, tahoma;
    font-size: 80%; color: #999999;
    background-color: #ffffff;
    line-height: 200%;
    margin-top: 0px;
    background: #ffffff url('images/bg.gif') top center repeat-x;
}

#border {
    border: 0px;
    width: 770px;
    background-color: #FFFFFF;
    background:url('images/backround2.jpg') no-repeat;
    margin: 0 auto;
}   
    
#header {
    height: 193px;
    width:743px;
    margin-left:-2px;
    background-image:url('images/header.jpg');
}

* html #header {
    margin-left: 0;
}

#content {
    padding: 0.5em 1em;
    max-width: 740px;
    background-color: #FFFFFF;
}

* html #content {
    height:1%
}
* > html #content {
    height:auto
}

#container {
    width: 740px;
    margin: 0px auto;
    background-color: #ffffff;
    border: 0px solid #669900;
}

.splitright {
    background: #ffffff url('images/menu.gif') top center no-repeat;
    width: 30%;
    float: right;
    overflow: hidden;
    text-align: center;
}

.splitleft {
    background: #ffffff;
    margin:auto;
    width: 68%;
    float: left;
    overflow: hidden;
    text-align: justify;
}

/* ~~~~~~~~~~ Navigation Menu ~~~~~~~~~~ */
#introduction {
    float:right;
    width:180px;
    padding:0px 0px;
    margin:20px 0 20px 20px;
    background: url(images/menu.gif) no-repeat;
    text-align:center;
    line-height:1.5em;
    color:#999999;
    font-size:1.0em;
    font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
    letter-spacing:0px;
}

#introduction ul, #introduction li {
    text-align:center;
    list-style: none;
    margin: 0;
    padding: 0;
}

#introduction a {
    border-bottom: none;
    color:#999999;
}

#introduction h3 {
    text-align: center;
    position:static;
}

#introduction a:link, a:visited {
    color:#999999;
}

#introduction a:hover, a:active {
    color:#5B8FBE;
}
/* ~~~~~~~~~~ End Navigation Menu ~~~~~~~~~~ */

/* ~~~~~~~~~~ Footer ~~~~~~~~~~ */
#footer {
    text-align: center;
    height: 30px;
    background-color: #E7F2FE;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #CCCCCC;
    margin-top: 50px;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    clear: both;
	
}


#footer a:link, a:visited {
    color:#5B8FBE;
}

#footer a:hover, a:active {
    color:#cccccc;
}
/* ~~~~~~~~~~ End Footer ~~~~~~~~~~ */

/* ~~~~~~~~~~ A Link ~~~~~~~~~~ */
a:active,
a:visited,
a:link {
    color: #000000;
    text-decoration: none;
}

a:hover {
    color: #426b8b;
    text-decoration: none;
}
/* ~~~~~~~~~~ End A Link ~~~~~~~~~~ */

/* ~~~~~~~~~~ Top Menu ~~~~~~~~~~ */
#topmenu {
    position: relative;
    top: 13px;
    left: 15px;
    width: 540px;
    font-size:93%;
    margin: 0;
    line-height:normal;
    height: 41px;
}

#topmenu ul {
    margin:0;
    padding:0px 0px 0 2px;
    list-style:none;
}

#topmenu li {
    display:inline;
    margin:0;
    padding:0;
}

#topmenu a {
    float:left;
    background:url(images/menuleft.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    text-decoration:none;
}

#topmenu a span {
    float:left;
    display:block;
    background:url(images/menuright.gif) no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#2e6a9e;
}
	  
#topmenu a span {
    float:none;
}
    
#topmenu a:hover span {
    color:#0485fa;
}

#topmenu a:hover {
    background-position:0% -42px;
}

#topmenu a:hover span {
    background-position:100% -42px;
}
/* ~~~~~~~~~~ End Top Menu ~~~~~~~~~~ */

/* ~~~~~~~~~~ Headings ~~~~~~~~~~ */    
h1 {
    font-size: 120%;
    color: #659500;
}

h3 {
    color:#5B8FBE;
    font-family:geneva,arial,sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    word-spacing:4px;
    letter-spacing:3px;
    font-size:0.8em;
    font-weight:bold;
    padding:0 2px;
    margin:0;
}
/* ~~~~~~~~~~ End Headings ~~~~~~~~~~ */

/* ~~~~~~~~~~ Styles ~~~~~~~~~~ */
.style4 {
    font-size: 16px
}
.style5 {
    font-size: 12px;
    color: #CCCCCC;
}
/* ~~~~~~~~~~ End Styles ~~~~~~~~~~ */

/* ~~~~~~~~~~ Test Realm ~~~~~~~~~~ */
#information {
    float:right;
    width:350px;
    padding:0px 0px;
    margin:5px 0 5px 5px;
    line-height:1.5em;
    color:#999999;
    font-size:1.0em;
    font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
    letter-spacing:0px;
}

#information ul, #information li {
    font-size:85%;
    margin: 0;
    padding: 0;
}

#information h5 {
    color: #000000;
    background-color: #999999;
    position:static;
}

#image {
    padding: 0px 0px;
    max-width: 740px;
    background-color: #FFFFFF;
}
.splitright2 {
    background: #ffffff url('images/menu.gif') top center no-repeat;
    width: 50%;
    float: right;
    overflow: hidden;
    text-align: center;
}

.splitleft2 {
    background: #ffffff;
    margin:auto;
    width: 50%;
    float: left;
    overflow: hidden;
    text-align: justify;
}

#TLR-header {
    height: 193px;
    width:743px;
    margin-left:-2px;
    background-image:url('images/streamlight/TLR-header.png');
}

#M-Series-header {
    height: 193px;
    width:743px;
    margin-left:-2px;
    background-image:url('images/streamlight/M-Series-header.png');
}
/* ~~~~~~~~~~ End Test Realm ~~~~~~~~~~ */