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

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: .8em;
background-image: url(../images/pageBg.jpg);
background-repeat: repeat;
background-position: top left;
padding: 0;
margin: 20px 0px 0px 0px;
}

#ieBox {
text-align:center;
overflow: hidden;
}

#container {
	width: 910px;
	margin: 0 auto; 
	border: 3px solid #527ca2;
	background-color: #FFF;
	padding: 20px;
	overflow: hidden;
}

*html #container {
width: 950px;
}

#innerContainer {
	width: 870px;
	margin: 0 auto;
	border: 1px solid #527ca2;
	padding: 20px;
	overflow: hidden;
}

*html #innerContainer, #headerBox {
	width: 910px;
}

#headerBox {
width: 870px;
height: 154px;
text-align:left;
padding: 0px 0px 10px 0px;
background-image:url(../images/headerBg.jpg);
background-repeat:no-repeat;
background-position:top left;
}

#logoBox {
width:170px;
float:left;
position:relative;

}

.logo {
border:none;
}

#sloganDateBox {
background-image:url(../images/sloganBg.jpg);
background-repeat:repeat
width: 870px;
height: 24px;
margin: 0px 0px 10px 0px;
}

#sloganBox {
width: 400px;
float: left;
position: relative;
text-align: left;
}

#date {
color:#fff;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:.8em;
float:right;
text-align:right;
padding: 6px 10px 0px 0px;
width: 250px;
position:relative;
}

#indexLC {
width: 440px;
float:left;
position:relative;
}

#indexRC {
width: 406px;
background-color: #ebf5fe;
text-align: left;
float:right;
position:relative;
padding: 10px;
}

*html #indexRC {
width: 426px;
}

#leftCol {
width: 290px;
float:left;
position:relative;
}

#photoCaption {
text-align: left;
font-size:0.8em;
}

#rightCol {
width: 556px;
background-color: #ebf5fe;
text-align: left;
float:right;
position:relative;
padding: 10px;
}

*html #rightCol {
width: 576px;
}

.contentImage {
border: 1px solid #527ca2;
margin: 0px 5px 5px 0px;
float:left;
position:relative;
}

.clear {
clear: both;
height: 1px;
overflow: hidden; 
}

#navBox {
float:left;
position: relative;
width: 700px;
height: 25px;
}


/* Chrome menu elements */
.chromestyle{
width: 700px;
background-color:#9eaa8d;
}

/*Add margin between menu and rest of content in Firefox */
.chromestyle:after{ 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


.chromestyle ul{
width: 100%;
/* background:url(../images/chromebg3.gif) center center repeat-x; THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;

}

.chromestyle ul li a{
font-size: .9em;
font-family: Verdana;
color: #000;
font-weight: bold;
padding: 4px 21px;
margin: 0;
text-decoration: none;

/* border-right: 1px solid #ADED7C; THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
/* background: url(../images/chromebg3-over.gif) center center repeat-x; THEME CHANGE HERE*/
color: #fff;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
background-color:#9eaa8d;
margin-left:220px;
line-height:20px;
top: 0;
font-size: .8em;
font-family: Verdana;
color: #000;
font-weight: bold;
width: 180px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{

display: block;
text-indent: 3px;
/* border: 1px solid #ADED7C; THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
color: #fff;
}


/* Footer Elements */

#footerBox {
width: 870px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border-top: 8px solid #5e84a6;
padding-top: 10px;
}

#footerLeft {
float: left;
position:relative;
font-size:0.7em;
font-family: Geneva, Arial, Helvetica, sans-serif;
/* width:150px; */
width:430px;
text-align:left;
}

#footerMiddle {
text-align: center;
font-family: Verdana;
font-weight: bold;
color: #000;
float: left;
position:relative;
font-size:0.7em;
/* width:540px; */
width:420px;
}

#footerRight {
float: right;
position:relative;
font-size:0.7em;
font-family: Geneva, Arial, Helvetica, sans-serif;
width:180px;
text-align:right;
}

#footerMiddle a {
text-decoration: none;
color: #5e84a6;
}

#footerMiddle a:hover {
color: #000;
text-decoration: none;
}

#footergvw {
width: 870px;
text-align: center;
font-family: Verdana;
font-size:0.7em;
font-weight: bold;
color: #000;
margin-left:auto;
margin-right:auto;
margin-top:10px;
}

#footergvw a {
color: #000;
text-decoration: none;
}

#footergvw a:hover {
color: #711414;
text-decoration: none;
}

* html #inukshukspace {
padding-right: 20px;
}

* html .inukshuk {
position: absolute;
width:18px; 
height:18px;
padding-right: 10px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/inukshuk.png');
}

h1 {
font-size: 1em;
font-weight:bold;
}

h2 {
font-size: .9em;
font-weight:bold;
}

h3 {
font-size: .8em;
font-weight: bold;
}

a {
text-decoration:none;
color: #527ca2;
}

a:hover {
text-decoration: none;
color: #990000;
}

/* Contact Form elements */

.leftColForm {
	text-align: left;
	width: 44%;
	vertical-align: top;
}

.rightColForm {
	text-align: left;
	width: 56%;
	vertical-align: top;
}

#orderForm {
	font-family: Verdana;
	font-size: .8em;
	color: #000;
	font-weight: bold;
	padding: 2px 2px 2px 2px;
	margin: 2px 2px 2px 2px;
	width: 510px;
	text-align: center;
}

table#orderForm input {
width: 200px;
height: 20px;
color: #333333;
background: #d7eff3;
border: 1px solid #2c7a8d;
cursor: hand;
}

.required {
	color:#ff0000;
	font-weight: bold;
	font-size: 80%;
}

/* Benefits list elements */

#benefits ul {
    line-height:1.5;
    list-style-type:none;
}

#benefits li {
    padding-left:25px;
    background:transparent url(../images/bladeBullet.gif) no-repeat;
    background-position:0 5px;
	line-height:1.5;
    list-style-type:none;
}

/* External Links elements */

.externalLink {
line-height: 1.6;
}