/* AHA SignWorks Style Sheet */

/* SET MAIN PAGE ELEMENTS */

body  {
	background-color: #336633;
	padding: 25px 75px;
	margin: 0px;
	text-align: center;
	}

div.container /* div within which all the site content sits */
	{
	/* 	background-color: #fecc66; */
	background-color: #ffcc33;
	padding: 0px;
	vertical-align: top;
	width: 100%;
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	}

ul {margin-top: 8px}

li {padding-top: 8px}

a:link    {color: #990000}

a:visited {color: #990000}

a:hover   {color: #006600}

	.heading {color: #660000; font-weight: bold; text-transform: uppercase; font-family: arial, verdana, sans-serif; font-size: 14px}

table, td {font-family: verdana, arial, sans-serif; font-size: 13px;
	margin: 0;
	padding: 0;
	}
	

.table-right  {float: right; margin-top: 3px; margin-left: 15px; margin-bottom: 5px}

.table-left   {float: left; margin-top: 3px; margin-right: 15px; margin-bottom: 5px}

/* ================================================================================= */

/* SET ELEMENTS IN THE HEADER */

div.header /* div that contains the logo and menu bar */
	{
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	vertical-align: middle;
	}

div.logo /* div inside the #header that contains the logo graphic and link to home page */
	{
	padding: 0px;
	width: 100%;
	background-image: url('graphics/logo_background.jpg');
	background-repeat: repeat-x;
	}
	
	img.logogif { vertical-align: baseline; }
	
	.title {
	font-size: 42pt;
	color: #ffffcc;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 20px;
	}

div.menu  /* div inside the #header that contains the menu items */
	{
	background-color: #ffcc33;
	margin: 0px;
	padding: 30px 0px 0px 0px;
	text-align: center;
	}


    div.tabs
    	{
      	padding: 0px;
      	background:#ffcc33;
      	font-size:93%;
      	line-height:normal;
      	width: 90%;
      	margin-left: auto;
      	margin-right: auto;
      	}
    	.tabs ul
    		{
	  		list-style:none;
	  		padding: 0px 0px 5px 0px;
	  		margin: 0px;
	  		/* border-bottom: solid 1px #336633; */
      		}
    	.tabs li
    		{
      		display:inline;
			text-align: center;
			margin: 0px;
			padding: 0px;
      		}
    	.tabs a
    		{
      		/* float:left; */
      		/* background:url("graphics/tableft12.gif") no-repeat left top; */
      		text-decoration:none;
      		text-align: center;
      		margin: 0px;
      		padding: 0px;
      		}
    	.tabs a span
    		{
      		/* float:left; */
      		/* display:block; */
      		/* background:url("graphics/tabright12.gif") no-repeat right top; */
       		background: #336633;
       		border: 1px solid #336633;
			color:#E4D6CD;
      		text-align: center;
      		margin: 0px;
      		padding-left: 10px;
      		padding-right: 10px;
      		padding-bottom: 5px;
      		padding-top: 5px;
      		}
      		
    		
     	/* .tabs a:hover
    		{
      		background-position:0% -42px;
      		} */
    	.tabs a:hover span
    		{
      		/* background-position:100% -42px; */
      		color: #336633;
      		margin: 0px;
      		padding-left: 10px;
      		padding-right: 10px;
      		padding-bottom: 5px;
      		padding-top: 5px;
      		background-color: #ffcc33;
      		border: solid 1px #336633;
      		}   

	.menu_table
		{
		background: #ffcc66;
		vertical-align: text-top;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		}

/* ================================================================================= */

/* SET STYLES IN THE BODY */

div.content /* div for the content of the page */
	{
	background-color: #ffffff;
        border: 1px solid #000000;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	clear: both;
	overflow: hidden;
	}

	table.content_table
		{
		font-family: verdana, arial, sans-serif;
		font-size: 13px;
		margin: 10px;
		padding: 10px;
		}

	p.main_content
		{
		padding: 15px;
		}

	.section_title
		{
		font: bold 20px tahoma, verdana, arial, sans-serif;
		text-align: center;
		padding-bottom: 20px;
		}

	.price
		{
		color: #990000
		}
		
	.productblock
		{
		clear: both;
		vertical-align: middle;
		width: 70%;
		margin-right: auto;
		margin-left: auto;
		}
	
	.product_text
		{
		font-size: 10px;
		padding-left: 25px;
		}

	.photo_block
		{
		text-align: center;
		margin-right: auto;
		margin-left: auto;
		}
		
	.product_detail
		{
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}
	
	.product_detail h3
		{
	
		}
		
	.product_detail p
		{
		
		}
	
	.contact
		{
		font-weight: bold;
		text-align: center;
		line-height: 200%;
		margin-left: auto;
		margin-right: auto;
		}
a.submenu:link    {font-size: 11px; text-decoration: none}

a.submenu:visited {font-size: 11px; text-decoration: none}

a.submenu:hover   {font-size: 11px; text-decoration: underline}

.indent {padding-left: 25px}

.bold {font-weight: bold}

.tiny {font-size: 10px}

/* styles for photos in the body */

.photo-right
	{
	float: right;
	margin-top: 3px;
	margin-left: 20px;
	margin-bottom: 3px;
	border: solid 1px #000000;
	padding: 1px;
	
	}

.photo-left   {float: left; clear: left; margin-top: 3px; margin-right: 20px; margin-bottom: 3px; border: solid 1px #000000}

.photo-center { border: solid 1px #000000; margin-left: 5px; margin-right: 5px; padding: 1px;}

.image_link { border: solid 1px #000000; margin-left: 0px; margin-right: 0px; padding: 0px; background-color: #ffffff;}

.thumb        {border: solid 2px #990000; margin: 7px 12px 7px 17px}

.caption      {font-size: 10px; font-family: arial, sans-serif; color: #003300}

/* ================================================================================= */

/* SET STYLES IN THE FOOTER */

div.footer /* div for the footer of the page */
	{
	background-color: #ffcc33;
	/* border-top: solid 1px #336633; */
      	width: 90%;
      	margin-left: auto;
      	margin-right: auto;
      	text-align: center;
	}

a.footer:link    {font-size: 11px; font-weight: bold; text-decoration: none}

a.footer:visited {font-size: 11px; font-weight: bold; text-decoration: none}

a.footer:hover   {font-size: 11px; font-weight: bold; text-decoration: underline}
	
/* ================================================================================= */