/*********************************************************************
 * 				  main.css
 * 				  -----------
 * 	begin			: 2008/09/06
 * 	copyright		: (C) 2007 WTL Designs
 * 	email			: mitron@wtldesigns.com
 * 	$Id: main.css,v 1.0.0.0 2008/09/06 17:28:51 mitron Exp $
 *
 *********************************************************************/

/*********************************************************************
 * Main CSS.
 *********************************************************************/

/* Basic Elements */
html {}

body {
	background-color : #2C3E80;
	color : #FFFFFF;
	margin : 10px auto;
	padding : 0;
	text-align : center;
	width : 800px;
}

div {}
span {}
img {
	display : block;
}

a {}
a:link {}
a:visited {}
a:hover {}
a:active {}

h1 {}
h2 {
	font-size : 16px;
}
h3 {
	font-size : 14px;
}
h4 {}
h5 {}
h6 {}

p {}

b {}
i {}
q {}

br {}
em {}
hr {}
tt {}

bdo {}
big {}
del {}
dfn {}
ins {}
kbd {}
map {}
pre {}
sub {}
sup {}
var {}

abbr {}
area {}
cite {}
code {}
samp {}

small {}

button {}
object {}
strong {}

acronym {}
address {}

blockquote {}

/* Lists Begin */
dl {
	display : block;
	margin : 0 20px 0 0;
	padding : 0 0;
	text-align : left;
}
dl dt {
	background-color : #505A8B;
	float : left;
	font-size :12px;
	font-weight : bold;
	line-height : 28px;
	margin : 0 15px 0 0;
	padding : 0 15px;
	width : 135px;
}
dl dd {
	background-color : #2C3E80;
	font-size :14px;
	line-height : 28px;
	margin : 0 0;
	padding : 0 0;
}

ol {}
ol li {}

ul {}
ul li {}
/* Lists End */

/* Table Begin */
table {}
table tr {}
table tr th {}
table tr td {}

table tbody {}
table tbody tr {}
table tbody th {}
table tbody td {}

table tfoot {}
table tfoot tr {}
table tfoot th {}
table tfoot td {}

table thead {}
table thead tr {}
table thead th {}
table thead td {}

table colgroup {}
table colgroup col {}
table caption {}
/* Table End */

/* Form Begin */
form {
	margin : 0 0;
	padding : 0 0;
}
form input, form textarea {
	background-color : #2C3E80;
	color : #FFFFFF;
	font-size : 10px;
}
form input.srh {
	margin-top : 10px;
}
form p {
	text-align : center;
}
form label {}
form textarea {}

form select {
	background-color : #2C3E80;
	color : #FFFFFF;
	font-size : 10px;
}
form select option {}
form select optgroup {}
form select optgroup option {}

form fieldset {}
form fieldset legend {}
form fieldset label {}
form fieldset input {}
form fieldset select {}
/* Form End */

frameset {}
frameset frame {}

iframe {}

/* Page Begin */
#pge {}
/* Page End */

/* Header Begin */
#hdr {
	background-image : url('http://www.donaldsoncompanies.com/tpl/default/images/hbk.jpg');
	display : block;
	font-family : arial, sans-serif;
	position : relative;
	text-align : right;
	width : 780px;
}
#hdr .hlf {
	background-image : url('http://www.donaldsoncompanies.com/tpl/default/images/hlf.jpg');
	float : left;
	height : 100px;
/*	position : absolute; */
	width : 475px;
}
#hdr .hrg {
	background-image : url('http://www.donaldsoncompanies.com/tpl/default/images/hrg.jpg');
	float : right;
	font-size : 14px;
	font-weight : bold;
	height : 100px;
/*	position : relative; */
	text-align : right;
	width : 300px;
}
/* Header End */

/* Title Begin */
#ttl {}
/* Title End */

/* Body Begin */

#bdy {
	background-image : url('http://www.donaldsoncompanies.com/tpl/default/images/bdy.jpg');
	clear : right;
	display : block;
	font-family : arial, sans-serif;
	width : 780px;
	position : relative;
}

