@charset "utf-8";
html, body {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	background-image:url("/assets/navigation/back1.jpg");
	background-position:center;
	background-repeat:repeat-y;
	height:100%; 
}
h2{
line-height:normal;
margin:0px;
padding:0px;
font-size:12px;
color:#020588;
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: 0;
}
a{
color:#09357a;
}
a:hover{
text-decoration:none;
}
#main {
	width: 798px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	border-left:solid 1px #b4aa9c;
	border-right:solid 1px #b4aa9c;
	height:100%;
	
}
#top {
	position:relative;
	height:117px;
	background-color:#FFFFFF;
}
#toplogo {
	position:absolute;
	top:0px;
	left:0px;
}
#topphrase {
	position:absolute;
	top:21px;
	left:238px;
}
#topsearch {
	position:absolute;
	top:71px;
	left:238px;
	width:550px;
	text-align:right;
}
#topsearch form {
	margin: 0px;
	padding: 0px;
}
#topbluephrase {
	position:absolute;
	top:101px;
	left:0px;
}

/* tabs */

#topnav {
	position:absolute;
	top:0px;
	left:240px;
	z-index:10;
	width:558px;
	font-size:12px;
	line-height:normal;
}
#topnav ul {
	text-align:left;
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#topnav li {
	display:inline;
}
#topnav .spacer {
	float:right;
}
#topnav a.spacer{
    background-image:none;
}
#topnav a.spacer span{
	background-image:none;
	color:#09357a;
	padding-right:40px;
}
#topnav a.spacer:hover span {
    color:#ff0000;
	text-decoration:underline;
}
#topnav a {
    float:right;
    background:url("/assets/navigation/top-nav-tab-left.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 9px;
    text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}
#topnav a span {
    float:right;
    display:block;
    background:url("/assets/navigation/top-nav-tab-right.gif") no-repeat right top;
    padding:3px 21px 3px 15px;
    color:#09357a;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav a span {float:none;}
    /* End IE5-Mac hack */
#topnav a:hover span {
    color:#09357a;
}
#topnav a:hover {
    background-position:0% -21px;
}
#topnav a:hover span {
    background-position:100% -21px;
}
#topnav a.on {
    background-position:0% -21px;
}
#topnav a.on span {
    background-position:100% -21px;
	color:#000000;
}

/*  done with top tabs */

#leftnav {
	width:196px;
	float:left;
}

