#arithme {
	font-size: 14px;
	font-family: Arial, "Lucida Grande", Verdana, sans-serif;
	background-image: url(css/bgline.jpg);
	background-repeat: repeat-x;
	
}

.container {
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 0;
	background: no-repeat url(css/container-bg.jpg) left top;
	/* background-color: #ffffff; */
	/* padding-left: 10px; */	
}

.content {
	background-position: center bottom; background-image: url(css/content-bottombg.jpg); background-repeat: no-repeat;
        font-family: Arial, "Lucida Grande", Verdana, sans-serif;
} 
#sitemap {background-position: center bottom; background-image: url(css/sitemap-bottombg.jpg); background-repeat: no-repeat;}
#sitemap {padding-bottom: 30px; font-size: 10px; padding-left: 20px;}
#sitemap ul { margin: 0px; list-style-type: none; font-weight: bold; padding-left: 25px; padding-bottom: 20px; padding-right: 25px; padding-top: 20px;}
#sitemap ul li { padding-top: 6px; width: 140px; float: left;}
#sitemap ul ul { font-style: normal; font-weight: normal; width: 60px; padding: 0px; margin: 0px;}
#sitemap ul ul li {float: none;}
#sitemap ul a {color: #333333;}
#sitemap ul ul a {color: #666666;}
#sitemap ul ul ul a {color: #999999;}
.clearfix{
	height: 0px;
	clear: both;
}

#arithme{
	margin: 0px;
	padding: 0px;
}

.logo{
	margin-left: 10px;
	height: 120px;
	background-image: url(css/arithmelogo.gif);
	background-repeat: no-repeat;
}

.bannerimage {
	min-height: 40px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 20px;
}


.choiceboxes
{ position: relative; z-index: 5; top: -20px; color: #333333; font-size: 12px; padding-right: 30px; padding-left: 30px; width: 100%; }
.textpart 
{ clear: none; z-index: 5; color: #333333; font-size: 12px; margin-right: 50px; margin-left: 10px; width: 450px; float: right; padding-bottom: 20px; margin-bottom: 20px;}
.textpartsearch
{ clear: none; z-index: 5; color: #333333; font-size: 12px; margin-right: 50px; margin-left: 40px; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px;}
.secondimage img {width: 100%; margin-bottom: 30px;}
.secondimage {clear: left; float: left; width: 400px; padding-left: 25px;}

.footer
{ padding-top: 10px; color: #666666; font-size: 10px; text-align: center; height: 40px; background-position: center top; background-image: url(css/footer-bg.jpg); background-repeat: no-repeat; }

blockquote { clear: both; padding-left: 14px; padding-bottom: 14px; padding-right: 14px; padding-top: 20px; min-height: 80px; font-size: 12px; width: 352px; background-repeat: no-repeat; background: url(css/blockquote.jpg); color: #666666; margin-bottom: 10px; margin-top: 10px; margin-left: 0px; margin-right: 0px; }
blockquote em { font-size: 10px;}

.box3 { padding-bottom: 20px; padding-right: 10px; padding-left: 10px; width: 280px; }

.box3 h2 {padding-bottom: 10px;}

.box3 p {padding-bottom: 4px;}

.box3 li {line-height: 18px;}
.right { float: left;}

.left { float: left; }

.center
{ border-right-width: 1px; border-right: solid 1px #e3e3e3; border-left: 1px solid #e3e3e3; float: left; }



h1, h2, h3
{ padding: 0px; margin: 0px; font-style: normal; font-weight: normal; 
        font-family: Arial, "Lucida Grande", Verdana, sans-serif;
}

img {border: 0;}

p
{ margin: 2px; padding: 0px; }
.textpart p {padding-bottom: 20px; clear: both;}

.textpart h2
{ margin-bottom: 12px; font-size: 24px; }

.meta
{ font-size: 9px; color: #99cc00; }

.newspost 
{ font-size: 11px; padding-bottom: 4px;}


.content ul {list-style: none; padding: 0px; margin: 0px;}
.content ul li {background: url(css/greenarrows.gif) no-repeat 0px 2px; padding-bottom: 4px; padding-left: 20px;}

.productposts { float: left; letter-spacing: -0.1em; font-size: 18px; width: 400px; padding-left: 25px; margin-bottom: 30px;}
.productposts a {text-decoration: none; color: white;}
.largelist
{padding-bottom: 20px; background: url(css/largelist.jpg) 0 bottom no-repeat;}
.largelisttop
{padding-bottom: 0px; background: url(css/largelist.jpg) 0 top no-repeat; height: 0px;}

.productposts ul
{ padding-right: 6px; padding-left: 6px; padding-bottom: 20px; list-style-type: none; }

.productposts ul li
{ padding-bottom: 8px; padding-top: 8px; color: white; font-size: 16px; background: none; border-bottom: 1px solid #e3e3e3; }
.productposts ul li:hover {background: #828c95; }




/*-- delete later --*/

/* li {border: 1px solid #999999;} */

#menu {
	background-position: -10px;
	margin-left: 10px;
	color: white;
	height: 40px;
	background-repeat: no-repeat;
	width: 930px;
	background-image: url(css/menubggreen.jpg);
}

#menu a {text-decoration: none; color: white;}
a {text-decoration: none; color: #333333;} /*--change color later--*/

#menu ul {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding-left: 40px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 10px;
	list-style: none;
}

#menu ul li {
	padding-top: 4px;
	padding-bottom: 9px;
	float: left;
	padding-right: 40px;
	/* width: 120px; */
}

#search {color: #999999;}
#search input {margin: 0px;  border: 0px; color: #999999; height: 17px; width: 191px; background-image: url(css/search.jpg); background-repeat: no-repeat; padding: 2px;}
#menu li#search { padding: 0px; padding-right: 30px; float: right;}

#menu ul ul { z-index: 0; width: 124px; margin-bottom: 0px; margin-right: 0px; padding-right: 4px; padding-left: 4px; padding-bottom: 10px; font-size: 12px; font-style: normal; font-weight: normal; padding-top: 0px; margin-top: 9px; margin-left: -10px; background-position: 0 bottom; background-repeat: no-repeat; background-image: url(css/submenubg.png);}

#menu ul ul li { width: 97px; padding-left: 6px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #bdde80;}
#menu ul ul ul li {border-bottom: 1px solid #dbed80;}

#menu ul ul li:hover {background-color: #b7db00;}
#menu ul ul ul li:hover {background-color: #7bbd00;}

#menu ul ul ul {z-index: 20; margin-top: 0px; margin-left: -10px; background-position: -224px bottom; background-repeat: no-repeat; background-image: url(css/submenubg.png);}

#menu ul li ul li {
	float: none;
	padding-right: 12px;
}

#menu li {position: relative;}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

#menu ul ul {
	position: absolute;
	width: 120px;
	z-index: 10;
}

div#menu ul ul {
	display: none;
}

div#menu ul li:hover ul {
	display: block;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul,
div#menu ul ul ul li:hover ul ul,
div#menu ul ul ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul,
div#menu ul ul ul ul li:hover ul,
div#menu ul ul ul ul ul li:hover ul
{display: block;}