/***********************************************/
/* emx_nav_left.css                            */
/* Use with template cia_master.dwt            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
	font-family: verdana,sans-serif;
	color: #333333;
	line-height: 150%;	
	margin: 0 auto;
	padding: 0px;
	border-top: #ffffff;
	background: #cccccc url("images/site_design_images/bg_grad.jpg") fixed;
}

a.menu:link, a.menu:visited{
	color: #005fa9;
	text-decoration: none;
}

a.menu:hover{
	text-decoration: underline;
}

a.nonmenu:link{
	color: #005fa9;
	text-decoration: underline;
}

a.nonmenu:visited{
	color: #551a8b;
	text-decoration: underline;
}

a.nonmenu:hover{
	color: #cc2027;
	text-decoration: underline;
}

p{
	text-align:justify;
}


a.nonmenuL:link{
	color: #005fa9;
	font-size: 105%;
	text-decoration: underline;
}

a.nonmenuL:visited{
	color: #551a8b;
	font-size: 105%;
	text-decoration: underline;
}

a.nonmenuL:hover{
	color: #cc2027;
	font-size: 105%;
	text-decoration: underline;
}

p{
	text-align:justify;
}

a.nonmenuS:link{
	color: #005fa9;
	font-size: 105%;
	text-decoration: underline;
}

a.nonmenuS:visited{
	color: #551a8b;
	font-size: 105%;
	text-decoration: underline;
}

a.nonmenuS:hover{
	color: #9d9d9d;
	font-size: 105%;
	text-decoration: underline;
}

p{
	text-align:justify;
}

/************** header tag styles **************/

h1{
 font: bold 100% Arial, sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
	font: bold 114% small Verdana, sans-serif;
	color: #003399;
	margin: 0px;
	padding: 0px;
}

h3{
 font: bold 114% Verdana, sans-serif;
 color: #003399;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Verdana, sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: bold 150% Arial, sans-serif;
 color: #cd0404;
 margin: 0px;
 padding: 0px;
}

/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

li {
	padding: 0px 0px 10px 0px;
}

/********* form and related tag styles *********/
/*
form{
	margin: 0;
	padding: 0;
}

label{
	font: bold 1em arial,sans-serif;
	color: #334d55;
}
	
input{
	font-family: Arial,sans-serif;
}
*/	
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#pagecell1{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	/*top: 19px;*/
	background-color: #ffffff;
	width: 748px;
	border: 1px solid #ffffff;
}

/***********************************************/
/* The Quicklinks box                          */
/***********************************************/

#quicklinks{
	position: absolute;
	top: 31px;
	left: 171px;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

#quicklinks2{
	position: absolute;
	top: 31px;
	left: 443px;
	margin: 0px;
	padding: 0px;
	z-index: 10;
	background-image: url(images/site_design_images/best-sellers-links.jpg);
}

/***********************************************/
/* The Quicklink Buttons                       */
/**********************************************

#survey{
	position: absolute;
	top: 42px;
	left: 188px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#eshop{
	position: absolute;
	top: 42px;
	left: 305px;
	margin: 0px;
	padding: 0px;
	z-index: 30;
}

#fire{
	position: absolute;
	top: 42px;
	left: 477px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#nsi{
	position: absolute;
	top: 42px;
	left: 420px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#logo{
	position: absolute;
	top: 42px;
	right: 29px;
	margin: 0px;
	padding: 0px;
	z-index: 20;
}
*/


/************** utility styles *****************/

#WAukAd{
	position: absolute;
	top: 4px;
	right: -166px;
}

/***********************************************/
/* The Years in business plaque                */
/***********************************************/

#years{
	position: absolute;
	top: 182px;
	right: 110px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	left: 568px;
}

/***********************************************/
/* The 'Banner'                                */
/***********************************************/

#masthead{
	position: relative;
	margin-left:auto;
	margin-right:auto;
	height: 146px;
	width: 750px; /*added*/
	background-image:  url("images/site_design_images/top_bg.jpg");
}

/***********************************************/
/* The side navigation                         */
/***********************************************/

#pageNav{
	float: left;
	width: 151px;
	padding: 0px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

/***********************************************/
/* Main Page Content inc. feature, story, etc  */
/***********************************************/

#content{
	padding: 0px 9px 0px 0px;
	margin: 0px 0px 0px 151px;
	border-left: 1px solid #ccd2d2;
}

.vid_nav{
	padding-left:25px;
	float:left;
	width: 150px;
}

