html{margin:0px; padding:0px;width:100%;}

body{
background:#4D1F72 url(NEW/images/bg.png) top repeat-x;
SCROLLBAR-FACE-COLOR: #AB9764; 
SCROLLBAR-HIGHLIGHT-COLOR: #f3f3f3;
SCROLLBAR-SHADOW-COLOR: #f3f3f3; 
SCROLLBAR-ARROW-COLOR: #ffffff; 
SCROLLBAR-BASE-COLOR: #660066; 
scrollbar-dark-shadow-color: #FFFFFF; 
scrollbar-3d-light-color: #660066;
margin:0px;
padding:0px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#330033 
}

a:active,a:link,a:visited{
color: #330033; 
text-decoration: underline;
}
a:hover {
text-decoration: none;}

img a:active, a:link, a:visited{
	border: none;}

.img a:active, a:link, a:visited{
boder: 0px;}

hr{
color: #AE8391;
background-color: #AE8391;
height: 1px;
}

#maincontainer
{
	position:absolute;
	left:40%;
	margin-left:-390px;
	top:10px;
	z-index:10;
	padding-bottom:10px;
	width:800px;
	
	}
.maincontainerbg
{
	
	background: #DEDAAD url(images/mainbg.png) repeat-x top;
	}
#sponsorad
{
	position:absolute;
	left:40%;
	margin-left:420px;
	top:10px;
	z-index:10;
	height:670px;
	width:150px;
	}
#districtlinks
{
	position:absolute;
	left:40%;margin-left:370px;
	top:440px;
	z-index:10;
	height:200px;
	width:174px;
	}

#toplineheader{
height: 20px;
width: 100%;
background:url(images/menubg.png)
}

.logocontainer{
z-index:1;
position:absolute;
left: 5px;
}
.legendimg{
position:absolute;
top: 60px;
left:140px;
}
#middlelineheader
{
height: 115px;
width: 100%;
background:#ffffff url(images/searchbg.png) no-repeat right;
}
.psiphiimg{
position:absolute;
top: 2px;
left: 530px;
vertical-align:middle;
}
#menubox{
position: absolute;
width:750px;
left:0px;
overflow:hidden;
z-index:100;
background:#FFFFFF;
}

#bodycontainer{
top:157px;
width: 746px;
left: 2px;
position:absolute;
height: 620px;
overflow:hidden;
z-index: 10;
}
#upcomingevents{
position: absolute;
top: 390px;
left: 5px;
overflow:hidden;
height: 310px;
width: 245px;
z-index:100;
}
#welcome{
position:absolute;
top: 390px;
left: 253px;
overflow:hidden;
height: 350px;
width: 245px;
}
#districtofficers{
position:absolute;
background:url(images/shieldbg.png) no-repeat center;
top: 390px;
left: 505px;
overflow:hidden;
height: 310px;
width: 245px;
line-height:98%;
z-index:100;
}

#footer
{
	position:absolute;
	left:0px;
	top:790px;
	z-index:15;
	height:160px;
	width:100%;
	background: url(images/footer.png) repeat-x top;
	
}
.slideshow{
	position:absolute;
	top:0px;
	left: 0px;
	z-index:10;
	}
#announcements{
	position:absolute;
	top:5px;
	left: 355px;
	width: 390px;
	height: 185px;
	z-index:10;
	overflow: auto;
	}


.footertext{
	padding-top:5px;
	padding-bottom:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	font-weight: normal;
	}

