@charset "utf-8";
/* CSS Document */

A:link {text-decoration: underline; color: #74122D;}
A:visited {text-decoration: underline; color: #74122D;}
A:active {text-decoration: underline; color: #74122D;}
A:hover {text-decoration: underline; color: #C89C31;}


p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
line-height:120%;
word-spacing:0px;
letter-spacing:0px;
}

p.margin {margin: auto auto auto 4cm}

ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:140%;
}

.main {
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/bg.jpg); background-attachment: fixed; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 15px;
}

.main #container {
	width: 867px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

.main #header { 
	background: #fff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 

h1 {
	color:#74122D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height:120%
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h2 {
	color:#74122D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h3 {
	color:#74122D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h4 {
	color:#74122D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h5 {
	color:#74122D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.main #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.main #footer { 
	background:url(../images/footer.gif);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:10px;
	padding-bottom:12px;
	color:#CCCCCC
 } 
.main #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.main #promo  {
	background:url(../images/bg_middle.jpg); height:212px; background-repeat:no-repeat
}


.main #nav { background:url(../images/bg_navbar.jpg); height:36px; background-repeat:no-repeat;}
.main #nav a:hover {
}


.main #sidebar .snav a {
	display:block;
	font-family:Verdana;
	text-align:left;
	text-decoration:none;
	margin:0;
	padding-right: 13px;
	padding-top:3px;
	font-size:13px;
	color:#74122d;
	background:url(../images/subnav-bg.gif);
	background-repeat:no-repeat;
	padding-bottom: 5px;
	padding-left: 35px;
}

.main #sidebar .snav_sub a {
	display:block;
	font-family:Verdana;
	text-align:left;
	text-decoration:none;
	margin:0;
	padding-right: 13px;
	padding-top:3px;
	font-size:13px;
	color:#74122d;
	
	background-repeat:no-repeat;
	padding-bottom: 5px;
	padding-left: 35px;
}


.main #sidebar .snav a:hover {
	display:block;
	text-decoration:none;
	color:#996600;
	background:url(../images/subnav-bgR.gif);
	background-repeat:no-repeat
}

.main #sidebar .slink { color:#eff2f5; font-size:11px; text-decoration:underline; text-align:center; padding:4px }
.main #sidebar .slink a { color:#eff2f5; text-decoration:underline; text-align:center; }
.main #sidebar .slink a:hover { color:#DDEEFF; text-decoration:underline }



.readerb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 20px;
	word-spacing:2px;
	letter-spacing:1px;
	line-height: 110%;
	color: #C89C31;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	}
	
.leader {
	font-family: Verdanda, Arial, Helvetica, sans-serif;
	font-size: 20px;
	word-spacing:2px;
	letter-spacing:1px;
	line-height: 130%;
	color: #74122D;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 5px;
}

/***********************************************/
/* Home middle rollovers                       */
/***********************************************/
/* .main #homeNav a { display:block; height:302px; text-decoration:none; margin:0; background-repeat:no-repeat; } */
/*
.main #homeNav a.about { background:url(../images/home_nav1.jpg); width:161px; }
.main #homeNav a.service { background:url(../images/home_nav2.jpg); width:172px; }
.main #homeNav a.products { background:url(../images/home_nav3.jpg); width:203px; }
.main #homeNav a.careers { background:url(../images/home_nav4.jpg); width:172px; }
.main #homeNav a.contact { background:url(../images/home_nav5.jpg); width:159px; }

.main #homeNav a.about:hover { background:url(../images/home_nav1R.jpg); width:161px; }
.main #homeNav a.service:hover { background:url(../images/home_nav2R.jpg); width:172px; }
.main #homeNav a.products:hover { background:url(../images/home_nav3R.jpg); width:203px; }
.main #homeNav a.careers:hover { background:url(../images/home_nav4R.jpg); width:172px; }
.main #homeNav a.contact:hover { background:url(../images/home_nav5R.jpg); width:159px; }
*/

/***********************************************/
/* Navigation                                  */
/***********************************************/
/* .main #nav a { text-decoration:none; margin:0; background-repeat:no-repeat; border:none } */
.main #nav a.left { background:url(../images/navL.gif); width:129px; padding:0px; }
.main #nav A:link {color: #FFFFFF;}
.main #nav A:visited {color: #FFFFFF;}
.main #nav A:active {color: #FFFFFF;}
.main #nav A:hover {color: #C89C31;}

/*
a.home { background:url(../images/nav1.gif); height:30px; }
.main #nav a.products { background:url(../images/nav2.gif); height:30px; }
.main #nav a.services { background:url(../images/nav3.gif); height:30px;}
.main #nav a.careers { background:url(../images/nav4.gif); height:30px;}
.main #nav a.about { background:url(../images/nav5.gif); height:30px;}
.main #nav a.contact { background:url(../images/nav6.gif); height:30px;}

.main #nav a.home:hover { background:url(../images/nav1R.gif); height:30px; }
.main #nav a.products:hover { background:url(../images/nav2R.gif); height:30px; }
.main #nav a.services:hover { background:url(../images/nav3R.gif); height:30px;}
.main #nav a.careers:hover { background:url(../images/nav4R.gif); height:30px;}
.main #nav a.about:hover { background:url(../images/nav5R.gif); height:30px;}
.main #nav a.contact:hover { background:url(../images/nav6R.gif); height:30px;}
*/

/***********************************************/
/* Home footer                                 */
/***********************************************/
.main #homeFooter {
	padding:75px 350px 40px 50px;
	background:url(../images/home_footer.jpg) 0 0 no-repeat;
	height: 200px;
	color: #5F5A5E;
	line-height: 16px;
	font-size: 13px;
}