/* CSS Document */

html {margin: 0 auto; padding: 0;}

body {
	margin: 0 auto; padding: 0;
	background-image: url(../images/bkgd_tile_03.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000033;
}

#container {
	margin: 0 auto; padding: 0;
	background-image: url(../images/bkgd_clouds_02.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

#wrapper {
	margin: 0 auto; padding: 0;
	width: 780px;
}

#header {
	margin: 0; padding: 0;
	width: 780px;
	height: 104px;
}

#nav {
	margin: 0; padding: 0;
	height: 60px;
}

#content {
	margin: 0; padding: 0;
}

#footer {
	clear: both;
	text-align: center;
	color: #333333;
	margin: 0;
	padding: 0;
}
#footer p {line-height: 18px; padding: 10px 0 0 0;}
#footer a {color: #333333; text-decoration: underline;}
#footer a:hover {color: #333333; text-decoration: none;}
#footerNav {float: left; width: 540px;}
#footerButton {float: right; width: 230px;}

.clearfix {
	clear: both;
}

/*-- HEADER --*/
#logo {
	background-image: url(../images/nav_05.gif);
	width: 346px;
	height: 57px;
	background-repeat: no-repeat;
	margin: 27px 0 0 29px;
	float: left;
}
#search {
	width: 270px;
	height: 84px;
	background-image: url(../images/nav_02.gif);
	background-repeat: no-repeat;
	margin: 0;
	float: right;
}
#form {margin: 16px 0 0 40px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #212f34;}
#form input {margin: 0; padding: 0; background-color: #ffffff; border-collapse: collapse;}

#language {margin: 27px 0 0 0; padding: 0;}

/*-- PAGES --*/

#sidebar {
	margin: 0; padding: 15px 10px 30px 15px;
	width: 175px;
	float: left;
}
#sidebar h2 {
	margin: 0; padding: 0 0 10px 3px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	text-shadow: #003 2px 2px 0;
	border-bottom: 2px solid #000033;
}
#sidebar h3 {
	margin: 0; padding: 10px 0 10px 3px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ffffff;
	text-shadow: #003 2px 2px 0;
	border-bottom: 1px solid #000033;
}
#sidebar ul {
	margin: 10px 0 0 0; padding: 0;
	list-style-type: none;
}
#sidebar li {
	margin: 0; padding: 3px 0 0 0;
	text-transform: uppercase;
	line-height: 16px;
}
#sidebar a {
	padding: 3px;
	color: #000033;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	display: block;
}
#sidebar a:hover {
	color: #000033;
	text-decoration: none;
	border-bottom: 2px solid #ffffff;
}

#pageContent {
	margin: 0 0 40px 0; padding: 15px 5px 30px 15px;
	width: 550px;
	border-left: 1px dotted #ffffff;
	float: right;
	font-size: 12px;
}
#pageContent h1 {
	margin: 0; padding: 0 0 15px 3px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000033;
	/* text-shadow: #7df 2px 2px 0; */
	border-bottom: 2px solid #ffffff;
}
#pageContent h2 {
	margin: 0; padding: 10px 0 10px 0;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000033;
	text-shadow: none;
	border-bottom: 2px solid #ffffff;
}
#pageContent h3 {
	margin: 0; padding: 10px 0 8px 3px;
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000033;
	/* text-shadow: #7df 2px 2px 0; */
	border-bottom: 2px solid #ffffff;
}
#pageContent p {
	line-height: 21px;
}
#pageContent a {
	color: #000033;
	text-decoration: underline;
}
#pageContent a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000033;
}
#pageContent ul {
	margin: 0 15px 0 25px; padding: 0;
}
#pageContent li {
	margin: 5px 0 0 0; padding: 0;
	list-style-type: square;
	line-height: 19px;
}

.bottomLine {
	border-bottom: 1px solid #000033;
}
.copyTitles {
	text-transform: uppercase;
	font-weight: bold;
}
.copyTitlesLS {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
hr {
	height: 0;
	border: 0;
	border-top: 1px solid #000033;
	margin: 0 10px 0 0;
	clear: both;
 }
 
#widePageContent {
 	margin: 0; padding: 15px 5px 10px 15px;
	width: 750px;
	font-size: 12px;
 }
#widePageContent h1 {
	margin: 15px 0 5px 0; padding: 0 0 15px 3px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000033;
	/* text-shadow: #7df 2px 2px 0; */
	border-bottom: 2px solid #ffffff;
}
.subTitle {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000033;
}
#widePageContent p {
	line-height: 19px;
}
#widePageContent p a {
	color: #000033;
	text-decoration: underline;
}
#widePageContent p a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000033;
}
#widePageContent ul {
	margin: 0 15px 0 25px; padding: 0;
}
#widePageContent li {
	margin: 10px 0 0 0; padding: 0;
	list-style-type: square;
	line-height: 19px;
}

