/***************************************************
CSS Documentation:

==================
Layout Details
==================

This site is templated using the GetActive CMS system
The homepage:
A table contains the 3 columns of content beneath the main feature - used an image map for the 2 main help links

Navigation/Menus
Uses a CSS image hover by wrapping a block element in an anchor. Both on and off state are in one graphic. The view area of the graphic is set relative to the size of one button,
and the overflow is hidden. Chris Burmester set the initial directive to wrap a div in an anchor and swap the bg image. Used a method to employ and that prevents 
flickering BG images in IE http://wellstyled.com/css-nopreload-rollovers.html. Thanks to Petr Stanicek @ www.pixy.cz for the example 2 set up (please forgive - no encoded charactors used in the spelling of this name) 

==================
About CSS
==================
To assist with viewing styles for this page: 
1. Get a copy of Mozilla Firefox at http://mozilla.org/products/firefox/ if you don't have one already.
2. Install Chris Pedericks Web Developer's Toolbar if you haven't already at http://www.chrispederick.com/work/firefox/webdeveloper/
3. You have other software that enables you to dissect a Web page layout.

=====================
Browser Compatibility
=====================
Viewable in all standard compliant browsers, degrades gracefully in older, non compliant software pre 2000.
Note: Even current browsers handle CSS differently. To accomodate these differences with one style sheet, the !important hack and child selector hack may be used.

!important hack
IE ignores this w3c standard: !important. By declaring the 1st property:value; in a declaration as !important, the second property:value; will be applied by IE, and ignored by other SC browsers. 
This enables you to set 2 different values in one declaration for properties like margins, padding, font size, color, on and on...

The child selector: html>body #yourstylehere {margin:10px} 
IE ignores the child selector enabling page authors to assign different attributes for the same content block.
When the child selector is used it hides a set of attributes from IE but is read by other SC browsers. The style compatible with IE uses the 
same id or class but without the child selector. You can set major differences this way.
=========================
In Progress Documentation
=========================
This style sheet is in progress and may contain extraneous/unused styles while in production and until release of the final site.

Created 04/07/2006 :: by Diane Dougherty for Dave Prescott/ B12 :: http://www.ecreative1.com :: http://www.btwelve.com 
Edited  04/28/2006 :: by Hilary Shore/GetActive Software
 
***************************************************/


