/* Lucky CSS 1.0 By Joshua D. Peterson */

/* Root CSS */

html {
background-image:url(img/mainbg.png);
background-repeat:repeat;
height:auto;
}

body {
background-image:url(img/pr-bg.png);
background-repeat:repeat-x;
margin:0px auto 0px auto;
height:auto;
}

.t-measure {
display:block;
width:800px;
margin:0;
border:0;
padding:0;
}

.t-sep {
height:25px;
}

.t-font {
font-family:Arial;
font-size: 1em;
color: #ffffff;
text-align:left;
line-height:11pt;
}

.t-link a{
font-family:Arial;
font-size:10pt;
color:#006600;
text-decoration:none;
line-height:11pt;
}

.t-link a:hover {
color:#000000;
border-bottom: #000000 1px dotted;
}

/* Container CSS */

.t-cont {
margin:0 auto 0 auto;
height:auto;
}

/* Quick Links CSS */

.ql-div {
background-image:url(img/pr-ql.png);
height:25px;
}

.ql-div-link {
font-size:.75em;
text-align:right;
text-transform:lowercase;
line-height:1.75em;
}

.ql-div-link a{
font-size:.95em;
font-weight:bold;
color:#ffffff;
margin-left:10px;
margin-right:10px;
}

.ql-div-link a:hover{
color:#003300;
border-bottom-color:#003300;
}

/* Logo */

.logo-div {
background-image:url(img/pr-lo.png);
height:100px;
line-height:100px;
}

.logo-header {
font-family:Verdana;
font-size:1.5em;
color:#ffffff;
margin:0;
}

/* Navigation */

.nav-div {
background-image:url(img/pr-n.png);
height:25px;
}

.nav-link {
font-size:.75em;
color:#ffffff;
line-height:24px;
text-align:center;
}

.nav-link a{
margin:0 5px 0 2px;
padding:.25em 5px .25em 5px;
font-size:.95em;
font-weight:bold;
color:#003300;
line-height:25px;
border-bottom:none;
}

.nav-link a:hover{
color:#006600;
background-image:url(img/pr-lbg.png);
background-repeat:repeat-x;
background-position:-50%;
border-bottom:none;
}

.nav-selected{
background-image:url(img/pr-lbg.png);
background-repeat:repeat-x;
background-position:-50%;
}

.nav-selected b{
color:#000000;
}

.nav-sep-div {
background-image:url(img/pr-n2.png);
font-size:.75em;
text-align:center;
}

.nav-sep-link a{
font-size:.95em;
font-weight:bold;
color:#002200;
margin:0 10px 0 10px;
line-height:25px;
}

/* Advertisement */

.ad-div {
background-image:url(img/pr-ad.png);
height:45px;
line-height:45px;
}

.ad-div img{
width:792px;
height:36px;
margin:4px;
}

/* Content Styles
   
   DO NOT edit unless you know what you are doing!
*/

.content-25 {
background-image:url(img/pr-25b.png);
background-repeat:repeat-y;
width:800px;
height:auto;
margin:0;
padding:0;
border:0;
}

.content-25 .c-contain {
background-image:url(img/pr-25t.png);
}

.content-25 .c-left-col {
width:175px;
}

.content-25 .c-right-col {
width:575px;
}

.content-50 {
background-image:url(img/pr-50b.png);
background-repeat:repeat-y;
width:800px;
height:auto;
margin:0;
padding:0;
border:0;
}

.content-50 .c-contain {
background-image:url(img/pr-50t.png);
}

.content-50 .c-left-col {
width:380px;
}

.content-50 .c-right-col {
width:380px;
}

.content-75 {
background-image:url(img/pr-75b.png);
background-repeat:repeat-y;
width:800px;
height:auto;
margin:0;
padding:0;
border:0;
}

.content-75 .c-contain {
background-image:url(img/pr-75t.png);
}

.content-75 .c-left-col {
width:580px;
}

.content-75 .c-right-col {
width:180px;
}

.c-contain {
display:block;
background-repeat:no-repeat;
width:805px;
height:auto;
margin:;
border:0;
padding:0;
}