/*  start fly out nav */

		.menu {
		position:relative;
		z-index:1000;
		float:left;
		
		/*  height:300px; */
		}
		/* remove all the bullets, borders and padding from the default list styling */
		.menu ul {
		padding:0;
		margin:0;
		list-style-type:none;
		width:193px;
		position:relative;
		}
		
		.menu li {
		background:transparent;
		height:36px;
		}

		/* get rid of the table */
		.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}
		
		
		/* style the links */
		.menu a, .menu a:visited {
		font-size:13px;
		display:block; 
		text-decoration:none;
		height:36px;
		line-height:36px;
		width:153px;
		color:#000000;
		background:transparent;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 40px;
		background: url("/assets/navigation/left-nav-css-button-1-up.gif");
		}
		.menu a.out, .menu  a.out:visited {
		background: url("/assets/navigation/left-nav-css-button-1-out-up.gif");
		}
		/* style the link hover */
		* html .menu a:hover {background: url("/assets/navigation/left-nav-css-button-1-over.gif"); position:relative; white-space:nowrap;padding:0px 0px 0px 40px;}
		* html .menu  a.out:hover {background: url("/assets/navigation/left-nav-css-button-1-out.gif"); position:relative; white-space:nowrap;padding:0px 0px 0px 40px;}
		
		.menu li:hover {position:relative;}
		.menu :hover > a {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-over.gif");
		padding:0px 0px 0px 40px;
		}
		.menu  :hover > a.out {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-out.gif");
		padding:0px 0px 0px 40px;
		}
		
		
		/* hide the sub levels and give them a positon absolute so that they take up no room */
		.menu ul ul {
		visibility:hidden;
		position:absolute;
		top:0;
		left:100px;
		}
		/* make the second level visible when hover on first level list OR link */
		.menu ul li:hover ul,
		.menu ul a:hover ul {
		visibility:visible;
		
		}
		/* style the links for the second level */
		.menu li li {
		background:transparent;
		height:28px;
		border-bottom:1px solid #f5f3f1;
		border-left:1px solid #f5f3f1;
		}
		.menu ul ul a, .menu ul ul a:visited {
		font-size:11px;
		display:block;
		text-decoration:none;
		height:28px;
		line-height:28px;
		width:170px;
		color:#000000;
		background:transparent;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 30px;
		background: url("/assets/navigation/left-nav-css-button-1-up.gif");
		background-position: -10px;
		}
		.menu ul ul a.out, .menu ul ul a.out:visited {
		background: url("/assets/navigation/left-nav-css-button-1-out-up.gif");
		background-position: -10px;
		}
		/* style the link hover */
		* html .menu ul ul a:hover {background: url("/assets/navigation/left-nav-css-button-1-over.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		* html .menu ul ul  a.out:hover {background: url("/assets/navigation/left-nav-css-button-1-out.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		
		.menu ul ul :hover > a {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-over.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		.menu ul ul  :hover > a.out {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-out.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		/* keep the third level hidden when you hover on first level list OR link */
		.menu ul :hover ul ul{
		visibility:hidden;
		}
		/* keep the fourth level hidden when you hover on second level list OR link */
		.menu ul :hover ul :hover ul ul{
		visibility:hidden;
		}
		/* make the third level visible when you hover over second level list OR link */
		.menu ul :hover ul :hover ul{ 
		visibility:visible;
		}
		/* style the links for the third level */
		.menu li li li {
		background:transparent;
		border-left:1px solid #f5f3f1;
		}
		.menu ul ul ul a, .menu ul ul ul a:visited {
		font-size:11px;
		display:block; 
		text-decoration:none;
		height:28px;
		line-height:28px;
		width:170px;
		color:#000000;
		background:transparent;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 30px;
		background: url("/assets/navigation/left-nav-css-button-1-up.gif");
		background-position: -10px;
		}
		.menu ul ul ul a.out, .menu ul ul ul  a.out:visited {
		background: url("/assets/navigation/left-nav-css-button-1-out-up.gif");
		background-position: -10px;
		}
		/* style the link hover */
		* html .menu ul ul ul a:hover {background: url("/assets/navigation/left-nav-css-button-1-over.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		* html .menu ul ul ul a.out:hover {background: url("/assets/navigation/left-nav-css-button-1-out.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		
		.menu ul ul ul :hover > a {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-over.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		.menu ul ul ul :hover > a.out {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-out.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		/* keep the fith level hidden when you hover on third level list OR link */
		.menu ul :hover ul :hover ul :hover ul ul{
		visibility:hidden;
		}
		/* make the fourth level visible when you hover over third level list OR link */
		.menu ul :hover ul :hover ul :hover ul { 
		visibility:visible;
		}
		/* style the links for the second level */
		.menu li li li li {
		background:transparent;
		height:28px;
		border-bottom:1px solid #f5f3f1;
		border-left:1px solid #f5f3f1;
		}
		.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
		font-size:11px;
		display:block; 
		text-decoration:none;
		height:28px;
		line-height:28px;
		width:170px;
		color:#000000;
		background:transparent;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 30px;
		background: url("/assets/navigation/left-nav-css-button-1-up.gif");
		background-position: -10px;
		}
		.menu ul ul ul ul a.out, .menu ul ul ul ul a.out:visited {
		background: url("/assets/navigation/left-nav-css-button-1-out-up.gif");
		background-position: -10px;
		}
		/* style the link hover */
		* html .menu ul ul ul ul a:hover {background: url("/assets/navigation/left-nav-css-button-1-over.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		* html .menu ul ul ul ul  a.out:hover {background: url("/assets/navigation/left-nav-css-button-1-out.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		
		.menu ul ul ul ul :hover > a {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-over.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		.menu ul ul ul ul  :hover > a.out {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-out.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		/* make the fith level visible when you hover over third level list OR link */
		.menu ul :hover ul :hover ul :hover ul :hover ul { 
		visibility:visible;
		}
		/* style the links for the second level */
		.menu li li li li li {
		background:transparent;
		height:28px;
		border-bottom:1px solid #f5f3f1;
		border-left:1px solid #f5f3f1;
		}
		.menu ul ul ul ul ul a, .menu ul ul ul ul ul a:visited {
		font-size:11px;
		display:block; 
		text-decoration:none;
		height:28px;
		line-height:28px;
		width:170px;
		color:#000000;
		background:transparent;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 30px;
		background: url("/assets/navigation/left-nav-css-button-1-up.gif");
		background-position: -10px;
		}
		.menu ul ul ul ul ul a.out, .menu ul ul ul ul ul a.out:visited {
		background: url("/assets/navigation/left-nav-css-button-1-out-up.gif");
		background-position: -10px;
		}
		/* style the link hover */
		* html .menu ul ul ul ul ul a:hover {background: url("/assets/navigation/left-nav-css-button-1-over.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		* html .menu ul ul ul ul ul  a.out:hover {background: url("/assets/navigation/left-nav-css-button-1-out.gif"); background-position: -10px; position:relative; white-space:nowrap;padding:0px 0px 0px 30px;}
		
		.menu ul ul ul ul ul :hover > a {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-over.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		.menu ul ul ul ul ul  :hover > a.out {
		color:#000000; background: url("/assets/navigation/left-nav-css-button-1-out.gif");
		background-position: -10px;
		padding:0px 0px 0px 30px;
		}
		html>body .menu li {float:left;}

/* Done with flyout nav */

/* now image nav */

a.leftnavbutton, a.leftnavbuttonDis {
display: block;
background-color: transparent;
background-image: url("/assets/navigation/left-nav-image-button.gif");
background-repeat: no-repeat;
width: 186px;
height: 49px;
margin: 5px 0px 5px 0px;
padding: 00 0 0;
text-align: left;
font-weight: bold;
text-decoration: none;
font-size:13px;
line-height:14px;
cursor:pointer;
cursor:hand;
}
a.leftnavbutton span, a.leftnavbuttonDis span {
font-size:11px;
color: #09357a;
}
a.leftnavbutton:link, a.leftnavbutton:visited {
color: #09357a;
}
a.leftnavbutton:hover, a.leftnavbutton:active {
background-position: 0 -49px;
}
a.leftnavbuttonDis:link, a.leftnavbuttonDis:visited, a.leftnavbuttonDis:hover, a.leftnavbuttonDis:active {
background-position: 0 0px;
cursor: default;
}
.leftnavicon {
background-repeat: no-repeat;
height:39px;
padding: 11px 18px 0px 0px; 
text-align:right;
}
a.leftnavbutton:hover .leftnavicon, a.leftnavbutton:active .leftnavicon {
background-position: 0 -49px;
}
a.leftnavbuttonDis:link .leftnavicon, a.leftnavbuttonDis:visited .leftnavicon, a.leftnavbuttonDis:hover .leftnavicon, a.leftnavbuttonDis:active .leftnavicon {
background-position: 0 -56px;
}
	/* icons for each button */
	#leftnavbuttonVirtual .leftnavicon {
	background-image: url("/assets/navigation/left-nav-image-button-faucet.jpg");
	}
	#leftnavbuttonPower .leftnavicon {
	background-image: url("/assets/navigation/left-nav-image-button-power.jpg");
	}
	#leftnavbuttonPress .leftnavicon {
	background-image: url("/assets/navigation/left-nav-image-button-press.jpg");
	}
	#leftnavbuttonContact .leftnavicon {
	background-image: url("/assets/navigation/left-nav-image-button-contact.jpg");
	}
	#leftnavbuttongreen .leftnavicon {
	background-image: url("/assets/navigation/left-nav-image-button-green.jpg");
	}
/* done with  image nav */

#content {
	margin-left:207px;
	padding-left:20px;
}
#footer {
	margin-left:218px;
	width: 553px;
	font-size:9px;
	text-align:center;
	line-height:13px;
	background-color:#FFFFFF;
}
.home-new{
height:90px;
width:120px;
overflow:hidden;
}
.detailphoto{
max-height:320px; 
max-width:280px;
width: expression(this.width > 280 ? 280: true);
height: expression(this.width > 320 ? 320: true);
}
.largephoto{
max-height:500px; 
max-width:536px;
width: expression(this.width > 500 ? 500: true);
height: expression(this.width > 536 ? 536: true);
}
.ie6buttons {
margin-left:200px;
line-height:22px;
}
.ie6buttons a{
background-image:url("/assets/navigation/sub-arrow.gif");
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
}
.ie6buttons a:hover{
text-decoration:underline;
}

#content1{
width:540px;
height:1300px;
margin: 0 0 0 15px;


}
#content16{
width:540px;
height:1200px;
margin: 0 0 0 15px;


}
#content2{
width:540px;
height:1900px;
margin: 0 0 0 15px;


}
#content13{
width:540px;
height:2100px;
margin: 0 0 0 15px;


}
#content12{
width:540px;
height:1800px;
margin: 0 0 0 15px;


}
#content15{
width:540px;
height:1620px;
margin: 0 0 0 15px;


}
#content11{
width:540px;
height:3000px;
margin: 0 0 0 15px;


}
#content3{
width:540px;
height:700px;
margin: 0 0 0 15px;


}