body {margin:0px;font-family: georgia, times, serif;color:#6D635A;}

hr
{
	color: #E2E0DE;
	background: #E2E0DE;
	border: 0;
	height: 1px;
	text-align: center;
}


#wrap {margin:0 auto; width: 750px;}

#wrapHP {margin:0 auto; width: 750px;}


#header {width:750px; height:87px;background-image: url("http://www.malwarwick.com/assets/wrapper/headerBG.gif");margin:auto;}

/* positions hotlinked 1x1trans.gif over the logo which is part of the background. Also positions the menu - had to use this method to force IE6 
to position correctly*/
.homelink {position:relative;width:350px; }

/*************************
Home Page Styles
**************************/	

/* positions hotlinked 1x1trans.gif over the logo which is part of the background. Also positions the menu - had to use this method to force IE6 
to position correctly*/
.homelink {position:relative;float:left;width:350px;}

.hp_table_banners {border-bottom:1px solid #E2E0DE; color:#6D635A;font: normal 11px arial, helvetica, sans-serif;margin:0 auto; width: 760px;padding:20px 20px 0 0 ;}
.hp_table_banners p {font: normal 11px arial, helvetica, sans-serif;padding-bottom:0px;margin-bottom:0px;}
.hp_table_banners td.borders {border-left: 1px solid #E2E0DE;border-right: 1px solid #E2E0DE;padding-left:15px;}
.hp_table_banners td {padding-left:15px;}

.hp_table_banners h1 {font: bold 12px arial, helvetica, sans-serif;color:#B34F00;}
.hp_table_banners h2 {font: bold 12px arial, helvetica, sans-serif;color:#B34F00;}
.hp_table_banners a {font: bold 11px arial, helvetica, sans-serif;color:#B34F00;text-decoration:none;}
.hp_table_banners a:hover {color: #C9A034;} 
.hp_table_banners td.pad_rt {padding-right:10px;}

.table_banners {border-bottom:1px solid #E2E0DE; color:#6D635A;font: normal 11px arial, helvetica, sans-serif;margin:0 auto; width: 770px;}
.table_banners p {font: normal 11px arial, helvetica, sans-serif;padding-bottom:0px;margin-bottom:0px;line-height:140%!important;line-height:120%;padding-right:10px;}
.table_banners td.borders {border-left: 1px solid #E2E0DE;border-right: 1px solid #E2E0DE;}
.table_banners td {padding-left: 10px;}
 .marginfix {padding:-20px;}

.table_banners h1 {font: bold 12px arial, helvetica, sans-serif;color:#B34F00;}
.table_banners a {font: bold 11px arial, helvetica, sans-serif;color:#B34F00;text-decoration:none;}
.table_banners a:hover {color: #C9A034;} 
.table_banners td.pad_rt {padding-right:10px;}

#HPcontent {margin:0 auto; width: 750px;}

.arrow  {margin-right:5px;margin-top:-1px;}
.arrow_feat    {margin:-8px 5px 0 0!important;margin:-2px 5px 0 0;}

#featured {width:750px; height:30px;background-image: url("http://www.malwarwick.com/assets/wrapper/feature_footer.gif");margin:auto;}
#featured h1 {display:block;font: normal 12px arial, helvetica, sans-serif;color:#fff;text-decoration:none;padding-top:8px;padding-left:6px;width:42 0px; margin:0; font-weight:bold;}

#featured a {display:block;font: normal 12px arial, helvetica, sans-serif;color:#fff;text-decoration:none;padding-top:8px;padding-left:6px;width:42 0px;}
#featured a:hover {color:#B34F00;}
#featured h1 a:hover {color:#B34F00;}

.clearit {clear:both;}

/*************************
Search and form styles
**************************/	
.search {font: bold 11px arial, helvetica, sans-serif;color:#999999;}
.search table {margin-top:35px;}
.search a {font: bold 11px arial, helvetica, sans-serif;color:#999999;text-decoration:none;}
.search a:hover {text-decoration:underline;}
.search input {border:1 px solid #999999;width:160px;font: bold 11px arial, helvetica, sans-serif;color:#999999; padding: 4px 0px;}

.search input.btn {width:27px;position:relative;top:10px;left:10px;}

/*******************************
Inside Template
*******************************/
#maincontent  {vertical-align:center;}
#maincontent h1 {font: normal 22px georgia, times, serif;margin:0px;padding-bottom:10px;color: #6C6359;}
#maincontent h2 {font: normal 17px georgia, times, serif;margin:0px;padding-bottom:0px;color: #6C6359;}
#maincontent  p {font: normal 13px georgia, times, serif; color:#6C6359;line-height:140%;margin:0;}
#maincontent  a {font: normal 13px georgia, times, serif; }

#maincontent table.subtable {}
#maincontent table.subtable h1  {font: bold 13px georgia, times, serif;color: #6C6359;margin:0px 0 0px 0;padding:0px;}
#maincontent table.subtable td {margin:0px;padding:0px 15px 0 0;}

td.sidebar {padding-right:20px;}

td.sidebar p {line-height:130%;}

td.sidebar p.quote {font: normal 14px georgia, times, serif; color:#CC9900; line-height:140%;}
td.sidebar p.author {font: bold 11px arial, helvetica, sans-serif; color:#CC9900;padding:0px 0px 0px 0px;}
td.sidebar p.author i {font-style: italic;font-weight:normal;}

/*******************************
Menus/Navigation
*******************************/

#navBG1 {width:750px; height:41px;background-image: url("http://www.malwarwick.com/assets/wrapper/new_nav_off.gif");margin:auto;}
#navBG2 {width:750px; height:41px;background-image: url("http://www.malwarwick.com/assets/wrapper/new_nav_1.gif");margin:auto;}
#navBG3 {width:750px; height:41px;background-image: url("http://www.malwarwick.com/assets/wrapper/new_nav_2.gif");margin:auto;}
#navBG4 {width:750px; height:41px;background-image: url("http://www.malwarwick.com/assets/wrapper/new_nav_3.gif");margin:auto;}
#navBG5 {width:750px; height:41px;background-image: url("http://www.malwarwick.com/assets/wrapper/new_nav_4.gif");margin:auto;}
#navBG6 {width:750px; height:41px;background-image: url("http://www.malwarwick.com/assets/wrapper/new_nav_5.gif");margin:auto;}

#menu {}
#menu ul {
	margin: 0px;padding:0px;
	list-style-type: none;
	}
	
#menu ul li {
	
	margin: 0px;padding:0px;
	float: left;
}
	 
#menu  a 
	{font: bold 12px arial, helvetica, sans-serif;
	display: block;
	color: #fff; 
	padding:9px 15px 0 20px;text-align:center;width:115px;
	text-decoration: none;
	 }
	 
#menu a.selected:hover {color:#fff;}

#menu  a:hover
	{color:#6D635A;}		
	
/*default submenu styling*/
.navigationItem {
	background-color: #fff;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width:138px;
	font-size:12px!important;font-size:11px;
	border-bottom: solid 1px #E2E0DE; 
	padding-bottom:10px;
	padding: 12px 8px;
	color: #CC9900;
	text-decoration: none;
	display: block; 
}

.navigationItem a {
	color: #CC9900;
}

.navigationItem a:hover {
	color: #6D635A;
}
 
#footer {width:750px;margin:auto;}
#footer p  {margin-top:15px;font: normal 11px arial, sans-serif;color:#999;text-align:right;padding-right:20px;}

#footer p a	{font-size:11px;color:#999;text-decoration:none; font-weight:bold; padding:4px;}
#footer p a:hover	{text-decoration:underline;}

p a img {display:none;}
#wrapHP p a img {display:block;}