.vid_nav a img{
	float:none;
	padding:5px 0px 0px 0px;
}

.main_win{
padding-left:25px;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	/*border-bottom:1px solid #ccd2d2;*/
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 11px;
	right: 6px;
	padding: 0px;
	margin: 0px;
	left: 608px;
	width: 114px;
	height: 63px;
}

/***********************************************/
/* globalNav styles (The top menu)             */
/***********************************************/

#globalNav{
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 80px;
	top: 41px;
	margin: 0px;
}

#globalNav img{
	margin-bottom: -4px;
}

#gnl{
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr{
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 59px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 5px;
	z-index: 150;
}

a.glink, a.glink:visited{
	font-size: small;
	color: #21536a;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	text-decoration: none;
}

a.glink:hover{
  	background-color: #ffffff;
	text-decoration: none;
	color: #cc2027;
	font-weight: bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

/*
a.glink:hover{
  	background-image:  url(images/glblnav_selected.gif);
	text-decoration: none;
}
*/
a.alink, a.alink:visited{
  	font-size: small;
  	color: #21536a;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	text-decoration: none;
}

a.alink:hover{
  	background-color: #ffffff;
	text-decoration: none;
	color: #cc2027;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}

/***********************************************/
/* subglobalNav styles (The top nav dropdowns) */
/***********************************************/

.subglobalNav{
	position: absolute;
	top: 125px;
	/*width: 100%;*/
	min-width: 500px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #21536a;
	background-color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited{
	font-size: 80%;
	font-weight: bold;
	color: #21536a;
}

.subglobalNav a:hover{
	color: #cc2027;
	text-decoration: none;
}

/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 3px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #aaaaaa;
}

#breadCrumb a{
	color: #aaaaaa;
	text-decoration: none;
}

#breadCrumb a:hover{
	color: #005fa9;
	text-decoration: underline;
}

/***********************************************/
/* shoppingLinks styles (view basket, checkout)*/
/***********************************************/

#shoppingLinks{
	padding: 3px 9px 5px 10px;
	font: small Verdana,sans-serif;
	color: #000000;
	float: right;
}

#shoppingLinks a{
	color: #000000;
}

#shoppingLinks a:hover{
	color: #005fa9;
	text-decoration: underline;
}

/***********************************************/
/* sectionLinks styles - side navigation       */
/***********************************************/

#sectionLinks a:link, #sectionLinks a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:    url("images/site_design_images/bg_nav_arrow_in.gif");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
}

#sectionLinks a:hover{
	background-image:   url("images/site_design_images/bg_nav_arrow_down.gif");
	font-weight: bold;
	color: #cc2027;
	text-decoration: none;
	border-bottom: 1px solid #f8f6fd;
}
.sectionLinksName{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image:    url("images/site_design_images/bg_nav_arrow_in.gif");
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
	cursor:pointer;
}

/************ sectionLinks1 styles **************/

#sectionLinks1 a:link, #sectionLinks1 a:visited{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-color: #edf1fd;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	text-decoration: none;
}

#sectionLinks1 a:hover{
	font-weight: bold;
	color: #cc2027;
	text-decoration: underline;
	border-bottom: 1px solid #cccccc;
}

/***********************************************/
/* subSectionLinks styles - side nav dropdowns */
/***********************************************/
 
#subSectionLinks a:link, #subSectionLinks a:visited{
	display: block;
	background-color: #ffffff;
	background-image: none;
	padding: 3px 0px 3px 10px;
	font-weight: normal;
	color: #00066A;
	text-decoration: none;
	border-bottom: 0px;
	border-top: 0px;
}
 
#subSectionLinks a:hover{
	color: #cc2027;
	background-color: #ffffff;
	font-weight: normal;
	background-image: none;
	text-decoration: underline;
	border-bottom: 0px;
	border-top: 0px;
}

/***** feature styles (1st feature) *************/

.feature{
	padding: 172px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
	min-height: 200px;
	height: 200px;
}

html>body .feature{
	height: auto;
}

.feature h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding-bottom: 10px;
}

.feature p{
	padding: 0px 20px 0px 0px;
}

.feature img{
	float: right;
	padding: 40px 0px 10px 20px;
}

.feature img.buynow{
	float: right;
	padding: 10px 15px 10px 20px;
	border: none; 
	text-decoration: none;
}