/* Left Side Bar Begin */
#sdl {
	float : left;
/*	margin-right : 20px; */
	width : 150px;
}
#sdl ul {
	margin : 0 10px;
}
#sdl ul li {
	background-color : #505A8B;
	font-size : 14px;
	font-weight : bold;
	list-style-type : none;
	margin : 1px 0 0 0; 
	padding : 0; 
	text-align : center;
}
#sdl ul li.act {
	background-color : #2C3E80;
	color : #CCCCCC;
}
#sdl ul li a {
	color : #FFFFFF;
	display : block;
	text-decoration : none;
	width : 130px;
}
#sdl ul li:hover a {
	background-color : #2C3E80;
	color : #CCCCCC;
}

#sdl ul.sm {
	margin : 0 10px;
}
#sdl ul.sm li {
	background-color : #505A8B;
	font-size : 11px;
	list-style-type : none;
	margin : 1px 0 0 0; 
	padding : 0; 
	text-align : center;
}
#sdl ul.sm li a {
	color : #FFFFFF;
	display : block;
	text-decoration : none;
	width : 130px;
}

#sdl #flg {
	background-color : #505A8B;
	font-size : 10px;
	height : 105px;
	width : 130px;
}
#sdl #flg span.ftp {
	line-height : 15px;
}
#sdl #flg span.fbm {
	line-height : 15px;
}

#sdl #rlr {
	background-color : #505A8B;
	font-size : 10px;
	height : 173px;
	width : 130px;
}
#sdl #rlr img {
	border : 0px none;
}
#sdl #rlr span.rtp {
	line-height : 15px;
}
#sdl #rlr span.rbm {
	line-height : 15px;
}
/* Left Side Bar End */

/* Content Begin */
#ctp {
	background-image : url('http://www.donaldsoncompanies.com/tpl/default/images/cbt.jpg');
	display : block;
	height : 30px;
	position : relative;
	width : 780px;
}
#ctp img {
	float : left;
}
#ctp p.psd {
	font-size : 12px;
	font-weight : bold;
	line-height : 20px;
	margin : 0;
	padding : 9px 20px 0 0;
	text-align : right;
}

#cnt {
	display : block;
	margin : 0 0 0 180px;
	text-align : left;
}
#cnt h2.ttl {
	font-variant : small-caps;
	margin : 0 20px 20px 0;
	text-align : right;
	width : 94%;
}
#cnt h2.new, h3 {
	margin-top : 0px;
	margin-bottom : 5px;
	width : 100%;
}
#cnt h3 a {
	color : #FFFFFF;
	text-decoration : none;
}
#cnt h3:hover a {
	color : #CCCCCC;
}
#cnt p {
	font-size : 14px;
	margin-top : 0;
	margin-right : 20px;
}
#cnt p img {
	display : inline;
}
#cnt #fsp {
	background-color : #2C3E80;
	height : 10px;
	width : 100%;
}
#cnt #fsp .lft {
	background-color : #505A8B;
	display : block;
	float : left;
	height : 10px;
	width : 165px;
}
#cnt #rlr {
	background-color : #505A8B;
	float : left;
	font-size : 10px;
	height : 173px;
	margin : 0 15px 15px 0;
	text-align : center;
	width : 130px;
}
#cnt #rlr img {
	border : 0px none;
}
#cnt #rlr span.rtp {
	font-weight : bold;
	line-height : 15px;
}
#cnt #rlr span.rbm {
	font-weight : bold;
	line-height : 15px;
}

#cnt #flg {
	background-color : #505A8B;
	float : right;
	font-size : 10px;
	height : 220px;
	margin : 0 15px;
	text-align : center;
	width : 280px;
}
#cnt #flg a img {
	border : 0px none;
	margin : 0 auto;
}
#cnt #flg span.ftp {
	float : left;
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
}
#cnt #flg span.fbm {
	float : right;
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
}
#cnt #flg span.lft {
	float : left;
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
}
#cnt #flg span.rgt {
	float : right;
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
}

