<STYLE>
h1, h2 {
font-family: helvetica, arial, sans-serif;
color: #333333;
font-weight:bold;
margin-top: 7px;
margin-bottom: 2px;
line-height: 120%;
}
h1 {
color: #333333;
font-size:24pt;
line-height: 100%;
}
h2 {
color: #333333;
font-size:18pt;
line-height: 110%;
}
h3 {
font-size:14pt;
font-family: helvetica, arial, sans-serif;
color: #333333;
font-weight:bold;
margin-top: 7px;
margin-bottom: 2px;
line-height: 120%;
}
h4 {
font-size:11pt;
font-family: helvetica, arial, sans-serif;
color: #333333;
font-weight:bold;
margin-top: 7px;
margin-bottom: 2px;
}
p, td, tr, blockquote {
font-family: helvetica, arial, sans-serif;
font-size: 9pt;
color: #333333;
line-height: 120%;
margin-top: 7px;
margin-bottom: 2px;
}
.smaller
{
font-size:8pt;
}
.larger
{
font-size:11pt;
}
.navigation
{
font-family: Futura, Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
color: #333333;
}
a:link {color:#cc0000; text-decoration: none}
a:visited {color:#336699; text-decoration: none}
a:active {color:#ff6633; text-decoration: none}
a:hover {color:#ff6633; text-decoration: underline}

.side
{
width: 164px;
background-image: url(/images/paper_light.jpg);
background-color: #ffeeaa;
padding: 10px 15px;
border-color: #222222;
border-style: solid; 
border-top-width: 0;
border-left-width: 3px;
border-right-width: 3px; 
border-bottom-width: 3px; 
margin-bottom: 10px;
}

.testimonial
{
font-size:12pt;
text-align: center;
line-height:110%;
background-color: #ffffdd;
padding: 0px 15px;
border-color: #222222;
border-style: solid; 
border-width: 0px 2px;
}

.yellow
{
border: 3px solid #222222;
background-color:#ffcc55;
//background-image: url(/images/dots_yellow.gif);
}

.item
{
border: 2px solid #222222;
color: #222222;
background-color: #ffeeaa;
}

.item p {
padding: 0px 5px 5px 5px;
}

/* DIV STYLES */

#body {
position: relative;
width: 1000px;
margin: auto;
}

#main {
width:870px;
margin-left:25px;
background-color: #eedd99;
background-image: url(/images/paper_med.jpg);
padding-top: 20px; 
padding-left: 35px; 
padding-right: 35px; 
border-color: #222222; 
border-left-width:5px; 
border-left-style: solid; 
border-right-width:5px; 
border-right-style: solid;
}


/* MENU DROPDOWNS */
/* http://pixelspread.com/demo/cssdropdown.html */

#menu{
text-align:center;
position:absolute;
width=1000px;
//height:103px;
margin:0px;
padding:0px;
font: 10pt helvetica, verdana, arial, sans-serif;
line-height:26px;
text-align: left;
font-weight: bold;
}
#menu ul .top{
margin:0px;
padding:0px;
height:32px;
}
#menu ul .item{
display:none;
margin:0px;
padding:0px;
}
#menu ul:hover .item{
display:block;
background:#ffcc55;
border: 2px solid #222222;
border-top-width:0;
text-indent: 10px;
margin:0px 14px 0px 0px;
padding:0px;
}
#menu ul:hover .item a{
color:#222222;
text-decoration:none;
//text-indent: 10px;
}
#menu ul:hover .item a:hover{
color: #ffeeaa;
display: block;
background: #ff7733;
}
#menu ul{
float:left;
list-style:none;
margin:0px;
padding:0px;
}
.clear{
clear:both;
//height:10px;
}



/* THUMBNAIL POPUP WINDOW */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border-width: 2px 4px 5px 2px;
border-style: solid;
border-color: #222222;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -95px;
width:100px;
left: 5px; /*position where enlarged image should offset horizontally */
font: 8pt Helvetica, Arial, Verdana, sans-serif; 
color: #222222;
background-color: #ffcc55;
}
.thumbnail:hover{
text-decoration: none;
font-weight:bold;
}
#subhead{
top:-40px;
left:50px;
width:350px;
}
#billboard{
top:-180px;
left:150px;
width:350px;
}

</STYLE>