/* created 08-2010 by A. Kaldrovics */
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:#6B0F03;
}
#wrap {width:1080px; height:auto; margin-left:4em;}
#lftCol{width:740px; float:left; position:relative;
height: auto;margin-right:5px;}
#rtCol {position: relative;
float:right;
width:325px;
height: auto;
text-align:center;margin-left:5px;
}
/* style for banner containing logo and top yellow box */
#topBanner {width:740px; height:250px;}
/* style for rt top box BEGIN */
#boxTop {width:auto; height:auto;
}
.roundYbox {background:#fbed94 url(../images/round-y.gif) no-repeat; padding:5px 10px; margin-bottom:10px;clear:both;
}
.roundYbox h3 {padding:0;color:#6B0F03; margin-bottom:2px; text-align:left;}
.roundYbox h2, .roundYbox h3.event {padding:0; margin-bottom:2px; color:#000; text-align:left;}
.roundWbox {background:#ffffff url(../images/round-w.gif) no-repeat; padding:5px 10px; margin-bottom:10px;clear:both;
}
.roundYbox p, .roundWbox p {color:#000; margin-left:10px; margin-top:2px; text-align:left;}
.roundWbox h2, h3 {padding:0; color:#6B0F03; margin-bottom:2px; text-align:left;}
.roundYbox img {float:right; position:relative; width:110px; padding:5px;}
/* style for rt top box END */
/* style for buttons BEGIN */
a.button {
/* Sliding right image */
background: transparent url('../images/button_rightt.png') no-repeat scroll top right;
display: block;
float: left;
height: 36px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
a.button span {
/* Background left image */
background: transparent url('../images/button_leftt.png') no-repeat;
display: block;
line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 5px 0 5px 10px;
}
a.button:hover span{
text-decoration:underline; color:#333;
}
/* style for buttons END */
/* style for logo BEGIN */
#masthead {
width: 310px;
height:212px;
padding: 10px;
margin-top:4px;
background-image:url(../images/pvop_logo_org_nobkgdnoTXT2.png);
background-repeat:no-repeat; float:left; position:relative;
z-index:100;
}
#masthead h1{
text-align:center;
position:absolute;
top:100px;
left:71px;
font-family:"Poor Richard", Arial, serif;
font-size:1.85em;
color:#FBB520 !important;
}
#masthead h1 a, #masthead h1 a:hover{
text-decoration:none!important;font-family:"Poor Richard", Arial, serif;
color:#FBB520 !important;}
#masthead h3{position:relative; float:right; top:155px !important; left:10px; color:#eee !important;}
/* style for logo END */
/* style to turn jukebox off */
#jukebox {position:absolute; padding:3px; width:215px; right:60px; top:180px; display:none !important; visibility:hidden !important;}
/* style to turn jukebox on #jukebox {position:absolute; padding:3px; width:215px; right:60px; top:180px; } */
div.mainC {width:100%; height:auto;}
div.imgTxtNav {width:740px; height:auto; clear:both; float:left; position:relative;}
div.imgTxt_box {margin-top:-10px; padding:10px 8px 25px 8px; clear:both; background-color:#000 !important; font-size:14px; color:#FFF !important;}
div.imgTxt_box h1, div.imgTxt_box h2, div.imgTxt_box h3 {color:#FFF !important;}
div.imgTxt_box img {float:left; position:relative; padding:20px 5px; width:320px; height:auto;}
div.imgTxt_boxWide {float:left; position:relative; width:724px; margin:0; padding:0 8px 8px 8px; clear:both; background-color:#000 !important;}
div.imgTxt_boxWide p, div.imgTxt_box p {width:715px; font-size:14px; color:#FFF !important;}
div.imgTxt_boxWide h1, div.imgTxt_boxWide h2, div.imgTxt_boxWide h3{color:#FFF !important;}
div.imgTxt_boxWidePic {float:left; position:relative; width:725px; margin:0; padding:0 8px 8px 8px; height:auto; clear:both; background-color:#000 !important;}
div.mainTxtBox {float:left; position:relative; width:385px; height:340px; padding-left:5px; color:#FFF !important;}
div.mainTxtBoxLong {float:left; position:relative; width:375px; height:auto; padding:5px; overflow-y:auto;}
div.mainTxtBox p {width:375px; height:340px;}
div.mainTxtBoxLong p {width:355px; font-size:14px; color:#FFF !important;}
div.mainTxtBoxLong ul li {font-size:14px; color:#FFF !important;}
div.mainTxtBoxLong h1{color:#FFF !important;}
div.mainTxtBox h3{color:#FFF !important;}
div.mainTxtBoxLong h3{color:#FFF !important;}
div.imgTxt_boxWideLong a, div.imgTxt_boxWide a, div.imgTxt_box a, div.imgTxt_boxWideLong a:visited, div.imgTxt_boxWide a:visited, div.imgTxt_box a:visited {
color: #fbed94;
text-decoration: underline;
font-weight:bold;
}
div.imgTxt_boxWideLong a:hover, div.imgTxt_boxWide a:hover, div.imgTxt_box a:hover {
color: #eee;
text-decoration: underline;
font-weight:bold;
}
/* Navigation Styles BEGIN */
#navigation a
{
color: #000;
height:18px;
background:#fbed94 url(../images/round-y.gif) no-repeat;
text-decoration: none;
padding-left: 10px;
}
#navigation a span
{
background: #fbed94;
padding-right: 10px;
}
#navigation a.grey
{
color: #000;
height:18px;
background:#bebebe url(../images/round-g.gif) no-repeat;
text-decoration: none;
padding-left: 10px;
margin-left:45px;
}
#navigation a.grey span
{
background: #bebebe;
padding-right: 10px;
}
#navigation a, #navigation a span, #navigation a.grey, #navigation a.grey span
{
display: block;
float: left;
}
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
float: none;
}
/* End hide */
#navigation a:hover
{
color: #000;
height:18px;
background: #fff url(../images/round-w.gif) no-repeat;
padding-left: 10px;
}
#navigation a:hover span
{
background: #fff;
padding-right: 10px;
}
#navigation ul
{
list-style: none;
height:14px;
padding: 0;
margin: 0 5px;
}
#navigation li
{
height:14px;
float: left;
margin-right: 10px;
}
#navigation
{
padding-bottom:6px;
border-bottom:#000 solid 8px;
}
/* Navigation Styles END */
#footer {
clear: both;
width: 100%;
padding:.5em;
display:block;
background-color:#520b01;
color:#eee;
text-align:center;
font-size:10px;
margin-top:20px;
}
#footer a, #footer a:visited {
color: #fbed94;
text-decoration: underline;
font-weight:bold;
}
#footer a:hover {
color: #eee;
text-decoration: underline;
font-weight:bold;
}
a {
color: #402640;
text-decoration: underline;
font-weight:bold;
}
a:hover {
color: #dfb8df;
text-decoration: underline;
font-weight:bold;
}
/* *****************GREY striped table added AK 6/23/10 ****************** */
table.striped-grey {
width: 100%;
text-align: left;
color:#ffffff;
margin-top:15px;
}
table.striped-grey th {
font-weight: bold;
color:#ffffff;
background-color: #6B0F03 !important; text-align:center; }
table.striped-grey td, table.striped th {
padding: 4px 5px; }
table.striped-grey tr {
background-color: #333;
vertical-align:top;}
table.striped-grey td {
border-bottom: 1px solid #000; }
table.striped-grey .even {
background-color: #000;
}
/******************
NOTE: in order to use these above striped table styles insert following JS code into header of page where tables are. USE striped-grey class in line 275, and then add that class to the table(s)
*****************/