html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr {

  margin:0px; 

  padding:0px; 

  border:0px; 

  border-collapse:separate; 

  border-spacing:0px;}



* {

margin: 0px;

padding: 0px;

}



body {

background-image: url(images/bodyslice.jpg);

background-repeat: repeat-x;

margin: 0px;

padding: 0px;

font-family: Verdana, Helvetica, Arial, sans-serif;

font-size: small;

background-color: #eeeeee; }



#whole {

margin-right: auto;

margin-left: auto;

width: 850px;

height: 100%;

}



.topcontainer {

margin-right: auto;

margin-left: auto; 

margin-bottom: 0px;

width:850px;

height: 86px;

position: relative;

}



ul {

margin-left: 10px;

width: 850px;

list-style-type: none;}







#nav {

background-image: url(images/navbar.jpg);

background-repeat: no-repeat;

background-position: left top;

width: 850px;

height: 86px; 

margin-left: 2px;

margin-top: 15px;

}



#nav1 {

width: 459px;

height: 66px; 

margin-left: 42px;

margin-top: 35px;

margin-bottom: 2px;}



#nav ul {

margin-left: 40px;

padding-top: 13px;}



#nav1 ul {

margin-left: 20px;

padding-top: 1px;

padding-left: 20px;

display: inline;

width: 400px;}



#nav li {

list-style-type: none; 

display: inline;

height: 31px;

padding: 0px 5px 0px 0px;

float: left;}



#nav1 li {

list-style-type: none; 

display: inline;

height: 31px;

padding: 0px 10px 0px 0px;

float: left;}



#nav ul li a {

text-decoration: none; 

height: 0px !important;

overflow: hidden;

text-decoration: none;

display: inline;

padding: 31px 0px 0px 0px;

float: left;}



#nav1 ul li a {

text-decoration: none; 

height: 0px !important;

overflow: hidden;

text-decoration: none;

display: inline;

padding: 31px 0px 0px 0px;

float: left;}



#nav .currenta {

