﻿body
{
	color: #000000;
	font-family: verdana, arial, tahoma;
	background-color: #f0f0f0;
}

.menuStyle
{
	font-size: 10px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	font-weight: bold;
	color: white;
	text-align: left;
	white-space: normal;
	
}

.menuStyleTemp2
{
    font-size: 10px;
    font-family: Verdana, Tahoma, Helvetica, sans-serif;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    font-weight: bold;
    color: white;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    width: 200px;
}

.menuStyleTemp
{
	font-size: 10px;
	border: 1px solid #b0b0b0;
	background-color: #e3e3e3;
	font-family: verdana, tahoma;
	color: #0000ff;
	padding: 5px 3px 5px 3px;
	
	list-style-type: square;
	list-style-position: inside;
	white-space: normal;
}

#menuHead
{
	position: relative;
	z-index: 150;
}

#menuHead1, #menuHead2, #menuHead3, #menuHead4, #menuHead5, #menuHead6, #menuHead7, #menuHead8
{
	position: relative;
	width: 180px;
	height: 30px;
	
}

#menuHead1
{
	background-color: #FF5706;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	border-style: solid;
	border-width: 2px;
	width: 180px;
	height: 30px;
	
}

#menu1, #menu2, #menu3
{
	position: absolute;
	z-index: 100;
	visibility: hidden;
	line-height: 17px;
}

.menu1
{
	background-color: #FF5706;
	
}

#menu2
{
	background-color: #FF9900;
}

#menu3
{
	background-color: #FF9B6A;
}

#menu1Temp
{
	width: 230px;
}

#menu2Temp
{
	width: 170px;
}

#menu3Temp
{
	width: 100px;
}

a.one:link
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

a.one:visited
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

a.one:active
{
	color: #666;
	text-decoration: none;
	width: auto;
}

a.one:hover
{
	color: #fff5ee;
	text-decoration: none;
	background-color: #ff0000;
	width: auto;
}

a.two:link
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

a.two:visited
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

a.two:active
{
	color: #666;
	text-decoration: none;
	width: auto;
}

a.two:hover
{
	color: #fff5ee;
	text-decoration: none;
	background-color: #ff1493;
	width: auto;
	height: 15px;

}

a.three:link
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

a.three:visited
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
}

a.three:active
{
	color: #fff5ee;
	text-decoration: none;
	width: auto;
	background-color: #cd1076;
}

a.three:hover
{
	color: #fff5ee;
	text-decoration: none;
	background-color: #cd1076;
	width: auto;
	height: 15px
}

#mainMenuSld
{
	left: -110px;
	top: 280px;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	color: #00FF00;
}

.menuSld
{
	position: absolute;
	z-index: inherit;
}

a.sld:link
{
	color: #CC0000;
	text-decoration: none;
	width: auto
}

a.sld:visited
{
	font-weight: bold;
	text-decoration: none;
	width: auto;
	color: #990033;
}

a.sld:active
{
	color: #CC0000;
	text-decoration: none;
	width: auto;
}

a.sld:hover
{
	color: #800080;
	text-decoration: underline;
	width: auto;
	font-size: 11px;
}

.cstm1Style
{
	color: #0000ff;
	font-size: 11px;
	width: 165px;
	border-width: 2;
	border-style: dotted;
	border-color: #ffbbff;
	padding-left: 10px;
}

#cstm1
{
	background: #ffe1ff;
	text-align: left;
}

a.cstm1link:link 
{
    font-weight: bold;
    text-decoration: none;
}
a.cstm1link:hover
{
	font-weight: bold;
	color: #ff3300;
	letter-spacing: 0.05px;
	text-decoration: underline;
	font-size: 12px;
}

#menuTitle
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-right: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-left: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
    font-weight: bold;
    color: white;
    vertical-align: middle;
    text-align: center;
}

#menuTitle2
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 8px;
	padding-top: 8px;
	border-right: #c0c0c0 1px solid;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;
	border-bottom: #c0c0c0 1px solid;
	font-weight: bold;
	color: white;
	vertical-align: middle;
	text-align: left;
	letter-spacing: 0.1pc;
}

.menuTitle1
{
	background-color: #FF5706;
}

.menuTitle2
{
	background-color: #FF9900;
}

.menuTitle3
{
	background-color: #FF9B6A;
}

#menuSubTitle
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-bottom: 1px;
	padding-top: 1px;
	vertical-align: middle;
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
}

a.menuLnk:link
{
    width: auto;
    color: #8B008B;
    background-color: transparent;
    font-weight: bold;
}
 a.menuLnk:visited 
 {
    color: #0000ff;
    font-weight: bold; 
    text-decoration : none; 
    width:auto;    
 }
 a.active { 
    color: #ffffff; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    width:auto;
    
 }
 a.menuLnk:hover
{
    color: #cc0099;
    width: auto;
    background-color: #ffffff;
}


#myscroller {
position:relative;
width:200px; 
height:350px;
background-color:#ff83fa; 
overflow:hidden; 
border:solid 0px; 
margin:5px; 
}

#MyCounter {
    width: 90;
    border-style:outset;    
    border-color:#f5f5f5;
    background:#e3e3e3;
    font-size: 12px; 
    letter-spacing: 7px; 
    color: #0000ff; 
    font-family: comic sans MS, verdana, arial; 
    text-align: center;
}

#MyIndex {
    position:absolute;
    width:65pt;
    border-style:outset;    
    border-color:#dbdbdb;
    background:#63b8ff;
    font-size: 10pt; 
    letter-spacing: 4px; 
    color: black; 
    font-family: 'comic sans MS', verdana, sans serif; 
    text-align: center;
}

/* Vertical Dropdown Menu*/

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(images/glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 190px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 180px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(images/glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */
