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

body{
background-attachment:fixed;
background:#330033 url(images/bgdm.png) 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;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#330033;
}
#maincontainer
{
	position:absolute;
	left:40%;
	margin-left:-300px;
	top:10px;
	z-index:10;
	width:800px;
	background:#FFFFFF url(/images/mainbg.png) bottom;
	background-image: url(images/mainbg.png);
	height: 800px;
	}
	
#maincontainerqb
{
	position:absolute;
	left:40%;
	margin-left:-300px;
	top:10px;
	z-index:10;
	width:800px;
	background:#DEDAAD url(/images/mainbg.png) top repeat-x;
	height: 1580px;
	}

#maincontainerqb2
{
	position:absolute;
	left:40%;
	margin-left:-300px;
	top:10px;
	z-index:10;
	width:800px;
	background:#DEDAAD url(/images/mainbg.png) top repeat-x;
	height: 1130px;
	}

#flashcontainer
{
	position:absolute;
	left:0px;
	top:92px;
	z-index:10;
	height:250px;
	width:799px;
	}
#welcomecontain
{
	position:absolute;
	left:2px;
	top:369px;
	z-index:10;
	height:427px;
	width:520px;
	overflow:auto
	}
#welcomecontain2
{
	position:absolute;
	left:527px;
	top:367px;
	z-index:10;
	height:428px;
	width:268px;
	overflow:auto;
	border: 1px solid #333333;
	background: url(images/contactbg2.png) repeat-x #FFFFFF;
	}
#welcomecontain3
{
	position:absolute;
	left:2px;
	top:100px;
	z-index:10;
	height:1470px;
	width:790px;
	overflow:auto
	}
#welcomecontain4
{
	position:absolute;
	left:2px;
	top:100px;
	z-index:10;
	height:1020px;
	width:790px;
	overflow:auto
	}
#sponsorad
{
	position:absolute;
	left:40%;margin-left:370px;
	top:10px;
	z-index:10;
	height:410px;
	width:174px;
	}
#districtlinks
{
	position:absolute;
	left:40%;margin-left:370px;
	top:440px;
	z-index:10;
	height:200px;
	width:174px;
	}

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

.logocontainer{
z-index:40;
position:absolute;
left: 5px;
}
.legendimg{
position:absolute;
top: 60px;
left:140px;
}
#middlelineheader
{
height: 91px;
width: 100%;
overflow:hidden;
background:#FFFFFF;
}
.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: 507px;
overflow:hidden;
z-index: 10;
}
#upcomingevents{
position: absolute;
top: 370px;
left: 5px;
overflow:hidden;
height: 310px;
width: 245px;
z-index:100;
}
#welcome{
position:absolute;
top: 370px;
left: 255px;
overflow:hidden;
height: 310px;
width: 245px;
}
#districtofficers{
position:absolute;
background:url(/images/shieldbg.png) no-repeat center;
top: 370px;
left: 505px;
overflow:hidden;
height: 310px;
width: 245px;
line-height:98%;
z-index:100;
}

#footer
{
	position:absolute;
	left:40%;
	margin-left:-300px;
	top:815px;
	z-index:15;
	height:40px;
	width:800px;
}
.slideshow{
	position:absolute;
	top:0px;
	left: 0px;
	z-index:10;
	}
#announcements{
	position:absolute;
	top:5px;
	left: 355px;
	width: 390px;
	height: 200px;
	z-index:10;
	}


.footertext{
	position:absolute;
	top:5px;
	left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	font-weight:bold;
	}

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

.design1{
position: absolute;
top: 815px;
left:40%;margin-left:-300px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
font-weight: normal;  }

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

.design2{
position: absolute;
top: 815px;
left:40%;margin-left:210px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFCC00;
font-weight: normal;  }

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

.design1qb{
position: absolute;
top: 1600px;
left:40%;margin-left:-300px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
font-weight: normal;  }

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

.design2qb{
position: absolute;
top: 1600px;
left:40%;margin-left:210px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFCC00;
font-weight: normal;  }

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

.design1qb1{
position: absolute;
top: 1150px;
left:40%;margin-left:-300px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFFFFF;
font-weight: normal;  }

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

.design2qb2{
position: absolute;
top: 1150px;
left:40%;margin-left:210px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#FFCC00;
font-weight: normal;  }