.footertext  a:active { color: #DEDAAD; font-size: 9pt; font-weight:normal;text-decoration: none}
.footertext  a:link { color: #DEDAAD; font-size: 9pt; font-weight:normal; text-decoration: none}
.footertext  a:visited { color: #DEDAAD; font-size: 9pt; font-weight:normal; text-decoration: none}
.footertext  a:hover { color: #FFCC00; font-size: 9pt; font-weight:normal; text-decoration: none}

.design1{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFCC00;
font-weight: normal;  }

.design1  a:active { color: #FFCC00; font-size: 8pt; font-weight:normal;text-decoration: none}
.design1  a:link { color: #FFCC00; font-size: 8pt; font-weight:normal; text-decoration: none}
.design1  a:visited { color: #FFCC00; font-size: 8pt; font-weight:normal; text-decoration: none}
.design1  a:hover { color: #FF9; font-size: 8pt; font-weight:normal; text-decoration: none}

.design2{
position: absolute;
top: 150px;
left:40%;margin-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#FFCC00;
font-weight:bold;  }

.design2  a:active { color: #FFCC00; font-size: 9pt; font-weight:bold;text-decoration: none}
.design2  a:link { color: #FFCC00; font-size: 9pt; font-weight:bold; text-decoration: none}
.design2  a:visited { color: #FFCC00; font-size: 9pt; font-weight:bold; text-decoration: none}
.design2  a:hover { color: #FFFFFF; font-size: 9pt; font-weight:bold; text-decoration: none}


.img  {border: none;}
.img a:active {border: none}
.img a:link {border: none}
.img a:visited {border: none}
.img a:hover {border: none}

.oficertext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#330033;}

.searchbutton{
	position:absolute;
	top: 70px;
	left: 520px;
	width: 270px;
}

.button{
background: #330033;
font:Arial, Helvetica, sans-serif;
color:#FFCC00;
border-color:#FFCC00;}

.style1a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFCC00;
}

.style1  a:active { color: #FFFFFF; font-size: 12px; text-decoration: none}
.style1  a:link { color: #FFFFFF; font-size: 12px; text-decoration: none}
.style1  a:visited { color: #FFFFFF; font-size: 12px; text-decoration: none}
.style1  a:hover { color: #FFCC00; font-size: 12px; text-decoration: none}

.welcometext {
	position: relative;
	top:3px;
	left:3px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 10pt;
	color: #330033;

}

.toptext{
	position:absolute;
	top:3px;
	left: 140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#FFFFFF;
	font-weight:bold;
	}

.toptext  a:active { color: #FFFFFF; font-size: 9pt; text-decoration: none}
.toptext  a:link { color: #FFFFFF; font-size: 9pt; text-decoration: none}
.toptext  a:visited { color: #FFFFFF; font-size: 9pt; text-decoration: none}
.toptext  a:hover { color: #FFCC00; font-size: 9pt; text-decoration: none}

#leftcontainer{
position:absolute;
left:0px;
top: 2px;
border-width: 0px 1px 0px 0px;
border-style: dotted;
border-color:#330033;
height: 610px;
width: 245px;
background:transparent;
overflow:hidden; }

.leftcontainer1{
position:absolute;
left:9px;
top: 14px;
height: 142px;
width: 223px;
overflow:hidden;
font-size:11pt;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#330033;
z-index: 85; }

.leftcontainer1  a:active { color: #330033; font-size: 10pt; font-weight:normal; text-decoration: none}
.leftcontainer1  a:link { color: #330033; font-size: 10pt; font-weight:normal; text-decoration: none}
.leftcontainer1  a:visited { color: #330033; font-size: 10pt; font-weight:normal; text-decoration: none}
.leftcontainer1  a:hover { color: #660066; font-size: 10pt; font-weight:normal; text-decoration: none}

.leftcontainer2{
position:absolute;
left:9px;
top: 169px;
height: 135px;
width: 223px;
overflow:auto;
font-size:9pt;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#330033;
z-index: 85; }

.leftcontainer2  a:active { color: #330033; font-size: 11pt; font-weight:bold; text-decoration: none}
.leftcontainer2  a:link { color: #330033; font-size: 11pt; font-weight:bold; text-decoration: none}
.leftcontainer2  a:visited { color: #330033; font-size: 11pt; font-weight:bold; text-decoration: none}
.leftcontainer2  a:hover { color: #660066; font-size: 11pt; font-weight:bold; text-decoration: none}

.imgone{
position: absolute;
top: 5px;
left: 6px;
z-index: 80;  }

.imgtwo{
position: absolute;
top: 160px;
left: 6px;
z-index: 80;  }

.imgthree{
	position: absolute;
	top: 318px;
	left: 6px;
	z-index: 80;
	width: 230;
	height: 180;
}



#contentcontainer{
	position:absolute;
	left:0px;
	top: 2px;
	height: 620px;
	width: 740px;
}

#contentcontainer2{
position:absolute;
left:0px;
top: 130px;
height: 475px;
width: 489px;
overflow: auto; }

.contentcontaintext{
	position: absolute;
	margin: 5px 5px 0px 0px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#330033;
	width: 450px; }

.contentcontaintext  a:active { color: #660066; font-size: 10pt; text-decoration: none}
.contentcontaintext  a:link { color: #660066; font-size: 10pt; text-decoration: none}
.contentcontaintext  a:visited { color: #660066; font-size: 10pt; text-decoration: none}
.contentcontaintext  a:hover { color: #6600CC; font-size: 10pt; text-decoration: underline}

.jqueryslidemenu{
font: 11pt Arial, Helvetica, sans-serif normal;
background: #28103B;
width: 100%;
text-transform:uppercase;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #28103B; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #4D1F72;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #461B67; /*tab link background during hover state*/
color: #FFCC00;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 11pt Arial, Helvetica, sans-serif;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #28103B;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #461B67;
color: #FFCC00;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.distritofficerbox{
background:#DEDAAD url(images/officer_bg.png) repeat-x top;
width:140px;
height:125px;
border: 1px solid #B9B690;
padding:3px;
font-size:9pt;
float: left;
margin-right:3px;
margin-top:3px}

.committeebox{
width:148px;
height:60px;
font-size:9pt;
float: left;
margin-right:3px;
margin-top:3px}