#cnt #olg {
	background-color : #505A8B;
	float : left;
	font-size : 10px;
	height : 140px;
	margin : 0 20px 20px 0;
	text-align : center;
	width : 180px;
}
#cnt #olg img {
	border : 0px none;
	margin : 0 auto;
}
#cnt #olg span.lft {
	float : left;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
}
#cnt #olg span.lft a {
	color : #FFF;
	text-decoration : none;
}
#cnt #olg span.lft a img {
	float : left;
	margin : 2px 0;
}

#cnt #olg span.rgt {
	float : right;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
}
#cnt #olg span.rgt a {
	color : #FFF;
	text-decoration : none;
}
#cnt #olg span.rgt a img {
	float : left;
	margin : 2px 0;
}
#cnt form.rgt {
	display : block;
	float : right;
	margin : 0 15px;
}
#cnt form.rgt label {
	font-weight : bold;
}
#cnt form.rgt #go {
	font-weight : bold;
}
#cnt form.ctt {
}
#cnt form.ctt span {
	display : block;
	margin : 0 0;
	padding : 0 0;
}
#cnt form.ctt span.lft {
	float : left;
	height : 150px;
	width : 85px;
}
#cnt form.ctt label {
	line-height : 22px;
}
#cnt form.ctt span input {
	margin : 0 0 2px 0;
}
#cnt form.ctt span textarea {
	margin : 0 0 2px 0;
}
#cnt form.ctt span span.err {
	color : #FF8888;
	font-size : 10px;
	height : 14px;
	line-height : 12px;
}
#cnt form.ctt span.lft span.err {
	color : #FF8888;
	font-size : 10px;
	height : 14px;
	line-height : 12px;
	width : 85px;
}
#cnt form.rlt label {
	font-size : 12px;
}

#gal {
	position : relative; 
	height : 280px;
	width : 580px;
}
#gal #pht {
	background-color : #505A8B;
	height : 280px;
	margin-right : 10px;
	position : absolute; 
	width : 360px;
}
#gal #pht span.lft {
	float : left;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
	text-align : left;
}
#gal #pht span.rgt {
	float : right;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
	text-align : right;
}
#gal #pht img {
	display : block;
	height : 240px;
	margin : 0 20px;
	width : 320px;
}
#gal #tmb {
	background-color : #505A8B;
	float : right;
	height : 280px;
	position : relative; 
	width : 210px;
}
#gal #tmb span.lft {
	float : left;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
	text-align : left;
}
#gal #tmb span.rgt {
	float : right;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
	text-align : right;
}
#gal #tmb span.rgt a {
	color : #FFF;
	line-height : 16px;
	text-decoration : none;
}
#gal #tmb span.rgt a img {
	border : 0px none;
	float : left;
	margin-right : 5px;
}

#gal #tmb ul {
	height : 240px;
	list-style : none; 
	margin : 0 20px 0 20px;
	padding : 0;
	width : 180px;
}
#gal #tmb ul li {
	display : inline; 
	float : left;
	height : 57px;
	margin : 0 10px 3px 0;
	width : 80px;
}

#gal #tmb ul li a {
	display : block; 
	height : 57px;
	text-decoration : none; 
	width : 80px;
}
#gal #tmb ul li a img {
	border : 0px none;
	display : block; 
	height : 57px;
	width : 80px;
}
#gal #tmb ul li a:hover {
	white-space : normal; 
}
#gal #tmb ul li a:hover b {
	background-color : #505A8B;
	height:240px; 
	left:-350px; 
	position:absolute; 
	top:20px; 
	width:320px; 
	z-index:20;
}
#gal #tmb ul li a:hover img {
	height:240px; 
	margin : 0 auto 0 auto; 
	width:320px; 
}
#gal #tmb ul li a:active {
	white-space : normal; 
}
#gal #tmb ul li a:focus {
	white-space : normal; 
}
#gal #tmb ul li a:active b {
	background-color : #505A8B;
	height:240px; 
	left:-350px; 
	position:absolute; 
	top:20px; 
	width:320px; 
	z-index:10;
}
#gal #tmb ul li a:focus b {
	background-color : #505A8B;
	height:240px; 
	left:-350px; 
	position:absolute; 
	top:20px; 
	width:320px; 
	z-index:10;
}
#gal #tmb ul li a:active img {
	height : auto; 
	height:240px; 
	margin : 0 auto 0 auto; 
	width : auto; 
	width:320px; 
}
#gal #tmb ul li a:focus img {
	height : auto; 
	margin : 0 auto 0 auto; 
	width : auto; 
}
#gal #tmb form {
	height : 240px;
	margin : 0 0 0 0;
	padding : 0 0 0 20px;
	width : 180px;
}
#gal #tmb form label {
	font-size : 12px;
	font-weight : bold;
}

