/* Style sheet for TWC Graphics Design template */
body  { margin:10px 0 20px 0; padding:0; background:url(images/design_elements/bgGREY.gif); background-position:center; font: normal font-family:tahoma; font-size:11px; line-height:13px; color:#5A5A5A; }
input { color: #000; font: normal normal 9px Arial, sans-serif; }
h1    { background-image: url('images/design_elements/1arr.jpg'); background-repeat: no-repeat; 
	width: 90%; color: #000; font:  normal bold 14px Arial, sans-serif; padding-left: 15px; 
	padding-bottom: 3px; padding-top: 6px;}
h2    { color: #5a5a5a; font:  normal bold 10px Tahoma, Arial, sans-serif;
	border-bottom: 1px solid #98002E; padding-bottom: 3px; width: 85%; }
h3    { color: #000; font:  normal bold 13px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h4    { color: #000; font:  normal bold 12px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h5    { color: #466552; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
h6    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; margin-bottom: 4px; }
ol ol ol { color: #466552; font: normal normal 11px Verdana, Arial, sans-serif; }
ol ol { color: #466552; font: normal normal 11px Verdana, Arial, sans-serif; }
ol { color: #466552; font: normal normal 11px Verdana, Arial, sans-serif; }
ul       { list-style-image: url('images/design_elements/2arr.jpg'); color: #466552; 
	font: normal normal 11px/16px Verdana, Arial, sans-serif; }
ul ul    { color: #333; font: normal normal 11px/16px Verdana, Arial, sans-serif; }
ul ul ul { color: #466552; font: normal normal 10px/13px Verdana, Arial, sans-serif; }
.smtype { background: #f0f0f0; font: normal normal 10px/13px arial; color:#5A5A5A;
	border-left: 2px solid #DED9D6; padding: 3px; }
	
	/* Define include_top area */
.topleft { background: #DED9D6; border-left: 1px solid #DED9D6; padding: 6px; }
.topright { background: #DED9D6; background-image: url('images/design_elements/topbox.gif'); background-repeat: no-repeat;
	color: #000; font: normal normal 11px Verdana, Arial, sans-serif; padding: 10px; }
	
	/* Define top banner */
.webinfo { background: #002653; background-image: url('images/page_elements/websiteInfo.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Tahoma, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #002653; border-top: 6px solid #002653; padding-left: 6px; }

.miracles { background: #669900; background-image: url('images/page_elements/miracles.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Tahoma, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #669900; border-top: 6px solid #669900; padding-left: 6px; }
.education { background: #cc0000; background-image: url('images/page_elements/EducationBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #cc0000; border-top: 6px solid #cc0000; padding-left: 6px; }
.strategy { background: #ff6600; background-image: url('images/page_elements/StrategyBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #ff6600; border-top: 6px solid #ff6600; padding-left: 6px; }
.creativity { background: #009900; background-image: url('images/page_elements/CreativityBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #009900; border-top: 6px solid #009900; padding-left: 6px; }
.contact { background: #98002E; background-image: url('images/page_elements/ContactUsBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #98002E; border-top: 6px solid #98002E; padding-left: 6px; }
.cookies { background: #cc3399; background-image: url('images/page_elements/TeamCookies.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #cc3399; border-top: 6px solid #cc3399; padding-left: 6px; }
.people { background: #0C74AE; background-image: url('images/page_elements/WhatsNewBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #0C74AE; border-top: 6px solid #0C74AE; padding-left: 6px; }
.sitemap { background: #F33821; background-image: url('images/page_elements/SiteMap.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Tahoma, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #F33821; border-top: 6px solid #F33821; padding-left: 6px; }
.press { background: #2969CD; background-image: url('images/page_elements/PressRelease.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Tahoma, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #2969CD; border-top: 6px solid #2969CD; padding-left: 6px; }
.articles { background: #339900; background-image: url('images/page_elements/ArticlesBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Tahoma, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #339900; border-top: 6px solid #339900; padding-left: 6px; }
.careers { background: #F99E0F; background-image: url('images/page_elements/Careers.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Tahoma, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #F99E0F; border-top: 6px solid #F99E0F; padding-left: 6px; }
.free { background: #0C74AE; background-image: url('images/page_elements/FreeBanner.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #2BB5BA; border-top: 6px solid #2BB5BA; padding-left: 6px; }
.newsletter { background: #0C74AE; background-image: url('images/page_elements/Newsletter.jpg'); background-repeat: no-repeat;
color: #000; font: normal normal 11px Verdana, Arial, sans-serif; height: 215px;
	 border-bottom: 6px solid #06A6C0; border-top: 6px solid #06A6C0; padding-left: 6px; }


/* Define top menu banner */
.topbanner1 { background: #000; color: #FFF; font: normal normal 11px Tahoma, Arial, sans-serif; 
	 line-height: 28px; border-bottom: 1px solid #DED9D6; padding-left: 10px; }
.topbanner1 a:link    { color: #FFF; text-decoration: none;   }
.topbanner1 a:active  { color: #98002E; text-decoration: none;   }
.topbanner1 a:visited { color: #FFF; text-decoration: none;   }
.topbanner1 a:hover   { color: #669900; text-decoration: underine;  }

/* Define top 2 menu banner */
.topbanner2 { background: #98002E; color: #FFF; font: normal normal 11px Verdana, Arial, sans-serif; 
	 height: 28px; border-left: 1px solid #DED9D6; border-bottom: 1px solid #DED9D6; padding-right: 10px; }
.topbanner2 a:link    { color: #FFF; text-decoration: none;   }
.topbanner2 a:active  { color: #98002E; text-decoration: none;   }
.topbanner2 a:visited { color: #FFF; text-decoration: none;   }
.topbanner2 a:hover   { color: #DED9D6; text-decoration: underine;  }

/* Define main sections */
.leftside { background: #f0f0f0; font: normal normal 11px/14px tahoma; color:#5A5A5A;
	border-left: 2px solid #DED9D6; padding: 6px; }
.leftmenu { background: #FBE7AB; font: normal normal 11px/24px Verdana, Arial, sans-serif; 
	color: #000; width: 100%; border: 1px solid #98002E;  }
.leftmenutop { background: #8F552A; font: normal normal 11px/16px Verdana, Arial, sans-serif; 
	color: #FFF; width: 100%; border: 1px solid #98002E; height: 24px; }
.leftmenu a:link    { color: #000; font-weight: normal; width: 100%; height: 24px; }
.leftmenu a:active  { color: #000; font-weight: normal; width: 100%; height: 24px; }
.leftmenu a:visited { color: #000; font-weight: normal; width: 100%; height: 24px; }
.leftmenu a:hover   { background: #98002E; 
	font-weight: normal; color: #FFF; width: 100%; height: 24px; }

.main { background: #F0f0f0; color: #5a5a5a; font: normal normal 11px/16px tahoma; 
	padding-left: 10px; padding-right: 18px; border-right: 2px solid #DED9D6; border-left: 2px solid #DED9D6; }
.rightside { background: #F0f0f0; font: normal normal 11px/16px tahoma; 
	color: #5A5A5A; border-right: 2px solid #DED9D6; padding: 5px; }
.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;  }
.form { background: #FFF; font: normal normal 9px/12px Verdana, Arial, sans-serif; 
	color: #333;
}



/* Define product page sections */
.box      { color: #333; font: normal normal 8px/13px Tahoma, Arial, sans-serif; 
	padding-top: 4px; padding-bottom: 4px; }
.boxtop   { background: #ffff; color: #5a5a5a; font: normal bold 9px/15px Tahoma, Arial, sans-serif; 
	padding-top: 2px; padding-bottom: 2px;   }
.products        { background: #FFF; }
.productssleft   {  color: #466552; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; font: normal normal 11px/16px tahoma;}
.productssright  { background: #FFF; color: #466552; border-left: 1px solid #98002E; border-top: 1px solid #98002E; 
	padding-left: 10px; padding-right: 10px; padding-top: 4px; padding-bottom: 4px; border-right: 1px solid #98002E; }


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

/* Define footer area */
.footer { background: #000; color: #FFF; font: normal normal 11px/14px tahoma; 
	 line-height: 28px; border-top: 1px solid #98002E; border-bottom: 1px solid #98002E; }
.footer a:link    { color: #FFF; text-decoration: none;   }
.footer a:active  { color: #98002E; text-decoration: none;   }
.footer a:visited { color: #FFF; text-decoration: none;   }
.footer a:hover   { color: #669900; text-decoration: underine;  }

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