.design2qb2  a:active { color: #FFCC00; font-size: 8pt; font-weight: normal;text-decoration: none}
.design2qb2  a:link { color: #FFCC00; font-size: 8pt; font-weight: normal; text-decoration: none}
.design2qb2  a:visited { color: #FFCC00; font-size: 8pt; font-weight: normal; text-decoration: none}
.design2qb2  a:hover { color: #FFFFFF; font-size: 8pt; font-weight:normal; 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: 55px;
left: 500px;
width: 250px;}

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

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFCC00;
	vertical-align:middle;
	moz-align: middle;
}
.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: 10px;
	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: 500px;
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:hidden;
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; 
width: 230;
height: 180; }

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



#contentcontainer{
position:absolute;
left:253px;
top: 2px;
height: 500px;
width: 490px; }

#contentcontainer2{
position:absolute;
left:0px;
top: 0px;
height: 509px;
width: 748px;
overflow: auto; }

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

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

.photomenu1{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	left: 0px;
	color:#330033;
	width: 750px; 
	background: #FFFFFF;
	z-index: 10;}

.photomenu1  a:active { color: #330033; font-size: 11pt; }
.photomenu1  a:link { color: #330033; font-size: 11pt; text-decoration: none;}
.photomenu1  a:visited { color: #330033; font-size: 11pt; text-decoration: none;}
.photomenu1  a:hover { color: #FFCC00; font-size: 11pt; background: url(images/menubg.jpg) repeat; text-decoration: none;}

.photomenu2{
	position: absolute;
	top: 130px;
	left: 0px;
	background: url(images/photobg.png) repeat;
	height: 20px;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#FFFFFF;
	z-index: 100;
	background-image: url(images/photobg.png);
}
.halfmoon{
margin-bottom: 1em;
}

.halfmoon ul{
padding: 1px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px  Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #929492;
}

.halfmoon li{
display: inline;
margin: 0;
}

.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: #330033;
font-size: 13px;
background: #AEA683 url(images/tabright.gif) top right no-repeat;
}

.halfmoon li a:visited{
color: black;
}

.halfmoon li a:hover{
background-color: #F2F1DF;
color: #990099;
}

.custometxt1{
font-family:Arial, Helvetica, sans-serif;
font-size:95%;
color:#660066;
font-weight:bold;}

.custometxt1  a:active { color: #660066; text-decoration:none }
.custometxt1  a:link { color: #660066; text-decoration: none;}
.custometxt1  a:visited { color: #660066; text-decoration: none;}
.custometxt1  a:hover { color: #990099;text-decoration: none; background:#FFFF99}

.custometxt2{
font-family:Arial, Helvetica, sans-serif;
font-size:70%;
color:#330033;
font-weight: normal;}

.custometxt2  a:active { color: #660066; text-decoration:none }
.custometxt2  a:link { color: #660066; text-decoration: none;}
.custometxt2  a:visited { color: #660066; text-decoration: none;}
.custometxt2  a:hover { color: #990099;text-decoration: none; background:#FFFF99}

.custometxt3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:120%;
font-weight:bold;
color:#330033;}

.custometxt5{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:90%;
font-weight:bold;
color:#333333;}

.custometxt6{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:150%;
font-weight:bold;
color:#330033;}

.custometxt4{
font-family:Arial, Helvetica, sans-serif;
font-size:95%;
color:#330033;
font-weight: normal;}

.custometxt4  a:active { color: #660066; text-decoration:none; font-size:95%}
.custometxt4  a:link { color: #660066; text-decoration: none; font-size:95%}
.custometxt4  a:visited { color: #660066; text-decoration: none; font-size:95%}
.custometxt4  a:hover { color: #990099;text-decoration: none; background:#FFFF99; font-size:95%}

.custometxt7{
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
color:#660066;
font-weight:normal;}

.custometxt7  a:active { color: #660066; text-decoration:none }
.custometxt7  a:link { color: #660066; text-decoration: none;}
.custometxt7  a:visited { color: #660066; text-decoration: none;}
.custometxt7  a:hover { color: #990099;text-decoration: none; background:#FFFF99}

.weathertxt{
	position: relative;
	left:3px;
	color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 344px;
	overflow: hidden;
			}
.style30 {
font-family: Tahoma;
	color: #FF0000;
	font-weight: bold;
	font-size:10pt;
}
.style31 {
font-family: Tahoma;
color: #FF0000}

.style32 {
font-family: Tahoma;}

.style33 {
font-family: Tahoma;
font-size:10pt;
color: #FFFFFF;
background-color:#330033;
font-weight:bold;}