@charset "utf-8";
html {
	background: #658290 url('images/bg.gif') repeat-x 0 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.865em;
	line-height: normal;
	color: #000;
	background-color: #658290;
	margin: 0;
	padding: 0;
}

* {
	text-align: left;
}

body {
	background: #658290 url('images/bg.gif') repeat-x 0 0;
}

#header
{
  width: 1024px;
  margin: 0 auto;
  display: block;
  clear: both;
}
#article
{
  width: 1024px;
  margin: 0 auto;
  display: block;
  clear: both;
}


/*
 * General
 *
 */
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	margin:0 0 20px 0;
}

a {
	color: #15a2d7;
	text-decoration: none;
}

h1 {
	font: bold 1.5em/1.5em Arial;
	color: #667f8d;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

h2 {
font: bold 1.1em/1.1em Arial;
	color: #0c5371;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font: normal 15px/18px Georgia;
}

h4 {
	font: bold 14px/16px Georgia;
}

h5 {
	font-weight: bold;
	margin-bottom: 10px;
}

ul {
}

h3+ul {
	margin-top: 10px;
}

ul+h3 {
	margin-top: 20px;
}

ul li {
	padding-left: 25px;
	margin: 0 0 10px 0;
}



ol {
	padding-left: 35px;
}

ol li {
	list-style-type: decimal;
	margin: 0 0 10px 0;
}

dl {
}

dl dt {
	padding-left: 30px;
	font: normal 15px/18px Georgia;
}

dl dd {
	padding-left: 30px;
	margin-bottom: 20px;
}

th,
td {
	vertical-align: top;
}

/* HEADER */
#header {
	background: #658290 url('images/header.jpg') no-repeat top center;
	font: normal 12px Georgia;
	position: relative;
	height: 196px;
	overflow:hidden;
	margin-bottom: 15px;
}
#header h1 {
	background: transparent url('images/logo.png') no-repeat top left;
	width: 172px;
	height: 167px;
	text-indent: -5000px;
	cursor:pointer;
	margin-left:100px;
}
#header h1 a {
	width: 172px;
	height: 167px;
	display:block;
	cursor:pointer;
	text-decoration: none;
}
#header h1 a:hover {
	text-decoration: none;
}
.logo {margin-right: 10px;float:left;}
.tagline {float:left;}
.tagline h2 {width:642px;height:103px;background: transparent url('images/tagline.png') no-repeat top left;text-indent:-5000px;margin: 0;}
/* IE6 fix */
* html #header h1 {
  background-image: url('images/logo.gif');  
}
* html .tagline h2 {
  background-image: url('images/tagline.gif');  
}

#accessibility-links {position:absolute;left:-1000px;}


/* NAVIGATION */
#nav {
	font: normal 14px/16px Georgia;
	margin-top: 0px;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav li a {
}

#nav li.home {
	padding-left: 0;
	margin-left: 0;
	background-image: none;
}

#nav li img {
margin: 0;
padding: 0;
display: inline;
}

#nav li.home a {
}

/* ARTICLE */

#article {
	min-height: 535px;
	/* background: url('images/content.png') no-repeat top left; */
	background: url('images/canvas.png') no-repeat -3px 0;
	
}

#mainnav {
  float:left;
  width: 126px;
  margin-top: 64px;
}
#mainnav ul {
  margin: 0;
  padding: 0;
}
#mainnav ul li {
  margin: 0 0 25px 0;
  padding: 0 0 0 22px;
  border: 0px solid red;
}
#mainnav ul li a {
  display: block;
  text-align:center;
  padding-right: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #156991;
  font-weight: bold;
  font-size: 1.2em;
}
/* active and with mouseover */
#mainnav ul li.active a, #mainnav ul li a:hover {
  background: url('images/leftnav.png') no-repeat center right;
  color: #5a6060;
}
/* right navigation */
#rightnav {
  float:left;
  width: 133px;
  margin-top: 46px;
}
#rightnav ul {
  margin: 0;
  padding: 0;
}
#rightnav ul li {
  margin: 0 0 20px 0;
  padding: 0;
}
#rightnav ul li a {
  display: block;
  text-align:center;
  padding-left: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #156991;
  font-weight: bold;
  font-size: 1.2em;
}
/* active and with mouseover */
#rightnav ul li.active a, #rightnav ul li a:hover {
  background: url('images/rightnav.png') no-repeat center left;
  color: #8299a4;
}
#rightnav .banner {
  margin-top: 120px;
  color: #fff;
  margin-left: 6px;
  text-align: center;
}