#content4{
width:540px;
height:1600px;
margin: 0 0 0 15px;


}
#content5{
width:540px;
height:350px;
margin: 0 0 0 15px;


}
#content6{
width:540px;
height:1000px;
margin: 0 0 0 15px;


}

#content7{
width:539px;
height:700px;
margin: 0 0 0 15px;
background-color:#eeeae4;



}


#content8{
width:540px;
height:900px;
margin: 0 0 0 15px;

background-color:#eeeae4;

}

#content9{
width:540px;
height:2500px;
margin: 0 0 0 15px;


}
#code{
margin-left:190px;
}
.style1 {color: #09357b}
.content1{
font-family: Arial, Helvetica, sans-serif;
font-size: 49px;
color:#09357b;
font-style:italic;

}
.content2{
font-family: Arial, Helvetica, sans-serif;
font-size: 40px;
color:#09357b;
font-style:italic;

}


h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#09357b;


}


#centerimage{
margin: 0 0 0 25px;


}

#tags{
background:#09357b;
width:540px;
height:30px;
padding-top:7px;


}
.text{
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
font-size:16px;

}
span {
color:#ffffff;


}
#box{
width:140px;
height:50px;
background-color:#b4aa9c;
margin: 0 auto;
padding-top:10px;
}
.box{
color:#09357a;
}

a{
border:none;
text-decoration:none;

}
img{
border:none;


}
#pull img{
max-height:79px;


}
#styledrain img{
max-height:94px;

}