/* Main CSS Sheet Antsalive.com */


* { margin: 0px; padding: 0px; }









.maincontainer { width:900px;  position: absolute; top: 5px; left: 5px; background-color: #FFF68F; height: auto; margin-bottom: 5px}


.topbanner { position: relative; top: 0px; left: 0px; background-image:url("topmenu.jpg"); width: 898px;
	height:156px; line-height: 18px; padding: 0px }

.topbanner a { color: white; }
.topbanner a:visited {color: white;}

.topbanner a:hover {color: blue;}




/* To make images have a border on mouseover */

.highlightit img{  float: left; border: 3px solid #F0F8FF }


.highlightit:hover img{
border: 3px solid orange;
}

/* Dummy Definition for IE */
.highlightit:hover{
color: #333333;
border: 0px ;
}

input {padding-left: 2px; padding-right: 2px;  cursor: pointer;
font-weight: bold;}


/* End of image border code */


h1 {color: blue; text-align: center }


h3 {color: blue; text-align: center}

h2 {color: blue; text-align: center; margin-bottom: 5px}


div.smallcatalog { width: 672px; margin-top: 15px; margin-bottom: 10px; float: left; padding: 3px;  border-bottom: 1px solid orange; padding-bottom: 5px}

.smallcatalog p { text-align: justify}

div.smallcatimg { width: 290px; margin-left: auto; margin-right: auto; float: left}



div.smallcatinfo { width: 360px; margin-left: auto; margin-right: auto; float: left; margin-bottom: 5px;}


p.title { position: relative; top: 16px; left: 10px; width: 898px; height: 40px; vertical-align: middle; font-size: 40px; font-weight:bold; color: white; vertical-align: middle}

p.subtitle {position: relative; top: 5px; left: 10px; font-size: 20px; color: yellow; font-weight: bold }

p.fulljustify {clear: left; display: block; text-align: justify; padding-left: 3px; padding-right: 3px; margin-top: 5px }

p.justifyspace { clear: left; display: block; text-align: justify; padding-top: 15px}

a {text-decoration: none}

.menubar { display: block; background-color:green;  position: relative; top: 58px; left: 0px;
width: 898px; height: 23px}


.menubar ul {position: relative; top: 3px; left: 0px; list-style-type: none; padding: 0px; margin: 0px; white-space: nowrap; text-align: center}

 .menubar ul li{ display: inline; list-style-type: none; border-right: 1px solid white; text-align: center; margin-top: 5px; padding: 2px 5px 2px 5px; font-size: 15px; vertical-align: middle}


.menubar li a {padding: 2px 5px 2px 5px; text-align: center; vertical-align: middle}


.menubar li a:link {color: white;}     /* unvisited link */

.menubar li a:active {color: red;}   /* selected link */	

.menubar li a:visited { color: white;}

.menubar li a:hover {color: orange; }


.maincontent { float: left;  width: 688px; background-color: #F0F8FF; padding: 0px;  }

.maincontent a:link {color: blue;}

.maincontent a:visited {color: blue;}

.maincontent a:hover {color: orange;}






.sidebar { float: left; width: 200px; background-color: #FFF68F; color: blue; margin-top: 5px; font-size: 14px }

.sidebar a:link {color: blue; text-align: center;} 

.sidebar a:link {color: blue; text-align: center;} 

.sidebar a:visited {color: blue;}


.sidebar a:hover {color: orange; background-color: #FFF68F;}

.sidebar ul { list-style-type: none; float: left; padding: 0px; padding-top: 5px; margin: 0px; text-align: center;  margin-top: 20px;}

.sidebar ul li { text-align: center; border-bottom: 1px solid white; padding: 5px; width: 195}




.sidebar li a:active {color: red;}   /* selected link */	

.sidebar li a:link {color: blue; } 


.sidebar li a:visited {color: blue;}

.sidebar li a:hover {color: orange; background-color: #FFF68F;}

.sidebar p {text-align: center; font-size: 24px; color: blue; padding: 0px; margin-top: 5px; margin-bottom: 4px;}

   /* mouse over link */



a.centeredlink { display: block;  margin-left: auto; margin-right: auto; text-align: center; padding: 1px;}

.centeredimg img{ display: block; border: 0px solid #ccc; text-align: center; margin-left: auto; margin-right: auto;}
.centeredimg:hover img{
border: 3px solid orange;
}
/* Dummy Definition for IE */
.centeredimg:hover{
color: #333333;
border: 0px ;
}

.links { display: block; margin-top: 5px}

.links ul{ list-style-type: none; float: left; padding: 0px; }

.links ul li{ float: left; padding: 10px; padding-top: 3px; padding-bottom: 3px; border-right: 1px solid orange; }

.links a {font-size: 14px;}

.links li a:active {color: blue;}   /* selected link */	

.links li a:link {color: blue; } 


.links li a:visited {color: blue;}

.links li a:hover {color: orange; }

.links p {text-align: center; font-size: 18px; color: blue;}

   /* mouse over link */



.bottomstuff {clear: left;   margin-left: 5px; margin-right: 5px; margin-top: 0px;}

.bottomstuff h2  { text-align: center; color: blue; margin-top: 10px; font-size: 20px}

.bottomstuff p {text-decoration: none; font-size: 12px;  font-weight: normal; color: black; text-align: justify; }

.bottomstuff a:link { color: blue;}
.bottomstuff a:visited {color: blue;}
.bottomstuff a:hover {color: orange;}


.copyright {clear: left;   text-align: center; padding: 3px; margin-left: auto; margin-right: auto}
p.copyright {font-size: 12px; color: black; text-decoration: none; text-align: center}