/* Main Styles For PrintedE Pages */

html, body {
margin: 0px;
height: 100%; 
text-align: center;
}

/* text styles */ 
body, table, a:link, a:visited, a:hover, input, select, textarea {
color: #777777;
font-size: 8pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:link, a:visited, a:hover { color: #999999; }
a:hover { color: #333333; }

h1, h2, h3 { 
margin: 0px; 
font-size: 10pt; 
font-variant: small-caps;
}
h2, h3 { font-weight: 100; font-size: 8pt; }
h3 { color: #333333; } /* used for Oops! in errors */


/* loose the borders on image links */
a:link img, a:visited img, a:hover img { border: none; }

/* highlighting image links on rollover */
.highlight img { filter: alpha(opacity=70); moz-opacity:.70; opacity:.70; } 
.highlight:hover img { filter: alpha(opacity=100); moz-opacity: 1; opacity: 1; } 

/* form stuff */
form { margin: 0px; }
input { 
background: #ffffff; 
border: 1px solid #999999;
padding: 1px; 
} 


/* fake horizontal rule (opera fix) */
.hr { 
margin: 5px; padding: 0px;
font-size: 0pt; /* IE fix */
height: 1px; 
border-top: 1px solid #cccccc;
}

.border6 { border: 1px solid #666666; }


/* tables */
td { text-align: center; vertical-align: top; }

.leftside { /* tribal decoration */
background: url('http://www.printedexistence.com/grafix/left.gif');
background-position: left; 
} 
.rightside { 
background: url('http://www.printedexistence.com/grafix/right.gif');
background-position: right; 
}
.leftside, .rightside { background-repeat: repeat-y; }

.main { /* 700px table containing banner & all content */
height: 100%; margin: 0px auto;
border: 1px solid #cccccc;
}
.maininner { /* inner table containing individual pages */
height: 100%; margin: 0px auto; 
}
.maininner td { border: 1px solid #cccccc; }
.maininner table td { border: none; }

.sectionbox {
margin: 5px auto;
padding-top: 5px; padding-bottom: 5px;
border-top: 1px solid #cccccc; 
border-bottom: 1px solid #cccccc;
}
.bordered { border: 1px solid #cccccc; }

.codebox { 
padding: 5px;
text-align: left;
color: #333333;
background: #ccccff;
border: 1px solid #6666cc;
}

.error { 
color: #333333;
font-style: italic;
}

/* ascii symbols table on vf faq */
#asciisymbols td { border: 1px solid #cccccc; }

/* textstyles page */
.linkstate a:link { color: maroon; } 
.linkstate a:visited { color: deeppink; } 
.linkstate a:hover { color: teal; }
.linkstate2 a:link { color: maroon; font-size: 10px; } 
.linkstate2 a:visited { color: deeppink; font-size: 10px; } 
.linkstate2 a:hover { color: teal; background: red; font-size: 16px; }

/* images page */
a:link .hoverfilterdemo, a:visited .hoverfilterdemo { filter: alpha(opacity=1); -moz-opacity: 1; opacity: 1; } 
a:hover .hoverfilterdemo { filter: alpha(opacity=60); -moz-opacity: .60; opacity: .60; } 
a:link .hovergrowdemo, a:visited .hovergrowdemo { width: 100px; height: 100px; } 
a:hover .hovergrowdemo { width: 200px; height: 200px; } 
a:link .hoverborderdemo, a:visited .hoverborderdemo { border: 3px double red; } 
a:hover .hoverborderdemo { border: 5px solid lime; } 

/* sitemap page */
.sitemaplist { padding: 15px; }
a.sitemap1:link, a.sitemap1:visited { color: #6600cc; }
a.sitemap2:link, a.sitemap2:visited { color: #9966ff; }
a.sitemap3:link, a.sitemap3:visited { color: #9999cc; }
a.sitemap4:link, a.sitemap4:visited { color: #666699; }
a.sitemap5:link, a.sitemap5:visited { color: #999999; }
a.sitemap1:hover, a.sitemap2:hover, a.sitemap3:hover, a.sitemap4:hover, a.sitemap5:hover { color: #ccccff; }

/* navigation */
#nav div, #nav a, .subnav, .subnav li, .nav2 { margin: 0px; padding: 0px; }

#navouter {
background: url('http://www.printedexistence.com/grafix/navrptbg.gif') 0px 0px repeat-x;
}

#nav { 
height: 30px;
background: url('http://www.printedexistence.com/grafix/navbg.gif') 0px 0px repeat-x;
margin-left: auto; margin-right: auto;
}
.nav2, .nav2 ul { 
width: 130px; 
margin: 0px auto; 
border: 1px solid #cccccc; border-bottom: none; 
}
.nav2 { margin-top: 5px; }

#nav a, .nav2 a { 
width: 100px; height: 30px;
display: block;
color: #999999;
text-align: center;
line-height: 24pt;
text-decoration: none;
}
.nav2 a {
width: 130px; height: 25px; 
border-bottom: 1px solid #cccccc;
line-height: 20pt;
}
#nav a:hover, .nav2 a:hover { color: #444444; }

#nav .subnav a { 
height: 28px;
background: #ffffff url('http://www.printedexistence.com/grafix/submenubg.gif');
background-repeat: no-repeat;
line-height: 22pt;
width: 115px;
}
.nav2 .subnav a { height: 25px; width: 130px; background: #ffffff; }

#nav div, .nav2 li { /* container for the dropdown */
position: relative; 
display: block; 
}
.nav2 li { z-index: 2; }
#nav div { z-index: 3; }

#nav div .subnav, .nav2 li .subnav {
list-style: none;
display: none;
position: absolute;
}
#nav div .subnav { left: 0px; } /* IE fix */
.nav2 li .subnav { left: 130px; top: -1px; width: 130px; }

* html .nav2 li { float: left; height: 1%; } /* Holly Hack. (IE menu display fix) */
* html .nav2 li a { height: 1%; } 

#nav td:hover .subnav, #nav div.over .subnav, 
.nav2 li:hover .subnav, .nav2 li.over .subnav { display: block; }