/* Stylesheet for LUPINWORKS - AUGUST 17 2006  */

/* Vertical CSS Menu with Popout - GLIT6756 August 19 2006 */

/*  Copyright JUDITH NEWMAN, Lupinworks.com  */   

/* MENU STYLES */      

.menu { color: #ffffff; text-decoration: none; font: bold 14px/18px "Verdana"; text-align: right; }
.menu a:link { color: #ffffff; text-decoration: none; font: bold 14px/18px "Verdana"; text-align: right; }
.menu a:hover { color: #66a4cb; text-decoration: none; font: bold 14px/18px "Verdana"; text-align: right;  }

/* BASIC HTML ELEMENTS */			

body { background-color: #ffffff;  text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066; font-size: 10px; } 
p, td, li { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000066; font-size: 10px;  } 
th { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000066; font-size: 10px; font-weight: bold; background-color: #CED5E9; } 

a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold} 
a:active { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
a:visited { color:#8080FF; font-size: 10px; text-decoration: none; font-weight: bold}

h1, h2, h3, h4, h5, h6 { color: #000066; background-color: #ffffff; } 
h1 { font-size: 12px; font-weight: bold; text-align: center; } 
h2 { font-size: 14px; font-weight: bold; text-align: center; } 

h1 a:link { color: #a70214; font-size: 18px; text-decoration: none; font-weight: bold} 
h1 a:hover { color: #ff8ea4; font-size: 18px; text-decoration: none; font-weight: bold} 
h1 a:active { color: #8080FF; font-size: 18px; text-decoration: none; font-weight: bold} 
h1 a:visited { color: #8080FF; font-size: 18px; text-decoration: none; font-weight: bold} 

h3 { font-size: 18px; text-align: center; text-decoration: none; text-transform: capitalize; font-weight: bold; } 
h4 { font-size: 24px; text-align: center; } 
h5 { font-size: 30px; text-align: center; } 
h6 { font-size: 36px; text-align: center; } 

hr { color: #000066; } 

ul { color: #000066; font-size: 10px; list-style-type: disc; }
li { color: #000066; font: bold 10px "Verdana"; }
ol { color: #000066; font-size: 10px; list-style-type: lower-roman; }

td a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
td a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold} 
td a:active { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
td a:visited { color:#8080FF; font-size: 10px; text-decoration: none; font-weight: bold} 

div a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
div a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold} 
div a:active { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
div a:visited { color:#8080FF; font-size: 10px; text-decoration: none; font-weight: bold} 

p a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
p a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold} 
p a:active { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
p a:visited { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold} 

td.sub1 a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold} 
td.sub1 a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold} 
td.sub1 a:active { color: #a70214; font-size: 10px; text-decoration: none;  font-weight: bold} 
td.sub1 a:visited { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold} 

td.sub2 { text-align: right; }
td.sub2 a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: normal } 
td.sub2 a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: normal } 
td.sub2 a:active { color: #a70214; font-size: 10px; text-decoration: none; font-weight: normal } 
td.sub2 a:visited { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: normal } 

li a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold;} 
li a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold;} 
li a:active { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold;} 
li a:visited { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold;} 

td.copyright { text-align: center; } 
td.copyright a:link { color: #a70214; font-size: 10px; text-decoration: none; font-weight: bold;} 
td.copyright a:hover { color: #ff8ea4; font-size: 10px; text-decoration: none; font-weight: bold;} 
td.copyright a:active { color: #a702114; font-size: 10px; text-decoration: none; font-weight: bold;} 
td.copyright a:visited { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold;} 

/*  THE .class ELEMENTS  */
				
.bottom { color: #000066; text-decoration: none; font: small-caps bold 12px/18px "Verdana"; text-align: center; }
.bottom a:link{ color: #0d74a9; text-decoration: none; font: small-caps bold 12px/18px "Verdana"; text-align: center; }
.bottom a:hover { color: #66a4cb; text-decoration: none; font: small-caps bold 12px/18px "Verdana"; text-align: center; }

.red {  font: bold 10px "Verdana"; color: #a70214; }
.redbold {  font: bold 12px "Verdana"; color: #a70214; }
.redboldsm { font: bold 10px "Verdana"; color: #a70214; }

.leftimage { float: left; margin-right: 15px; margin-bottom: 15px; }
.rightimage { float: right; margin-left: 15px; margin-bottom: 15px; }

.date { color: #6593a9; font: bold 10px; margin-left: 3px; }

.acrobat { float: right; font-size: 0.65em; width: 100px; text-align: center; padding: 5px; 
	color: #333333; border-top: 1px solid #999999; 
	border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; 
	background-color: #CADBDE; }
	
.titlebold { font-size: 14px; font-weight: bold; }
.titlebold a:link { color: ##a70214; font-size: 14px; text-decoration: none; font-weight: bold; } 
.titlebold a:hover { color: #ff8ea4; font-size: 14px; text-decoration: none; font-weight: bold; } 
.titlebold a:active { color: #a70214; font-size: 14px; text-decoration: none; font-weight: bold; } 
.titlebold a:visited { color:#8080FF; font-size: 14px; text-decoration: none; font-weight: bold; } 

.textbold {  font-size: 12px; font-weight: bold; color: #000066}
.textbold a:link { color: ##a70214; font-size: 12px; text-decoration: none; font-weight: bold; } 
.textbold a:hover { color: #ff8ea4; font-size: 12px; text-decoration: none; font-weight: bold; } 
.textbold a:active { color: #a70214; font-size: 12px; text-decoration: none; font-weight: bold; } 
.textbold a:visited { color:#8080FF; font-size: 12px; text-decoration: none; font-weight: bold; } 

.boxleft { text-align: left; } 
.boxrt { text-align: right; } 
.boxcenter { text-align: center; }

/* CSS Popout Menu */

#menu{
position:absolute;
top:145px; /* position of menu from top of screen */
left:5px;  /* position of menu from left of screen */
background:#ffffff;
padding:1px;
z-index:2;
width:145px; /* width of menu background */ color: #000066; }

#menu a, #menu h2{
font:bold 9px/17px Verdana, Arial, Helvetica, sans-serif; /* font specification/line height */
display:block;
margin:0;
border-width:0.1em;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
text-indent:4px;
width:125px;  /* width of menu items */ color: #000066; }

#menu a{
background: #DBE0EF url(menuImages/tile-red-3.gif) no-repeat bottom right;
text-decoration:none; color: #000066; font-weight: bold; }

#menu a, #menu a:visited{
color: #000066; background: #DBE0EF url(menuImages/tile-red-3.gif); font-weight: bold; }

#menu a:hover{
color: #ffffff;/* hover color for button */
background: #CED5E9 url(menuImages/tile-red-on-3.gif); font-weight: bold; }

#menu a:active{
color: #000033;
background: #CED5E9; font-weight: bold; }

#menu h2{
line-height:35px;
color:#000066;
background: #ffffff;
text-transform:uppercase;
margin:0;
padding:.1em 0;
width:125px; font-weight: bold; }

#menu li{
list-style-type:none; color: #000066; }

#menu ul li{
position:relative; color: #000066; }

#menu li ul{
position:absolute;
top:0;
left:125px; /* position of expand */
display:none; color: #000066; }

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%; color: #000066; }
* html #menu ul li a{height:1%; color: #000066; }
/* End */

div#menu ul, div#menu ul ul, div#menu ul ul ul{
margin:0;
padding:0;
list-style-image:none; color: #000066; }

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{
display:none; color: #000066; }

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block; color: #000066; }

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:4px;
color: #000066;
background: #dbe0ef url(menuImages/tile-red-3-x.gif) no-repeat bottom right;
}

#menu a.x:hover{
color: #ffffff; /* hover color for button */
background: #ced5e9 url(menuImages/tile-red-on-3.gif) no-repeat bottom right; font-weight: bold; }

#menu a.x:active{
color: #000033;
background: #a2aed0; font-weight: bold; }