div.domtab{
		
		}
		ul.domtabs{
		  display: inline;
			width:500px; /*width:36.5em;*/
			background-color:#fff;	/* leave white or tab will appear to far right in space */
		}
		ul.domtabs li{
			display: inline;
			float: left;
			margin: .1em .1em 0em .1em;	/* .5em .5em 0em .4em; styles space between tabs, 3rd em will move menu tab closer to body*/	
			padding:0px 0px 0px 6px;/*moves menu tabs over to left	*/
		}
		ul.domtabs a:link,
		ul.domtabs a:visited,
		ul.domtabs a:active,
		ul.domtabs a:hover{
	padding:10px  10px  5px  10px;  /*styles words within the tab buttons 1st top, 2nd right, 3rd bottom, 4th left  as long as display:block is active*/
	display: block;
	font-weight: bold;
	font-size: 11px;
font-family:arial, verdana, sans-serif;
	line-height:8px;
	text-decoration:none;
	-webkit-border-radius:4px;/* explorer does not read this */
	-moz-border-radius:4px;
	border-radius:4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(95%,  rgba(255, 255, 255, 0.2)));
	background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0));
	-moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);

		}
		html>body ul.domtabs a:link,
		html>body ul.domtabs a:visited,
		html>body ul.domtabs a:active,
		html>body ul.domtabs a:hover{
		
			height:1em;/* makes tabs appear taller or shorter*/
			min-height:1em; /* makes tabs appear taller or shorter*/
			width:auto; /*width:auto;/* 
			border:0px solid #ddd; /* #ccd, #069, #CCAF5E; tab borders appear all around if not zero*/
			border-width:1px 1px 0px 1px; /* set individual fine lines of body 1st top, 2nd right, 3rd bottom, 4th left */
		}
		ul.domtabs a:hover{
			 /*background: url(Images/droplistv2/image_gray.gif); remove background if you want to not have two colors highlighted at once, highlights the background in 3 tabs another color only when you mouse over the tab*/
		}
		h7{
			font-size:11px;
			color:#666;
		font-weight: bold;
			font-family:Arial, Helvetica, sans-serif;
			padding:0 0 .7em .2em;
		}
		
/* styles inside of the body  */
#other{
	font-size:.8em;
	margin-left:.3em;/*margin-left:.3em;*/
	width:500px;/*width:36.5em;*/
	margin-bottom: .7em;
	float:left;
}
/* styles the body itself */
div#other.domtab div{
	clear:both;
	width:500px;/*width:36.5em;*/
	background:#fff;
	color:#fff;
	padding:10px 10px 10px 10px;
border:0px solid #ddd;  /* adds fine line around sides and top of body #ccd, #CCAF5E; #847442; */	
border-width:1px 2px 2px 2px; /* set individual fine lines of body 1st top, 2nd right, 3rd bottom, 4th left */
-webkit-border-bottom-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-bottomleft:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(95%,  rgba(255, 255, 255, 0.2)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0.2) 90%, rgba(255, 255, 255, 0));
-moz-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
div#other ul.domtabs a:link {
background: url(Images/droplistv2/image_gray.gif);/*background: url(Images/droplistv2/over.gif); background: url(Images/droplistv2/image_gray.gif)* and color # 069, 666, 777*/
color:#555;/*text color inside tabs*/
}		
div#other ul.domtabs li.active{
background: #fff;/* if you want gray color background remove image and replace with #666*/
color:#fff; /*text color inside tabs*/
/*text-decoration:underline; if you want link to underline when highlighted*/
}
div#other ul.domtabs li.visited{
background: #fff;/* if you want gray color background remove image and replace with #666*/
color:#fff; /*text color inside tabs*/
/*text-decoration:underline; if you want link to underline when highlighted*/
 }
div#other ul.domtabs li.hover{
background: #fff;/* if you want gray color background remove image and replace with #666*/
	 color:#fff; /*text color inside tabs*/
}
#other div{
	float:left;
}