.feature img.pdfWordIcons{
	float: left;
	padding: 0px 5px 15px 3px;
	border: none; 
	text-decoration: none;
}
/***** feature1 styles (2nd, 3rd, 4th features) *****/

.feature1{
	padding: 35px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
	min-height: 200px;
	height: 200px;
}

html>body .feature1{
	height: auto;
}

.feature1 h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding-bottom: 15px;
}

.feature1 p{
	padding: 0px 20px 0px 0px;
}

.feature1 img{
	float: right;
	padding: 30px 0px 10px 20px;
}

.feature1 img.buynow{
	float: right;
	padding: 10px 15px 10px 20px;
	border: none; 
	text-decoration: none;
}

/***** featureCL styles (centered image) ********/

.featureCL{
	padding: 5px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
}

html>body .featureCL{
	height: auto;
}

.featureCL p{
	padding: 0px 20px 0px 0px;
}

.featureCL img{
	float: right;
	padding: 30px 45px 30px 20px;
}
 
/***** feature2 styles (no H tag) ***************/

.feature2{
	padding: 0px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
}

html>body .feature2{
	height: auto;
}

.feature2 h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding-bottom: 20px;
}

.feature2 p{
	padding: 0px 20px 0px 0px;
}

.feature2 img{
	float: right;
	padding: 15px 0px 20px 30px;
}

/***** feature styles (feature imgage left) ******/

.featureLeft{
	padding: 168px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
	min-height: 200px;
	height: 200px;
}

html>body .featureLeft{
	height: auto;
}

.featureLeft h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding-bottom: 14px;
}

.featureLeft p{
	padding: 0px 20px 0px 0px;
}

.featureLeft img{
	float: left;
	padding: 0px 0px 0px 10px;
}

/*************** story styles ******************/

.story{
	padding: 25px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
}

.story h1{
	font: bold 160% verdana,sans-serif;
	color: #003399;
	padding-bottom: 15px;
}

.story p{
	padding: 0px 15px 0px 0px;
}

.story img{
	float: right;
	padding: 40px 0px 10px 20px;
}
/**
.story{
	padding: 20px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
}

.story h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding-bottom: 15px;
}

.story p{
	padding: 0px 10px 15px 0px;
}

.story img{
	float: right;
	padding: 20px 0px 20px 20px;
}

.story a.capsule{
	font: bold 1em small verdana,sans-serif;
	color: #003399;
	display: block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 6px;
}

/***** story1 styles (cover stories) *****/

.story1{
	padding: 20px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
}

.story1 h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding: 30px 0px 0px 0px;
}

.story1 p{
	padding: 0px 0px 15px 0px;
}

.story1 img{
	float: right;
	/*padding: 20px 0px 20px 20px;*/
}

.top img{
	float: left;
	padding: 0px 0px 0px 0px;
}

.file_not_found img{
	float: left;
	padding: 0px 0px 0px 0px;
}

/***** story2 styles (float left news arc) *****/

.story2{
	padding: 180px 0px 0px 20px;
	font-size: 80%;
	font: small Verdana,sans-serif;
}

.story2 h1{
	font: bold 160% Verdana,sans-serif;
	color: #003399;
	padding: 30px 0px 0px 0px;
}

.story2 p{
	padding: 0px 0px 15px 0px;
}

.story2 img{
	float: right;
	/*padding: 20px 0px 20px 20px;*/
}

.top img{
	float: left;
	padding: 0px 0px 0px 0px;
}

/***********************************************/
/* siteInfo styles - bottom nav inc. logos     */
/***********************************************/

#siteInfo{
	clear: both;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	text-decoration: none;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a:hover{
	color: #005fa9;
	text-decoration: underline;
}

img.clean{
    border: none; 
	text-decoration: none; 
}

/***********************************************/
/* scroll styles - scrolling testimonials      */
/***********************************************/

.scroll{
	margin: 0px;
	font-weight: bold;
	color: #21536a;
	padding: 5px 10px 5px 10px;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
}

/********* the stop/start scroll button ********/

.stopscroll{
	margin: 0px;
	font-weight: bold;
	color: #cc2027;
	padding: 3px 0px 4px 0px;
	background-color: #edf1fd;
	border-bottom: 1px solid #cccccc;
}

/****** relatedLinks (was under side nav) ******/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	background-color: #f6f8fd;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h1{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}

/***** advert styles (was under side nav) ******/

#advert{
	padding: 10px;
	background-color: #ffffff;
}

#advert img{
	display: block;
}