background-image: url(images/aboutuscur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .home {

background-image: url(images/home.gif);

background-repeat: no-repeat;

width:90px;

background-position: left top;}



#nav .homecur {

background-image: url(images/homecur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .quiz {

background-image: url(images/quiz.gif);

background-repeat: no-repeat;

width:90px;

background-position: left top;}



#nav .quizcur {

background-image: url(images/quizcur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .who {

background-image: url(images/who.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .whocur {

background-image: url(images/whocur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .about {

background-image: url(images/about.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .aboutcur {

background-image: url(images/aboutcur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .white {

background-image: url(images/white.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .whitecur {

background-image: url(images/whitecur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .part {

background-image: url(images/part.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav .partcur {

background-image: url(images/partcur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .safety {

background-image: url(images/safety.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .safetycur {

background-image: url(images/safetycur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .line {

background-image: url(images/line.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .linecur {

background-image: url(images/linecur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .suite {

background-image: url(images/suite.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .suitecur {

background-image: url(images/suitecur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav1 .simple {

background-image: url(images/simple.gif);

background-repeat: no-repeat;

width: 100px;

background-position: left top;}



#nav1 .simplecur {

background-image: url(images/simplecur.gif);

background-repeat: no-repeat;

width: 90px;

background-position: left top;}



#nav a:hover, #nav1 a:hover {

background-position: left -38px;

background-repeat: no-repeat;}



#nav .services {

background-image: url(images/serv.gif);

background-repeat: no-repeat; 

width: 90px;

background-position: left top;}



#nav .servicescur {

background-image: url(images/servcur.gif);

background-repeat: no-repeat; 

width: 90px;

background-position: left top;}



#nav .contact {

background-image: url(images/contactus.gif);

background-repeat: no-repeat; 

width: 90px;

background-position: left top;}



#nav .contactcur {

background-image: url(images/contactuscur.gif);

background-repeat: no-repeat; 

width: 90px;

background-position: left top;}









.container {

background-image: url(images/maincontainerbottom.jpg);

background-repeat: no-repeat;

width: 778px;

height: 100%;

margin-right: auto;

margin-left: auto;

margin-bottom: 20px;

padding-top: 0px;

background-position: left bottom;

position: relative;

top: 10px;

float: left;

clear: both;}



#company {

background-image: url(images/maincontainertop.jpg);

background-repeat: no-repeat;

background-position: left top;

width: 778px;

height: 568px; 

text-indent: -9999px;

position:relative;}



#company2 {

background-image: url(images/maincontainertop4.jpg);

background-repeat: no-repeat;

background-position: left top;

width: 778px;

height: 568px; 

text-indent: -9999px;

position:relative;}



#brightideas {

text-indent: -9999px;}

#blog {
background-image: url(images/blog.png);
background-repeat: no-repeat;
background-position: 0px -0px;
height: 54px;
width: 143px;
position: absolute;
top: 350px;
left: 40px;
font-size: 1.4em;}


#question {

background-image: url(images/question.gif);

background-repeat: no-repeat;

width: 56px;

height: 195px;

position: absolute;

top:80px;

left: 20px;

opacity: .5; }



#question1 {

background-image: url(images/question.gif);

background-repeat: no-repeat;

width: 56px;

height: 195px;

position: absolute;

top:280px;

left: 220px;

opacity: .5; }



#excited {

background-image: url(images/excited.gif);

background-repeat: no-repeat;

width: 56px;

height: 195px;

position: absolute;

top:230px;

left: 20px;

opacity: .5; }



#excited2 {

background-image: url(images/excited.gif);

background-repeat: no-repeat;

width: 56px;

height: 195px;

position: absolute;

top:290px;

left: 20px;

opacity: .5; }



.header {

color: #006600;

border-bottom: 2px #000 solid; 

margin-bottom: 95px;

margin-right: 0px;

float: right;

width: 459px;

font-size: 18px;

float: right;}







.container2 {

position: relative;

float: right;

top: 0px;

left: 0px;

width: 459px;

margin-top: -570px;

margin-right: 10px;}



.textbox, .textbox2 {

padding-bottom: 40px;

padding-left: 0px;

margin-right: 30px;

line-height:20px;

height: auto;

position:relative;

float: right;

width: 400px;

 }



.textbox3 {

padding-bottom: 10px;

padding-left: 0px;

margin-right: 10px;

margin-top: -30px;

height: auto;

position:relative;

float: right;

width: 420px;}



.textbox3 ul {

width: 300px;

margin-left: 60px;

margin-bottom: 10px;



list-style-type: square;



padding: 0px 0px 0px 25px; }



.textbox3 ul li {

}



.textbox3 ul ul {

width: 270px;

margin-left: 20px;

margin-bottom: 10px;

line-height:22px;

position: relative;

padding: 0px 0px 0px 20px;}



.textbox p {

width: 340px;

margin-left: 80px;

color: #000;

font-size: 1em;

line-height:22px;

padding-bottom: 5px;

padding-top: 5px;

z-index: 20}



.textbox1 p {

width: 430px;

margin-left: 15px;

color: #000;

font-size: 1em;

	line-height:22px;

padding-bottom: 5px;

padding-top: 5px;

z-index: 20}



.textbox ul {

width: 300px;

margin-left: 90px;

margin-bottom: 10px;



list-style-type: disc;

	line-height:22px;

padding: 0px 0px 0px 25px; }



.textbox ul li {

}



.textbox ul ul {

width: 270px;

margin-left: 20px;

margin-bottom: 10px;

line-height:22px;

position: relative;

padding: 0px 0px 0px 20px;}



.textbox ol {

width: 300px;

margin-left: 100px;

margin-bottom: 10px;

position: relative;

padding: 0px 20px 0px 25px;}



.textheader {

color: #000;

margin: 35px 0px 8px 40px;

width: 380px;

float: right;}



.textheader1 {

color: #000;

margin: 35px 0px 8px 0px;

width: 400px;

float: left;}



.textbox2 h4 {

font-family: Helvetica, Arial, sans-serif;

font-size: medium;

font-weight: bold;

color: #006400;

margin-left: 0px;

margin-right: 100px;

margin-top: 8px;

margin-bottom: 8px;

width: 340px;

float: left; }



.textbox h5 {

font-family: Helvetica, Arial, sans-serif;

font-size: small;

font-weight: bold;

color: #006400;

margin-left: 0px;

margin-right: 100px;

margin-top: 8px;

margin-bottom: 8px;

width: 340px;

float: left; }



.textbox img, .textbox2 img {

margin-left: 100px;}







#footer {

background-color: #000;

height: 60px;

padding: 0px;

margin: 10px 0px 0px 0px;

width: 100%;

float: left;}

 

.footerindent{

padding-left: 50px;

padding-top:10px;

color:#aaa;

margin-right: auto;

margin-left: auto; }



.bold {

font-weight: bold; }



#ls3 {

background-image: url(images/ls3logo.png ); 

background-repeat: no-repeat;

text-indent: -9999px;

height: 61px;

width: 241px;

margin: 15px auto 10px 80px;}



#locsqo {

background-image: url(images/locsqologo.png);

background-repeat: no-repeat;

text-indent: -9999px;

height: 107px;

width: 271px; 

margin: 6px auto 10px auto;}



.button {

float: right;

margin-right: 10px;}



a {

color: #006400; }



a:visited {

color: #006400; }



.quizform {

width: 400px;}



.quizform label {



width: 375px;

text-align: left;

margin-left: 50px;

margin-right:5px;}



.quizform input {

margin-left: 60px;

display: inline-block;}



.form {

float: left;

padding: 0px 0px 0px 80px;

width: 500px;}



.form p {

float: left;

line-height: 16px;

margin: 0px 0px 15px 0px;

}



label {

display:block;

float:left;

margin-right:12px;

text-align:right;

width:170px;}



.bullet {

text-decoration: underline;

font-weight: bold; }





.textbox2 ul {

margin-left: 20px;

margin-bottom: 10px;

display: list-item;

list-style-type: disc;

width: 370px; 

position: relative;

list-style-type: none;

float: left;

padding: 0px 0px 0px 0px;

background-repeat: no-repeat; }



.textbox2 ol {

margin-left: 50px;

margin-bottom: 10px;

width: 370px; 

position: relative;

}



.textbox2 ol li {



list-style-type:arabic}





.textbox2 ul li {

background-image: url('images/bullet.gif');

background-repeat: no-repeat;

padding: 5px 0px 0px 25px;

background-position: 10px 10px;

float: left;

width: 350px;}



.textbox2 ul ul {

margin-left: 40px;

margin-bottom: 10px;

width: 280px;

position: relative;

list-style-type: none;

float: left;

padding: 0px 0px 0px 0px;}



.textbox2 ul ul li {

background-image: url('images/bullet.gif');

background-repeat: no-repeat;

padding: 5px 0px 0px 25px;

background-position: 10px 10px;

list-style-type: none; 

float: left;

display: block; }



.textbox2 ul ul ul {

margin-left: 20px;

margin-bottom: 14px;

width: 250px;

position: relative;

list-style-type: none;

float: left;

padding: 0px 0px 0px 0px;}



.textbox2 ul ul ul li {

background-image: url('images/bullet.gif');

background-repeat: no-repeat;

padding: 5px 0px 0px 25px;

background-position: 10px 10px;

list-style-type: none; 

float: left;}