/* Style sheet for TWC Graphics Design template */

html {
	margin: 0px;
	padding: 0px;
	}
/*#EFEDDA */
body  { background: url(images/bg.jpg) #E2E2E2 ;
	color: #2D8A54; 
	font: normal normal 11px Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	}
input { color: #000; font: normal normal 9px Arial, sans-serif; }
h1    { background: #EFECD9; color: #000; font:  normal bold 13px Arial, sans-serif; padding: 2px; }
h2    { color: #688568; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h3    { color: #2D8A54; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #688568; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #2D8A54; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #688568; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol, ol ol, ol ol ol { color: #6C6C37; font: normal normal 12px Verdana, Arial, sans-serif; }
ul       { color: #333; font: normal normal 12px/16px Verdana, Arial, sans-serif; }
ul ul    { color: #688568; font: normal normal 11px/16px Verdana, Arial, sans-serif; }
ul ul ul { color: #2D8A54; font: normal normal 10px/13px Verdana, Arial, sans-serif; }

/* Define include_top area */
.banner { background: #688568;
	border-left: 1px solid #1F3314;
	border-right: 1px solid #1F3314;
	padding: 0px;
	margin: 0px;
	height: 260px;
	}

/* Define top menu banner */
.topbanner1 { background: url(images/design_elements/menuback.jpg) #688568; 
	font: normal normal 11px Verdana, Arial, sans-serif; 
	 line-height: 28px;
	 border-bottom: 1px solid #688568; 
	 border-top: 3px solid #B36932;}

/* Define main sections */
.entryleft { background: #FFF; font: normal normal 12px/18px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; width: 400px; border-left: 1px solid #688568;
}
.entryright { background: url(images/design_elements/entryboxback.gif) repeat-y #FFF; font: normal normal 12px/18px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; width: 320px; 
	border-right: 1px solid #688568;
}
.tagline { background: #394C30; color: #FFF; font:  italic bold 13px Arial, sans-serif; 
	font-variant: small-caps; padding: 2px; text-align: center; }
.leftside { background: #CCCC99; font: normal normal 12px/24px Verdana, Arial, sans-serif; 
	color: #000; padding: 10px; }
.leftside a:link    { color: #000; font-weight: normal; width: 135px; height: 24px; }
.leftside a:active  { color: #000; font-weight: normal; width: 135px; height: 24px; }
.leftside a:visited { color: #000; font-weight: normal; width: 135px; height: 24px; }
.leftside a:hover   { background: #EFECD9;
	font-weight: normal; color: #688568; width: 150px; height: 18px; }

.main { background: #FFF; color: #333; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
	padding: 10px;
	border-left: 1px solid #688568;
	border-right: 1px solid #688568;
 }
.rightside { background: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; 
	color: #FXFXFX; border-left: 1px solid #688568; padding: 10px; }
.formpage { background: #FFF; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #333; padding: 10px; }
.formfield { background: #FFF; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #333;  }

/* Define bold */

.main b { color: #717132; font: normal bold 12px/16px Verdana, Arial, sans-serif; 
	}

.tableoutline { border: 1px solid #717132; padding: 5px;}
.productbox2      {
 background: #fff; 
 color: #333; 
 font: normal normal 10px/13px Verdana, Arial, sans-serif; 
	padding-left: 0px;
	padding-right: 0px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	text-decoration: none;
	}
/* Define tables */
.productbox      {
 background: #EEFAFF; 
 color: #333; 
 font: normal normal 11px/13px Verdana, Arial, sans-serif; 
	padding-left: 5px;
	padding-right: 0px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
    border-top: 1px solid #023467;
   border-left: 1px solid #023467;  
   border-bottom: 1px solid #023467;
   border-right: 1px solid #023467
	}
	.productboxnerrow      {
 background: #F1F5F5; 
 color: #333; 
 font: normal normal 10px/13px Verdana, Arial, sans-serif; 
	padding-left: 0px;
	padding-right: 0px; 
	padding-top: 0px; 
	padding-bottom: 0px; 
	border-top: 0px solid #000066;
   border-left: 0px solid #000066;  
   border-bottom: 1px solid #9BD1EC;
   border-right: 1px solid #9BD1EC;
 }
	.productbox1      {
 background: #ffffff; 
 color: #333; 
 font: normal normal 10px/13px Verdana, Arial, sans-serif; 
	padding-left: 0px;
	padding-right: 0px; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	border-left: 1px solid #C5C5C5;
 	border-right: 1px solid #C5C5C5; 
	/*border: 1px solid #C5C5C5;*/ }
.productboxtop   {
 background: #4799C1; 
 color: #FFF; 
 font: normal bold 11px/15px Verdana, Arial, sans-serif; 
 padding-left: 5px;
 padding-right: 0px;
 padding-top: 0px; 
 padding-bottom: 0px; 
 border-top: 1px solid #023467; 
 border-left: 0px solid #023467;  
  border-bottom: 1px solid #023467;
 border-right: 0px solid #023467;  }
 .productboxtop1   {
 /*background: #D7E3E3; */
 color: #FFF; 
 font: normal bold 11px/15px Verdana, Arial, sans-serif; 
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px; 
 padding-bottom: 0px; /*
 border-top: 1px solid #688568; 
 border-left: 1px solid #688568;  
 border-right: 1px solid #688568;*/  }
.products        { background: #FFF; font: normal normal 11px/15px Verdana, Arial, sans-serif;
	color: #333; }
.productssleft   { background: #FFF; color: #2D8A54; border-left: 1px solid #688568; border-top: 1px solid #688568; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.productssright  { background: #FFF; color: #2D8A54; border-left: 1px solid #688568; border-top: 1px solid #688568; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #688568; }

.linkstable { text-align: left;
	line-height: 22px;
	}
/* Define textbox area */

.textbox      { background: #F7F9E4; color: #333; font: normal normal 10px/14px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; 
	border-left: 1px solid #688568; border-bottom: 1px solid #688568;  border-right: 1px solid #688568; }
.textboxheader { background: #688568; color: #FFF; 
	font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; }
.infobox      { background: #F7F9E4; color: #333; font: normal bold 12px/15px Verdana, Arial, sans-serif; 
	padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px; 
	border: 1px solid #688568; }
	

/* Define horizontal rule */
HR { height:1px; width: 96%; background:#688568; margin: 0% 2% 0% 2%; }

/* Define footer area */
.footer { background: #688568; color: #FFF; font: normal normal 11px/15px Verdana, Arial, sans-serif; 
	 border-top: 1px solid #688568; border-bottom: 1px solid #688568; }
.footer a:link    { color: #FFF; text-decoration: none;   }
.footer a:active  { color: #688568; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #ECECB4; text-decoration: underine;  }

	
/* Define standard hyperlinks */	
.main a:link  { color: #8B7520; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }  
.main a:active { color: #8B7520; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }
.main a:visited { color: #8B7520; font: normal normal Verdana, Arial, sans-serif; text-decoration: underline; }
.main a:hover { color: #000; font: normal normal Verdana, Arial, sans-serif; text-decoration: none; }