/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrap {min-height: 100%;
background-image: url(gradient2.png);}

#main {overflow:auto;
	padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -76px; /* negative value of footer height */
	height: 76px;
	overflow:auto;
	background-color: #ccccff;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

body {
color: #000099;
font-family: Verdana, Helvetica, non-serif;
}

h1 {
display: inline;
padding-left: 10px;
font-family: 'Handwriting - Dakota', Helvetica, non-serif;
color:#000099;
}

h2 {
font-family: 'Handwriting - Dakota', Helvetica, non-serif;
color:#000099;
}

h3 {
display: inline;
padding-left: 10px;
font-family: 'Handwriting - Dakota', Helvetica, non-serif;
color:#000099;
}

h4 {
font-family: 'Handwriting - Dakota', Helvetica, non-serif;
color:#000099;
}


a {
color: #000066;
}

a.current {
color: #5aa040;
}

img { border: 0px; }

#logoright a:hover {
  color:#ffffff; 
  /* opacity: .3  for most browsers */
	/* 	filter: alpha(opacity=30) for IE */ 
}
#logoright a span {
  display:none;
  }
 
#logoright a:hover span.lk {
  display:block; 
  position:absolute;
  text-decoration:none;
  left:700px; 
  top:15px; 
  padding:5px; 
  width:200px;
  background-color:#ffffff; 
  color:#663366; 
  border:10px solid #234;
  border-color:#339966 #006600;
  font-size: smaller;
  text-align:center;
  }

p { margin-top: 0; }
#menu a, #menu a:visited {
  /*text-align:center; */
  text-decoration:none; 
  color:#000;
  display:inline;
  width:7em; 
  height:1.2em; 
  border:0.5em solid #9999cc;
  border-color: #9999cc;
  padding:0.25em;
  margin:0.5em auto;
  }

#menu a span {
  display:none;
  }
  #menu a:hover {
  color:#fff;
  background-color:#9999cc; 
  border-color:#9966ff #663366;
  text-align:center;
  } 
#menu a:hover span.left, 
#menu a:hover span.right {
  display:block; 
  position:absolute; 
  height:0; 
  width:0; 
  overflow:hidden; 
  border-top:8px solid #fff; 
  border-bottom:8px solid #fff; 
  }
#menu a:hover span.left {
  left:-50px; 
  top:5px; 
  border-left:8px solid #663366;
  }
#menu a:hover span.right {
  left:-15px; 
  top:120px; 
  border-right:8px solid #663366;
  }

#menu a:hover span.lk {
  display:block; 
  position:absolute; 
  left:-170px; 
  top:90px; 
  padding:5px; 
  width:100px;
  background-color:#fff; 
  color:#663366; 
  border:10px solid #234;
  border-color:#9966ff #663366;
  font-size: smaller;
  }


ul.menu {
display: inline;
list-style: none;
padding: 0;
border: 0;
}

ul.menu li {
display: inline;
padding-right: 10px;
}

#head {
font-family: Papyrus, Helvetica, non-serif;
/*background-color: #C8C3CE;*/
background-image: url(pwpheadgradient.jpg);
}

#menublock {
position: relative;
font-family: Papyrus, Helvetica, non-serif;
left: 0px;
/*width: 100%;*/
}
#menu {
position: relative;
margin-left: 200px;
}
#body {
position: relative;
top: 50px;
left: 0px;
width: 100%;
/*background-color: #fff;*/
}

ul.body {
display: inline;
list-style: disc;
padding: 0;
border: 0;
}

ul.body li {
margin-left: 40px;
padding-left: 20px;
/*background-color: #ccccff;*/
}

#bodyinset{
position: absolute;
top:0px;
left: 10px;
right: 10px;
}

#bodytitle{
position: relative;
top: -50px;
left: 0px;
width: 100%;
}

#bodytitle h2{
margin: 0;
}

#breadcrumb{
position: absolute;
bottom: 0px;
right: 0px;
/*float:right;*/
}


#bodynav{
float: left;
width: 230px;
background-color: #F0FFF0;
}
#bodynav ul{
margin: 0;
list-style-type: none;
padding: 0;
}

#bodycontent {
position: relative;
border: 0;
padding: 10px;
margin-left: 20px;
margin-right: 110px;
/*background-image: url(parchment2.jpg);*/
/*background-repeat:repeat;*/
/*background-position:center center;*/
/*background-attachment:fixed;*/
}
#list a, #list a:visited {
  float:left;
  text-align:left;
  text-decoration:none; 
  color:#000;
  display:block;
  width:15em; 
  height:1.2em; 
  border:0.5em solid #9999cc;
  border-color: #9999cc;
  padding:0.25em;
  margin:2px ;
  }
#list a span {
  display:none;
  }
  #list a:hover {
  color:#fff;
  background-color:#9999cc; 
  border-color:#9966ff #663366;
  } 
#list a:hover span.left, 
#list a:hover span.right {
  display:block;
  height:0; 
  width:0; 
  overflow:hidden; 
  border-top:8px solid #fff; 
  border-bottom:8px solid #fff; 
  }
#list a:hover span.left {
  position:absolute; 
  left:180px; 
  top:115px; 
  border-left:8px solid #663366;
  }
#list a:hover span.right {
  position:relative;
  left:270px; 
  top:-15px; 
  border-right:8px solid #663366;
  }
* html #menu a:hover span.left, 
* html #menu a:hover span.right {
  width:8px; 
  height:16px;
  }
#list a:hover span.lk {
  display:block; 
  position:absolute; 
  left:200px; 
  top:105px; 
  padding:5px; 
  width:290px;
  background-color:#fff; 
  color:#663366; 
  border:10px solid #234;
  border-color:#9966ff #663366;
  }