.c-left-col, .c-right-col {
display:block;
padding-top:10px;
margin:0;

}

.c-left-col {
float:left;

}

.c-right-col {
float:right;
}


/* You can edit these below.
   
   Don't touch the float values though.
*/

.bquote {
background-image:url(img/pr-blockq.png);
background-position:top left;
background-repeat:no-repeat;
color:#d9e7cd;
margin:15px;
padding:36px 18px 18px 36px;
font-size:.95em;
line-height:1.25em;
text-align:left;
}

ul, li {
color:#b4cdaa;
list-style:outside square;
}

.nav-style {
font-size:.8em;
line-height:1em;
color:#000000;
margin:10px;
width:100%;
}

.nav-style blockquote{
font-size:1.15em;
line-height:1.15em;
}

.nav-style p{
font-size:1.25em;
line-height:1.45em;
color:#002200;
margin-left:10px;
}

.nav-style a{
color:#FFA500;
font-size:1.25em;
font-weight:bold;
line-height:1.5em;
margin-left:10px;
}

.nav-style a:hover{
border-bottom:#003300 1px dotted;
}

.nav-style h1 {
font-size:1.25em;
font-weight:bold;
color:#d4efc8;
margin:0px 0px 10px 0px;
}

.nav-style h2 {
font-size:.95em;
font-weight:bold;
color:#cddcc6;
margin:5px 0px 5px 10px;
}

.nav-style hr {
background-image:url(img/pr-cf.png);
background-position:center;
color:#b5c1aa;
height:1px;
margin:.75em 0 .75em 0;
border:0;
}

.con-style {
font-size:1em;
color:#003300;
line-height:1em;
margin:10px;
width:100%;
}

.con-style p{
font-size:1.25em;
line-height:1.50em;
margin:5px 5px 10px 5px;
color:#002200;
}

.con-style a{
color:#002200;
font-weight:bold;
}

.con-style a:hover{
color:#001100;
border-bottom:1px dotted #b4dcaa;
}

.con-style h1 {
font-size:1.25em;
font-weight:bold;
color:#d4efc8;
margin:0 0 0 5px;
}

.con-style h2 {
font-size:1.05em;
font-weight:bold;
color:#cddcc6;
margin:15px 0 5px 5px;
}

.con-style h3 {
font-size:.95em;
font-weight:bold;
color:#acbaa4;
margin:15px 0 5px 10px;
}

.con-style hr {
background-image:url(img/pr-cf.png);
background-position:top center;
color:#b5c1aa;
height:1px;
margin:.5em 0 .5em 0;
border:0;
}

/* Leave this one alone, thank you. */

.c-foot {
background-image:url(img/pr-cf.png);
width:800px;
height:1px;
clear:both;
}

/* Footer */

.foot-div {
background-image:url(img/pr-f.png);
height:100px;
}

.foot-font {
font-size:.75em;
color:#003300;
text-align:center;
padding:2em 0 2em 0;
}

.foot-font a{
color:#002200;
font-weight:bold;
}

.foot-ref {
background-image:url(img/pr-fr.png);
height:20px;
margin:5px 0px 5px 0;
}

/* POPUP IMAGES */

#info p {margin-left:15px; margin-right:20px;}

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:350px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left: -150px; /* position:the image */
top:-355px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:350px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
.hb a {
margin: 0;
}
/* top */
.hb_top {position:relative; }
.thumbs_top {float:left;margin-top: 400px;}
.thumbs_top a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_top a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_top a:hover {border-color:#ddd;}
.thumbs_top a:hover img {position:absolute; width:auto; height:auto; top: 120px; left: 5px;border:1px solid #ccc;padding: 4px;background: #fefefe;}

/* bottom */
.hb_bot {position:relative; }
.thumbs_bot {float:left;margin-top: 400px;}
.thumbs_bot a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #ccc;}
.thumbs_bot a img {width:50px; height:50px; border:0;margin: 0;}
.thumbs_bot a:hover {border-color:#ddd;}
.thumbs_bot a:hover img {position:absolute; width:auto; height:auto; top: -370px; left: 5px;border:1px solid #ccc;padding: 4px;background: #fefefe;}