/* MAIN CONTENT */
#content {
	float: left;
	width: 765px;
	margin: 20px;
	margin-left: 0;
	margin-right: 0;
}
#content .inner-content {
  padding: 0 20px 20px 20px;
  background: #fff;
  min-height: 514px;
}
#content .inner-contentbottom {
width: 765px;
height: 24px;
background: url('images/footer.png') no-repeat top left;
}
#content.alt {
	margin: 0 20px 20px 0;
}

#content ul {
list-style-type:disc;
padding-left: 35px;
}
#content ul li {
list-style:disc;
padding-left: 0;
}

#content .form-opprop {
  margin-top: 100px;
}
#content .form-opprop input.text-input {
  margin-right:10px;
  border: 1px solid #333;
  width: 300px;
  padding: 5px;
  /* a little CSS3 */
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
#content .form-opprop input.button-submit {
  border: 1px solid #333;
  background-color: #be0000;
  width: auto;
  padding: 4px 10px;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  /* a little CSS3 */
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
.alert {color: #be0000;}

/* PRODUCTS */
.products .product {
  float: left;
  width: 200px;
  margin-right: 40px;
}
.products .product h2 {
  font-weight: normal;
  font-size: 1em;
  line-height: normal;
  margin: 0 0 20px 0;
  font-family: arial, helvetica, sans-serif;
}
.products .product p {
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.5;
  margin: 0;
  font-family: arial, helvetica, sans-serif;
}
.products .product input.button-submit {
  border: 1px solid #333;
  background-color: #be0000;
  width: auto;
  padding: 4px 10px;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  margin-bottom: 20px;
  /* a little CSS3 */
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
.products .product p.num {
  text-align: center;
  font-size: 1.3em;
  text-transform: uppercase;
}
.products .product p.num span.alert {
  display: block;
  font-size: 1.6em;
  color: #be0000;
  text-align:center;
}
.form-stem {
  text-align:center;
}
/* TIP A FRIEND */
.tip-form {
  width:216px;
  float:right;
  margin-left: 15px;
}
form#tip-a-friend {background-color:#f2f1ee;width:216px;border:1px solid #bcb5a6;margin:0;padding:0;}
form#tip-a-friend input.text {width:184px;border:1px solid #aaa;padding:2px;}
form#tip-a-friend textarea {width:184px;border:1px solid #aaa;padding:2px;}
form#tip-a-friend label.block-label {display:block;font-weight:normal;}
form#tip-a-friend .buttons {margin-top:10px;}
form#tip-a-friend .buttons input.submit, form#tip-a-friend .buttons input.reset {
border: 1px solid #333;
  background-color: #be0000;
  width: auto;
  padding: 4px 10px;
  color: #fff;
  font-size: 1em;
  cursor: pointer;
  /* a little CSS3 */
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;


}
form#tip-a-friend .buttons input.reset {margin-left:6px;}

form#tip-a-friend .tip-inner-form {padding:13px;}
form#tip-a-friend .form-row-shortleft {width:46px;float:left;margin-right:13px;}
form#tip-a-friend .form-row-shortleft input.text {width:40px;}
form#tip-a-friend .form-row-mediumleft {width:128px;float:left;}
form#tip-a-friend .form-row-mediumleft input.text {width:125px;}

/* FOOTER */
#footer {
  width: 766px;
  display: block;
  clear: both;
	margin: 0 auto;
	min-height: 34px;
	color: #fff;
	font: normal 11px/13px Arial;
}
#footer a {
	color: #ffffff;
}
#footer .main-logo,
#footer .address {
	float: left;
}
#footer .main-logo {
	margin-left: 0;
	width: 250px;
}
#footer .main-logo img {
	vertical-align:middle;
}
#footer .address {
white-space: nowrap;
width: 496px;
font: normal 11px/34px Arial;
padding-left: 20px;
}

.group {
	display: block;
	clear: both;
}
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}