#greenf {
color: #663366;
font-weight: bold;
}
.blockquote {
font-style: italic;
/*font-weight: bold;*/
padding-right: 50px;
padding-left: 50px;
display:block;
font-size: larger;
}
#copy {
font-size: 9pt;
float: left;  
padding-top: 20px;
padding-left: 20px;
display:block;
clear: both;
}
#footicons1 {
float: right;
width:150px;
text-align: right;
padding-top: 10px;
padding-right: 10px;
display:block;
}
#footicons2 {
float: right;
width:80px;
text-align: right;
padding-top: 10px;
padding-right: 10px;
display:block;
}
.floatright {
float: right;
padding-top: 10px;
padding-right: 10px;
text-align: right;
width: 185px;
display:block;
}
.pages {
float: right;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
text-align: center;
background-color: transparent;
/*font-weight: bold;*/
/*color:#0000ff;*/
font-size: smaller;
width: 420px;
display:block;
}
.floatleft {
float: left;
}
#logo {
display: block;
}
.roundedcornr_box_452089 {
   background: #5aa040 url(roundedcornr_452089_grad.gif) repeat-x top left;
}
.roundedcornr_top_452089 div {
   background: url(roundedcornr_452089_tl.gif) no-repeat top left;
}
.roundedcornr_top_452089 {
   background: transparent url(roundedcornr_452089_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_452089 div {
   background: url(roundedcornr_452089_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_452089 {
   background: transparent url(roundedcornr_452089_br.gif) no-repeat bottom right;
}

.roundedcornr_top_452089 div, .roundedcornr_top_452089,
.roundedcornr_bottom_452089 div, .roundedcornr_bottom_452089 {
   width: 100%;
   height: 60px;
   font-size: 1px;
}
.roundedcornr_content_452089 { margin: 0 60px; }

/*Menu based on a similar design by Stu Nicholls.  Used here to make the Main Menu */

.tabs {padding:10px 0 0 10px; margin:25px 0px 0 0; list-style:none; height:25px;  position:relative;}
.tabs li {float:left; margin-right:-4px; margin-bottom:-1px;}
.tabs li a {display:block; text-decoration:none; font-size:13px; font-family:Verdana, Helvetica, non-serif; line-height:23px;}
.tabs li a em {display:block; float:left; height:25px;text-align:center; padding:0 15px; background:url(ppgradient.jpg); border:1px solid #000; border-right:0; font-style:normal; color:#fff;}
.tabs li a span {display:none;}
.tabs li a b {position:relative; display:block; float:left; z-index:100; border-bottom:1px solid #000; width:2px; background:url(tab.gif);}

.tabs li a b.p1 {height:25px; margin-top:1px;}
.tabs li a b.p2 {height:23px; margin-top:3px;}
.tabs li a b.p3 {height:21px; margin-top:5px;}
.tabs li a b.p4 {height:19px; margin-top:7px;}
.tabs li a b.p5 {height:18px; width:1px; background:#000; margin-top:9px; font-size:1px; line-height:0; border:0;}

.tabs li a:hover {color:#000; white-space:normal;}

.tabs li a:hover em {background:url(pp2gradient.jpg); color:#000; cursor:pointer; border-bottom-color:#C8C3CE; position:relative; z-index:300;}
.tabs li a.selected em {background:url(pp3gradient.jpg); color:#000; border-bottom-color:#C8C3CE; text-decoration:underline; position:relative; z-index:400;}
.tabs li a.selected:hover em {cursor:default;}
.tabs li a.selected:hover b {cursor:default;}
.tabs li a.selected b {z-index:400; background-position:0 -33px; border-bottom-color:#C8C3CE; cursor:pointer;}

.tabs li a:hover b {background-position:0 -33px; border-bottom-color:#C8C3CE; cursor:pointer;}
.tabs li a:hover b.p5, .menu li a.selected b.p5 {background:#000;}

.tabs li a:hover span {display:block; position:absolute; left:90px; top:35px; color:#663366; white-space:nowrap; text-align:center; }
.tabs li a.selected:hover span {display:none;}

.message {background:#C8C3CE; border:1px solid #C8C3CE; border-top:0; text-align:right; font-size: 4pt; padding:5px 10px; margin:0 0px 0px 0px; color:#C8C3CE; }


/* based on the snazzy menu system from CSS Play by Stu Nicholls.  Used here to make the Products Menu */

.outer ul {margin-bottom:1em; padding:0; list-style-type:none; background:transparent; height:1em;}
.outer li {display:block; float:left;}
.outer {display:block; position:relative; background:transparent; padding:1em; margin:15px ;}

.xsnazzy {background:transparent;}
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:0.5em;}

.xtop {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#663366; border-left:1px solid #C8C3CE; border-right:1px solid #C8C3CE;}
.xb1 {margin:0 5px; background:#C8C3CE;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#cc6; border:0 solid #fff; border-width:0 1px 1px 1px;}


a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}

.xboxcontentd {display:block; background:url(ppgradient4.jpg); border:0 solid #C8C3CE; border-width:1px 1px 0 1px; padding-top:5px;}
a.xmenu2:hover .xboxcontentd {background:#eee; border-color:#888; border-top:1px solid #eee;}

.xboxcontentds {display:block; background:url(ppgradient5.jpg); border:0 solid #C8C3CE; border-width:1px 1px 0 1px; padding-top:5px; color:#ccc;}
a.xmenus2:hover .xboxcontentd {background:#fff; border-color:#888; border-top:1px solid #eee;}

.xsnazzys {background:transparent;}
.xsnazzys span {text-align:center; color:#000; margin:0; font-weight:normal; padding-bottom:0.5em;}