#eac {
	position : relative; 
	height : 410px;
	width : 580px;
}

#eac #pht {
	background-color : #505A8B;
	height : 280px;
	margin-right : 10px;
	position : absolute; 
	width : 360px;
}

#eac #pht span.lft {
	float : left;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
	text-align : left;
}
#eac #pht span.lft a {
	color : #FFF;
	text-decoration : none;
}
#eac #pht span.lft a img {
	float : left;
	margin : 2px 0;
}
#eac #pht span.rgt {
	float : right;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
	text-align : right;
}
#eac #pht span.rgt a img {
	float : right;
	margin : 2px 0;
}
#eac #pht img {
	border : 0px none;
	margin : 0 auto;
}
#eac #frm {
	background-color : #505A8B;
	float : right;
	height : 410px;
	position : relative; 
	width : 210px;
}
#eac #frm span.lft {
	float : left;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-left : 20px;
	text-align : left;
}
#eac #frm span.rgt {
	float : right;
	font-family : verdana, arial, sans-serif; 
	font-size : 11px;
	font-weight : bold;
	line-height : 20px;
	margin-right : 20px;
	text-align : right;
}
#eac #frm form {
	height : 300px;
	margin : 0 0 0 0;
	padding : 0 0 0 20px;
	width : 180px;
}
#eac #frm form label {
	font-size : 12px;
	font-weight : bold;
}


#dtl {
}
#fea {
	background-color : #505A8B;
	display : block;
	float : left;
	font-size : 12px;
/*	height : 320px; */
/*	overflow : auto; */
	width : 285px;
}
#fea #cnl {
	float : left;
	margin : 20px 5px 10px 10px;
	width : 130px;
}
#fea #cnl p {
	font-size : 12px;
}
#fea #cnl h4, #fea #cnr h4 {
	font-size : 12px;
	margin-bottom : 0;
}
#fea #cnl ul, #fea #cnr ul {
	margin-top : 0;
	margin-left : 16px;
}
#fea #cnl ul li {
}
#fea #cnr {
	margin : 20px 10px 10px 5px;
	width : 130px;
}

#cnt h3.fea {
	float : left;
	margin : 0 10px 5px 0;
	width : 285px;
}
#cnt h3.map {
	margin : 0 0 5px 0;
	width : 285px;
}

#lcn {
	background-color : #505A8B;
	clear : right;
	float : right;
	height : 280px;
	margin-right : 20px;
	width : 285px;
}
#lcn #map {
	height : 240px;
	margin : 20px;
	width : 245px;
}
#lcn #org {
	font-size : 12px;
	font-style : italic;
	margin : 40px 0 40px 20px;
}
#cbm {
	clear : both;
	background-image : url('http://www.donaldsoncompanies.com/tpl/default/images/cbb.jpg');
	display : block;
	width : 780px;
	height : 30px;
	position : relative;
}
#cbm img.cbl {
	display : block;
	float : left;
}
#cbm img.cbr {
	display : block;
	float : right;
}
/* Content End */

/* Right Side Bar Begin */
#sdr {}
/* Right Side Bar End */

/* Body End */

/* Footer Begin */
#ftr {
	clear : both;
	display : block;
	font-size : 12px;
	width : 780px;
	position : relative;
}
#ftr p {
}
/* Footer End */

