#header {
        FONT-SIZE: 93%; BACKGROUND: url(img_public/bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal
}
#header UL {
        PADDING-RIGHT: 10px; PADDING-LEFT: 80px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#header LI {
        PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(img_public/left.gif) no-repeat left top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header A {
        PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; BACKGROUND: url(img_public/right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#header A {
        FLOAT: none; COLOR: #444;FONT-WEIGHT: bold;
}
#header A:hover {
        COLOR: #000; FONT-WEIGHT: bold;
}
#header #current {
        BACKGROUND-IMAGE: url(img_public/left_on.gif)
}
#header #current A {
        BACKGROUND-IMAGE: url(img_public/right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333; FONT-WEIGHT: bold; 
}

.handCursor { cursor: pointer; cursor: hand }

.menutext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #333}

.submenu {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}


.imgbox {border: 1px solid #81AB5D;}
.imgbox:hover {border: 1px solid #EAFFB2;}

.colorBox {border: 1px solid #000000;}


.c1,.c2,.c3,.c4{height: 18px; width:18px;}
.c1{background: url(img_public/topleft.gif) 0 0 no-repeat;}
.c2{background: url(img_public/topright.gif) 100% 0 no-repeat;}
.c3{background: url(img_public/bottomleft.gif) 0 100% no-repeat;}
.c4{background: url(img_public/bottomright.gif) 100% 100% no-repeat}
.t1{background: #6699CC;} 

.smallLink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333}

.smallLink2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #333333; text-decoration: none}

.errMsg {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: red}

.gray {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: gray}


.ac1,.ac2,.ac3,.ac4{height: 18px; width:18px;}
.ac1{background: url(img_public/atopleft.gif) 0 0 no-repeat;}
.ac2{background: url(img_public/atopright.gif) 100% 0 no-repeat;}
.ac3{background: url(img_public/abottomleft.gif) 0 100% no-repeat;}
.ac4{background: url(img_public/abottomright.gif) 100% 100% no-repeat}
.at1{background: #99CCCC} 



.contentText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333}
.contentTextBold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; FONT-WEIGHT: bold;}


A { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333 }
A:link {color:#000;}
A:visited {color: #333333;}
A:hover {text-decoration: none; color: #000; background: #66CCFF; cursor:hand;}
A:active {color: #BBB;text-decoration: none}




body {  
	background-color: #FFFFFF;
	background-image: url(images/bg_bottom.jpg);
	background-repeat: repeat-x;
	background-position: bottom right
}

/*
body {
	margin:0;
	padding:0;
	background-color:#ffffff;
	color:#666666;
	background-image:url("images/lg_background.jpg");
	background-repeat:repeat-x;
}
*/

/* textbox (firefox only got effect IE not mouseover effect required js to trigger) */
.inp
	{
	border: 1px solid darkgray;
	background: #f2f2f2;
	font: 11px verdana, sans-serif;
	color: #443;
	padding: 3px;
	margin-bottom: 10px;
	outline: none;
	}
.inp:hover,
.inp:focus
	{ border: 1px solid lightgray; }

.ImgLoc { color:black;
    font: 500 12px arial;
    background: #white;
    border:lightgray 1px solid;
    left: 4px;
    } 


.xpbox
{
font-size: 8pt;
list-style-type: none;
background-color: white;
text-decoration: none;
}

.lineRight {  border-right: 1px solid #AAAAAA; }
.newbox { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; text-decoration: none; border-color: #88A0C8 #88A0C8 #88A0C8; border: 1px #88A0C8 solid}


.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.toggleopacity img{
border: 0px solid #ccc;
}

.toggleborder:hover img{
border: 0px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}