#widePageContent a {
	color: #000033;
	text-decoration: underline;
}
#widePageContent a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000033;
}

#sectionMainSub {
	margin: 10px; padding: 10px 0 20px 10px;
	width: 200px;
	border-left: 1px dotted #ffffff;
	float: right;
	font-size: 11px;
}
#sectionMainSub h2 {
	margin: 0; padding: 0 0 10px 3px;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000033;
	text-shadow: #fff 2px 2px 0;
	border-bottom: 2px solid #000033;
}
#sectionMainSub ul {
	margin: 10px 0 0 0; padding: 0;
	list-style-type: none;
}
#sectionMainSub li {
	margin: 0; padding: 3px 0 0 0;
	list-style-type: none;
	text-transform: uppercase;
	line-height: 16px;
}
#sectionMainSub a {
	padding: 3px;
	color: #000033;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	display: block;
	background-color: none;
}
#sectionMainSub a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 2px solid #ffffff;
	background-color: none;
}
#sectionMainSub img {
	padding: 1px; margin: 0 0 0 5px;
	text-decoration: none;
	border-bottom: none;
	background-color: none;
}
#sectionMainSub a:hover img {
	text-decoration: none;
	border-bottom: none;
	background-color: #86C9FA;
}

#login {
	margin: 0 0 0 10px;
	padding: 0;
	width: 240px;
	height: 150px;
	float: right; 
}
#login a {
	text-decoration: none;
}
#login a:hover {
	text-decoration: none;
	background-color: transparent;
}

#homebuttons {
	margin: 15px 0 0 0;
	padding: 0;
	background-color: none;
}
#homebuttons a img, a:hover img {
	background: none;
}

/*-- HOME FLASH COUNTER --*/
#homecounter {
	margin: 0; padding: 0;
	background-image: url(../images/home_counter_bkgd_tile.gif);
	background-position: center top;
	background-repeat: no-repeat;
	width: 222px;
	height: 230px;
	}
#homecounter p.left {
	margin: 0 auto; padding: 35px 14px 10px 16px;
	line-height: 17px;
	text-align: left;
	font-size: 11px;
	}

/*-- SITE MAP --*/
#smContainer {
	margin: 0; padding: 0;
	width: 750px;
}
#smContainer ul {
	margin: 15px 5px 10px 10px; padding: 0 0 15px 0;
}
#smContainer li {
	margin: 0; padding: 0 0 5px 0;
	list-style-type: none;
}
#smContainer a {
	color: #003;
	text-decoration: underline;
}
#smContainer a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #003;
}
#smLeft {
	margin: 0; padding: 0;
	float: left;
	width: 250px;
}
#smMiddle {
	margin: 0; padding: 0;
	float: left;
	border-right: 1px dotted #fff;
	border-left: 1px dotted #fff;
	width: 240px;
}
#smRight {
	margin: 0; padding: 0;
	float: left;
	width: 250px;
}

/*-- PNG Hack --*/
*, img, div { behavior: url(../iepngfix.htc)}

#wingletBkgd {
	margin: 0; padding: 10px 0 20px 0;
	width: 500px;
	background-image: url(../images/winglet_bkgd_new_25.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#wingletBkgd p {
	line-height: 22px;
	text-align: justify;
}

#wingletBkgdAlt {
	margin: 0; padding: 10px 0 20px 0;
	width: 500px;
	background-image: url(../images/winglet_Bkgd_sliced2_03.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
#wingletBkgdAlt p {
	line-height: 22px;
	text-align: justify;
}

/*-- FLASH STYLES --*/
#homeFlashBanner {
	margin: 0; padding: 0;
	width: 780px;
	height: 300px;
	background-image: url(../images/home_flash_bkgd2_22.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#flashBanner {
	margin: 0; padding: 0;
	width: 780px;
	height: 243px;
	background-image: url(../images/home_flash_bkgd_21.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#productFlash {
	margin: 0; padding: 0;
	background-image: url(../images/flash_p_bkgd_03.jpg);
	background-repeat: no-repeat;
	width: 558px;
	height: 460px;
}

/*-- siFR STYLES --*/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #pageContent h1 {
	visibility: hidden;
	font-size: 7px;
}
.sIFR-hasFlash #widePageContent h1 {
	visibility: hidden;
	font-size: 7px;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
*/