body {background-color: #000000 ; /*a1936e 8d846b 9e957d */
margin: 0}

a:link {color: #999999; text-decoration: none;}
a:visited {color: #999999; text-decoration: none;}
a:hover {color: #3e4352; text-decoration: none;}
a:active {color: #272315; text-decoration: none;}

/*Header*/

div.logo{
margin: 0px;
height: auto;
width: auto;
float: left;
position:absolute; left:730px; top:12px;
opacity:0.25;filter:alpha(opacity=25);
z-index=0
}


.jc {background-color: transparent; 
color: #272315; 
font-family: "Copperplate Gothic Light"; 
font-size: 50px;
position:absolute; left:125px; top:15px}

.photo {background-color: transparent; 
color: #272315; 
font-family: helvetica; 
font-size: 50px;
font-weight: normal;
letter-spacing: 5px;
position:absolute; left:340px; top:55px}

.seniors {background-color: transparent; 
color: #d3be73; 
font-family: "Vivaldi";
font-size: 85px;
font-weight: normal;
letter-spacing: 5px;
opacity:0.75;filter:alpha(opacity=75);
position:absolute; left:150px; top:390px}

.year {background-color: transparent; 
color: #d3be73; 
font-family: "Castellar";
font-size: 55px;
font-weight: normal;
letter-spacing: 5px;
opacity:0.75;filter:alpha(opacity=75);
position:absolute; left:690px; top:470px}


#titleline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
position:absolute; top: 45px;
background: transparent; /*upper border color*/
border-bottom: 1px solid #333333;}

.contactinfo {background-color: transparent; 
color: #272315; 
font-family: helvetica; 
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 100%; 
position:absolute; right:75px; top:20px}

div.img{
border: 0px;
margin: 0px;
height: auto;
width: auto;
position:absolute; left:100px; top:100px
}

div.imgsub{
border: 0px:
margin: 0px;
height: auto;
width: auto;
opacity:0.60;filter:alpha(opacity=60);
position:absolute; left:238px; top:98px
}


div.scrolllt{
margin: 0px;
height: auto;
width: auto;
position:absolute; left:108px; top:95px
}

div.scrollrt{
margin: 0px;
height: auto;
width: auto;
position:absolute; left:760px; top:350px
}


div.vinelt{
margin: 0px;
height: auto;
width: auto;
opacity:0.25;filter:alpha(opacity=25);
position:absolute; left:253px; top:120px
}

div.vinert{
margin: 0px;
height: auto;
width: auto;
opacity:0.25;filter:alpha(opacity=25);
position:absolute; left:698px; top:110px
}

div.container{
z-index: 1;
}

div.navigation {background-color: transparent;
color: #dddddd;
font-family: helvetica;
font-size: 26px;
position:absolute; left:374px; top:575px;}

.boxtext{
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: center; center;
opacity:0.5;filter:alpha(opacity=50);
font: 15px helvetica, Verdana, sans-serif black;
padding: 10px;
text-transform: none;
letter-spacing: normal;
text-align: center;
position:absolute; left:390px; top:125px;
}

.boxtextform{
background-image: url(images/background.jpg);
background-repeat: no-repeat;
background-position: center; center;
opacity:0.5;filter:alpha(opacity=50);
font: 14px helvetica, Verdana, sans-serif black;
padding: 10px;
text-transform: none;
letter-spacing: normal;
text-align: center;
position:absolute; left:390px; top:125px;
}

#list{
padding:0; 
margin:0;
}

#list li{
font-family: helvetica;
font-size: 12px;
font-style: bold;
} 

div.ambassador {background-color: transparent;
color: #555555;
font-family: helvetica;
font-size: 18px;
text-align: center;
position:absolute; left:25px; top:500px;}


/*Footer*/

div.wppi {background-color: transparent;
color: #444444;
font-family: helvetica;
font-size: 12px;
position:absolute; left:260px; bottom:45px;}

#footerline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
position:absolute; bottom: 42px;
background: transparent; /*upper border color*/
border-bottom: 2px solid #3e4352 ;}

div.copyright {background-color: transparent;
color: #666666;
font-family: helvetica;
font-size: 12px;
position:absolute; left:385px; bottom:2px;}

div.textnav {background-color: transparent;
color: #333333;
font-family: helvetica;
font-size: 12px;
position:absolute; left:238px; bottom:5px;}

div.serving {background-color: transparent;
color: #666666;
font-family: helvetica;
font-size: 12px;
position:absolute; top:618px; left:120px;
}


div.fb{
border: 0px;
position:absolute; left:20px; bottom:5px;
opacity:0.5;filter:alpha(opacity=50)}

div.wp{
border: 0px;
position:absolute; left:60px; bottom:5px;
opacity:0.5;filter:alpha(opacity=50)}

div.rss{
border: 0px;
position:absolute; left:20px; bottom:40px;
opacity:0.75;filter:alpha(opacity=75)}




/*Form*/

input {
background: black !important;
margin: 1px; 
color: #ffffff;
} 

textarea{
margin: 0px 3px 3px 3px;
}

#form{
background: black;
border: double #dddddd 3px; 
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
padding: 8px; 
position:absolute; top:220px; left:17px;
}

.title{
background: black;
color: white; 
font-family: helvetica; 
font-size: 14px;
font-weight: bold;
width: 281px;
padding: 3px;
border: double #dddddd 3px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
position:absolute; left:17px; top:193px;
}

.label{
background: transparent;
color: #ffffff; 
font-family: helvetica; 
font-size: 14px;
font-weight: bold;
}




/*Navigation*/

#invertedtabs{
margin-left: 45%;
position:absolute; top: 112px; /*moves tabs vertically must allow 11px for line&bar if used*/
padding: 0;
width: 498px; /* width of entire menu - need to set to keep scrollbars off screen*/
background: transparent; /* background block for entire menu*/
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;}

#invertedtabs ul{
font: bold 11px "helvetica", Verdana, sans-serif;
margin:0; /*margin between tabs and line*/
margin-bottom: 1em; /*margin between menu and rest of content - em is a font-size multiplier (was 1em)*/
padding:0;
list-style:none;}

#invertedtabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
line-height: 1.5em; /* height of tabs*/
}

#invertedtabs a{
float:left;
color: #bbbbbb; /*tab text color*/
background: #625A43 url(media/color_tabs_left2.gif) no-repeat left bottom;            /*tab color*/
margin:0 2px 0 0;
padding:0 0 0 3px;
text-decoration:none;
letter-spacing: 1px;
}

#invertedtabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right2.gif) no-repeat right bottom;
padding:3px 9px 3px 6px;
}

#invertedtabs a span{
float:none;
}
#invertedtabs a:hover{
background-color: #3e4352 ;  /*needs to match hover color*/
}

#invertedtabs a:hover span{
background-color: #3e4352 ; /*hover color*/
}

#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/
background-color: #3e4352;
}

#invertedtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
position:absolute; top: 100px;
background: #AFA589; /*upper border color*/
border-bottom: 4px solid #3e4352 ; /*Remove this to remove border between bar and tabs*  blue color - 6a738d 3e4352 
brick reds-7c0004 690013 590f1d/
}