
body{ 
	font: 100% georgia, sans-serif;
	color: #81a4a0; 
	background: #000000 url(hptbackground.jpg) repeat-y 50% 50%; 
	margin: 0; 
	padding: 0;
	}


.glidetext{
position: relative;
font: 100% georgia, sans-serif;
color: #dbffff; 
/*Set initial position of your text. Make it just enough to hide the text from view:*/
left: -900px;
}


.pagetop{
        border: 0px solid #81a4a0;
        text-align:top;

               }

.contentborder{
        border: 1px solid #dbffff;
        
               }


#slantedmenu{
font-family:arial; color:#000000; font-size:10pt;
font-weight: bold;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #dbffff;
border: 1px solid #3d1900;
font-family:arial; color:#000000; font-size:10pt;
text-align: center; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}









/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 2px 0 2px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #dbffff;
padding: 2px 0px 2px 0px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid #dbffff; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #dbffff;
}


.shadow2{
box-shadow: 7px 7px 8px #202020;
-webkit-box-shadow: 7px 7px 8px #202020;
-moz-box-shadow: 7px 7px 8px #202020;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#202020, offX=7, offY=7, positive=true);
}





.menufooterleft{
        background: #151515 url() no-repeat bottom left;
        font: 70% arial, sans-serif;
	line-height: 1.0;
	color: #dbffff;
        text-align:left;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
        }


.menufooterright{
        background: #151515 url() no-repeat bottom left;
        font: 70% arial, sans-serif;
	line-height: 1.0;
	color: #dbffff;
        text-align:right;        
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
        }


.content{
        background: url() no-repeat bottom left;
        font: 100% arial, sans-serif;
	line-height: 1.0;
	color: #000000; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }


.content1{
        background: #000000 url() no-repeat bottom left;
        font: 100% georgia, sans-serif;
	line-height: 1.0;
	color: #dbffff; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }


.content1a{
        background: #000000 url() no-repeat bottom left;
        font: 80% arial, sans-serif;
	line-height: 1.0;
	color: #C9C299; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }

.content2{
        background: #dbffff url() repeat top left;
        font: 100% georgia, sans-serif;
	line-height: 1.0;
	color: #3d1900; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }

.content3{
        background: #81a4a0 url(contentbg.gif) repeat top left;
        font: 100% georgia, sans-serif;
	line-height: 1.0;
	color: #3d1900; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }

.contentslides{
        background: #3d1900 url() no-repeat bottom left;
        font: 100% georgia, sans-serif;
	line-height: 1.0;
	color: #dbffff; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }

.td{
        background: url() no-repeat bottom left;
        font: 105% arial, sans-serif;
	line-height: 1.0;
	color: #000000; 
        text-align:top;
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
               }





ul.tickList {
              list-style-image: url('tick.gif');
                               }

ul {font-family:arial; color:#000000; font-size:11pt;}

p {
      margin-top: 0;
      font-family:arial; color:#000000; font-size:12pt;
      text-align: justify;
         }



a.hilite {background-color: rgb(0,0,0);}



table {border-color:#81a4a0;}
table { empty-cells:show; }

TH {font-family:georgia;color:#000000;font-size:12pt;}
TH {border-color:#81a4a0;}

TD {font-family:arial; color:#000000; font-size:12pt;}
TD {border-color:#81a4a0;}

body a:link {color:#3d1900;}
body a:visited {color: #000000;}
body a:active {color: #000000;}
body a:hover {color: #000000; text-decoration; underline}
body a {text-decoration: none; color: #000000 ;}

TH a:link {color: #dbffff;}
TH a:visited {color: #cccccc;}
TH a:active {color: #ffffff;}
TH a:hover {color: #ffffff; text-decoration; underline}
TH a {text-decoration: none; color:  ;}

TD a:link {color: #C9C299;}
TD a:visited {color: #C9C299;}
TD a:active {color: #C9C299;}
TD a:hover {color: #dbffff; text-decoration: underline;}
TD a {text-decoration: underline; color: #C9C299;}


H1 {font-family:georgia; color: #dbffff; font-size:14pt;}
H2 {font-family:georgia; color: #000000; font-size:12pt;}
H3 {font-family:georgia; color: #000000; font-size:11pt;}
H4 {font-family:georgia; color:#000000 ; font-size:10pt;}
H5 {font-family:georgia; color:#dbffff ; font-size:11pt;}

BODY {scrollbar-arrow-color:#dbffff;
scrollbar-face-color: #3d1900;
scrollbar-highlight-color: #aaaaaa; 
scrollbar-3dlight-color: #262626; 
scrollbar-shadow-color: #262626; 
scrollbar-darkshadow-color: #262626;
scrollbar-track-color: #dbffff;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

hr {
  border: 0;
  width: 100%;
color: #3d1900;
background-color: #3d1900;
height: 2px;
}
