/* This is the common CSS style sheet for the McCray Web Site */

body		{background: #F8C473; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}

img.right	{float: right; margin: 20px}

img.small	{border: 0px solid green}

#content	{text-align: left; width: 985px; margin: 0 auto;}

div.main   	{width: 962px; float: left; font-size: 18px; font-weight: normal;
		 color: black; margin-top: 5px; margin-left: 0px; margin-bottom: 10px; padding-left: 10px;
		 text-align: left;  background: #FDE2B8; border: 3px solid #EF9C00;}

div.logo_bar	{text-align: center; margin: 5px; margin-left: 20px; margin-bottom: 0px; margin-top: 0px;
                         width: 600px; background: #F8C473; border: 6px double #EF9C00; padding: 4px; padding-bottom: 2px;}

div.title_bar	{text-align: center; margin: 5px; margin-left: 0px; margin-bottom: 0px; margin-top: 5px; font-size: 36px; font-weight: bold; width: 962px;
			color: red; background: #FDE2B8; border: 6px double #EF9C00; padding: 0px;
			font-family: "Lucida Handwriting", Arial, Helvetica, sans-serif}

div.top_link_bar	{clear: both;  text-align: center; font-size: 20px; font-weight: bold; width: 960px;
				color: #008531; background: #FDE2B8; border: 3px solid #EF9C00; margin: 3px;
				 margin-bottom: 0px; margin-top: 3px; Margin-left: 0px; padding: 0px; padding-bottom: 0px;}

div.header_bar	{text-align: center; font-size: 20px; font-weight: bold; width: 960px; color: #008531; background: #FDE2B8;
                    border: 3px solid #EF9C00; margin: 4px; margin-bottom: 0px; margin-bottom: 0px; Margin-left: 0px; padding: 4px;}

ul.no_bullet	{list-style-type: none; font-weight: bold; font-size: 14px; line-height: .5; margin-top: 12px; margin-bottom: -6px;}

ol              {margin-bottom: 2px;}

h4		{text-align:center; color: black; font-weight: bold; font-size: 16px; line-height: .5; margin-top: 12px; margin-bottom: -6px;}

/* The section below is for the 5 column top Navigation bar */
div.top_nav_bar_outer_div	{width: 972px;}
div.top_nav_bar_link_list	{width: 180px; float: left; font-size: 12px; color: #008531; text-align: left; background: #FDE2B8;
				font-weight: bold; border: 4px solid #EF9C00; margin-left: 4px; margin-right: 3px; 
				margin-top: 5px;  margin-bottom: 0px; padding: 0px;}

/* The section below provides four sizes of image containing (jewelry trays) for 454x454, 290x290, 210x210 and 160,160 pixel images */
div.trays_outer			{width: 960px; padding-bottom: 10px}

div.one670_tray_link_list	{width: 670px; float: right; font-size: 16px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 8px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }

div.one_tray_link_list		{width: 932px; float: left; font-size: 16px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 0px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }
				
div.two_trays_link_list		{width: 445px; float: left; font-size: 16px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 4px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }
div.two_trays_left_link_list	{width: 445px; float: left; font-size: 16px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 3px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }
div.two_trays_right_link_list	{width: 445px; float: right; font-size: 16px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 3px; margin-right: 6px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }
				
div.three_trays_link_list	{width: 290px; float: left; font-size: 16px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 4px; margin-top: 0px;
				 margin-bottom: 10px; padding-bottom: 2px; }

div.three_trays_link_listS	{width: 290px; float: left; font-size: 14px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 4px; margin-top: 0px;
				 margin-bottom: 10px; padding-bottom: 2px; }

div.four_trays_link_list	{width: 210px; float: left; font-size: 14px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 4px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }

div.five_trays_link_list	{width: 160px; float: left; font-size: 14px; color: black; text-align: center; background: #F8C473;
				font-weight: bold; border: 10px solid #F1A629; margin-left: 4px; margin-right: 4px; margin-top: 0px;
				margin-bottom: 10px; padding-bottom: 2px; }
				
div.scrolling_pics	{margin-top: 0px; margin-bottom: 0px; height: 364px; width: 310px; border: 4px solid #990000; text-align: center; overflow: auto}

div.foot_link_bar	{clear: both;  text-align: center; font-size: 20px; font-weight: bold; width: 960px;
				color: #008531; background: #FDE2B8; border: 3px solid #EF9C00; margin: 8px; Margin-left: 0px; padding: 6px;}

.page {
	position:	relative;
	top:	190px;
	left:	165px;
	width:	480px;
}

#menuBar {
	display: block;
	margin: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 5px;
	position: relative;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 99%;
	overflow: hidden;
	background-color: #F8C473;
	}

.menuHeader {
	color: #fff;
	font-size: 16px;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	padding: 8px;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-right: 5px;
	display: inline;
	position: relative;
	background-color: blue;
	border-right: 1px solid #000000;
	}

.menuDrop {
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	top: 0px;
	left: 0;
	width: 185px;
	height: auto;
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 16px;
	font-family: arial, Helvetica, sans-serif;
	font-weight: bold;
        background: #FDE2B8;
	background-repeat: repeat;
	border-style: solid;
	border-width: 0 2px 2px;
	border-color:  #EF9C00;
}

.menuDrop a {
	display: block;
	text-align: left;
	padding: 0px 5px;
	border-top: 2px solid #EF9C00;
	text-decoration: none
	}

.menuDrop a:link {
	color: red;
	}

.menuDrop a:visited {
	color: red;
	}

.menuDrop a:hover {
	color: #fff;
	background-color: #f00;
	}

.menuDrop a:active {
	color: #ffffff;
	background-color: #c00;
	}
	
.menuInside {
	display: block;
	padding: 5px;
	}