/* CSS Document */

body {
	font: 78%/1.5 Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 0;
	margin: 0;
}

body, td {font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align:left;
		}
		

#wrapper {
	margin: 0 auto;
	padding:0;
	width: 780px;
	text-align:left;
	border: 1px solid #000;
}


#container {margin: 0 auto;
	background:  #ffffff;
	text-align: left;
	}
	
#leftColumn {
		float:left;
		width:180px;
	}
	
	
#leftBox{
		float: left;
		width: 170px;
		margin-top: 10px;
		margin-left: 3px;
		margin-bottom: 6px;
		padding-right: 1em;
		padding-left: 0em;
		border: 1px solid #000;
		background-color:#CCCC99;
		font-size: 10px;

	}


#rightColumn {
		float:left;
		width:100%;
		margin-left:0px;
		margin-right:0;
		margin-bottom: 20px;
		}

.back2top {text-align: right;
			font-size: 10px;
			text-decoration: underline;
			margin-right: 20px;
}

p {
	margin: 0em 1.3em 1.3em 1em;
	 line-height: 1.5em;
	 text-align: left;
}


li, ul, ol, dl /* list margins */
	{margin: 0 0 0 1em;
	text-align: left;
}

ul, ol
	{margin-top: .5em; margin-bottom: 1.5em;}
	
li 
	{padding: 0em;}

dt
	{font-weight:bold;}

dd
	{margin: 0 0 1em 1em;}

ul.bulletlist 
	{margin-left: 60px; padding:0px;}
	
ul.bulletlist li
	{margin: 0px; padding: 0 0 .3em 0; list-style-type:disc;}


h2 {font-size: 18px;
	margin: .5em 1.5em .5em .8em ;
	text-align: left;
}


h3 {font-size: 16px;
	margin:  .5em 1.5em .5em .8em ;
	text-align: left;
}


#toprightnav /* top right nav links */
	{float: right; 
	width:600px;
	text-align:right;
	margin-top: -.3em;
	line-height: 20px; 
	font-size: 75%; 
	background-color: #fff;
	}


#topleftnav /* top left nav links */
	{float:left;
	width:170px;
	margin-top: -.3em;
	line-height: 20px; 
	font-size: 75%;
	background-color: #fff;
	}
#calendar
{
		margin-left: 10px;
		}


#imageclear
	{clear: both;
	}
	
	
/* footer */

#footerthin	{
background: #000000;
padding: 1px;
a:hover
	}

#footerbg {
	padding-bottom: 10px;
	background: #b79117;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
	text-align: center;
	font-size: 10px;
	clear:both;
}

#left  /* left column content - holds navigation menu include */
	{float: left; width: 150px; margin : 0; padding: 0; text-align: left;}


#left h3 /* navigation menu headers */
	{margin: 1.5em 0 0; font: bold 99% Arial, Helvetica, sans-serif; color: #000; background: inherit; text-decoration: none;}


img#pic {float: left; 
		padding:1px;
		border:1px thin black;
		margin: 0px 10px 6px 15px;
		background: #000;
		}		
		
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BEGIN EXPANDING MENU */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#masterdiv
	{margin: 0; padding: 1em 0; 
	background-color: #b79117; 
	width: 180px;
	margin-bottom: 6px;
	margin-left: 3px;
	border: 1px solid #000;
	}

.menutitle
	{cursor: pointer; margin: 0 1em 1em; color: #000; background:inherit; font: 90% bold Arial, Helvetica, sans-serif;}

.menutitle a
	{text-decoration: none; line-height: 1.5em; font-weight:bold;}

.menutitle a:hover, .othermenu a:hover
	{color:#fff;}

.submenu 
	{margin: 0; padding: 0 0 1em 1em;}
	
.submenu a 
	{cursor: pointer; margin: 0 ; text-decoration: none; color: #663300; background:inherit; font: 90% bold Arial, Helvetica, sans-serif; text-align: left;}

.submenu a:hover
	{color:#fff;}
	
.othermenu 
	{cursor: pointer; margin: 0 1em 1em; color: #000; background:inherit; text-decoration: none; font: 90% bold Arial, Helvetica, sans-serif; line-height: 2em;}

.othermenu a 
	{color: #000; background:inherit; text-decoration: none; font-weight:bold;}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* END EXPANDING MENU */
/* --------------------------------------------------------------------------------------------------------------------------------------<img src="../images/white_dot.jpg">------------------------------------------------------ */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BEGIN DOTS CLASSES - */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.whitedotsleft
	{margin: .5em 1.5em .25em 1em; height: .1em; background: url("../images/white_dot.jpg") repeat-x;}

.browndots
	{margin: 2.0em 1.5em 2.5em 1em; 
	height: .1em; 
	background: url("../images/brown_dot.jpg") repeat-x;}
	
/* product page*/