/*
;
Kdevo StyleSheet

*/

* {margin:0;padding:0}
p,h1,h2,h3{padding:4px;margin-bottom:1em;}
h2{font-size:120%}
body {
text-align:center; 
color:#333333;

}

table {
color:#333333;


}
#index-box {width:650px; background:#000000; }

.indexh1 {font-size:16pt; color:#cccccc;}
.selectdistrict {
    font-family: georgia;
	font-size: 10pt;
	color:#333333;
	
}

#wrapper{
	width:1004px;
	margin:5px auto;
	
	text-align:left;
	border:0px;
}
#header{
	background:#ffffff;
	color:#fff;
	width:1004px;
	clear:both;
}

p{
    font-family: verdana;
	font-size: 10pt;
}
	
#footer{
    font-family: verdana;
	font-size:10pt;
	background:#000000;
	color:#fff;
	width:1004px;
	clear:both;
}
#header{border-bottom:1px solid #fff;}
#footer{border-top:1px solid #000000; border-bottom:1px solid #000000;}
#footer a{color:#fff;}
#inner{
	margin-right:125px;
	
	border-right:0px solid #fff;
}

#middle{
	
	margin-left:150px;
	border-left:1px solid #fff;
	color:#000000;
}
#content{
	position:relative;
	width:100%;
	float:left;/* contain clearing*/
}

#content2{

}
#content2{margin:0 -1px}/* moz needs this*/

#content{
	position:relative;
	float:left;/* contain clearing*/
	width:100%;
}
#content-index{
	
	float:left;/* contain clearing*/
	width:100%;
}
#left{
	width:150px;
	margin-left:-149px;/*overlap for old mozilla*/
	position:relative;
	left:-1px;/* now line it up*/
	float:left;
}
#right{
	width:125px;
	margin-right:-124px;/*overlap for old mozilla*/
	position:relative;
	left:1px;/* now line it up*/
	float:right;
}
* html #left{margin-right:-3px;}/* 3 pixel jog*/
* html #right{margin-left:-3px;}/* 3 pixel jog*/


#mainstory {
font-size: 10pt;
float: left;
padding : 2px;
width: 738px;
}
#sidebar-right {
padding : 2px;
float: right;
width: 253px;
}

#mainstory-page {
font-size: 12pt;
float: right;
padding : 2px;
width: 738px;
}
#sidebar-left{
padding : 2px;
float: left;
width: 253px;
}

ul {list-style:none; }


/* clear without structural mark-up */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {
    display:inline-block;
}

/* mac hide - force layout in ie \*/
* html .clearfix,* html #inner, * html #middle {height: 1%;}
.clearfix {display: block;}
/* End hide */
p.expand a{color:#fff;display:block;clear:both}
p.expand a:hover{height:200px;}
#content p img{float:center;}


.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

.menustory{margin:0; padding:0; width:200px; list-style:none;background:rgb(255,255,255);}
.menustory li{padding:0; margin:0 0 1px 0; height:35px; display:block; }
.menustory li a{text-align:left;height:35px; padding:0px 25px; font:13px Verdana, Arial, Helvetica, sans-serif; color:rgb(255,255,255); display:block; background:url('images/verMenuImages.png') 0px 0px no-repeat; text-decoration:none; outline:none;font-weight:bold;}
.menustory li a:hover{background:url('images/verMenuImages.png') 0px -40px no-repeat; color:rgb(255,255,255);}
.menustory li a.active, .menustory li a.active:hover{background:url('images/verMenuImages.png') 0px -80px no-repeat; color:rgb(255,255,255);}
.menustory li a span{line-height:35px;}



/* BUBBLE PLASTIC HORIZONTAL MENU */

.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 35px;
	float: left;
	
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 75%;
        font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC HORIZONTAL MENU */



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url(images/bg-bubplastic-button.gif) top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */



/* AQUA HOVER */
.bubplastic.aqua ul li a:hover,
.bubplastic.aqua ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top left no-repeat;
}
.bubplastic.aqua ul li a:hover span.menu_ar,
.bubplastic.aqua ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-aqua.gif) top right no-repeat;
}


/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-blue.gif) top right no-repeat;
}


/* GRAY HOVER */
.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-gray.gif) top right no-repeat;
}


/* LIME HOVER */
.bubplastic.lime ul li a:hover,
.bubplastic.lime ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top left no-repeat;
}
.bubplastic.lime ul li a:hover span.menu_ar,
.bubplastic.lime ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-lime.gif) top right no-repeat;
}


/* ORANGE HOVER */
.bubplastic.orange ul li a:hover,
.bubplastic.orange ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top left no-repeat;
}
.bubplastic.orange ul li a:hover span.menu_ar,
.bubplastic.orange ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-orange.gif) top right no-repeat;
}


/* PINK HOVER */
.bubplastic.pink ul li a:hover,
.bubplastic.pink ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top left no-repeat;
}
.bubplastic.pink ul li a:hover span.menu_ar,
.bubplastic.pink ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-pink.gif) top right no-repeat;
}


/* PURPLE HOVER */
.bubplastic.purple ul li a:hover,
.bubplastic.purple ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top left no-repeat;
}
.bubplastic.purple ul li a:hover span.menu_ar,
.bubplastic.purple ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-purple.gif) top right no-repeat;
}


/* RED HOVER */
.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
}
.bubplastic.red ul li a:hover span.menu_ar,
.bubplastic.red ul li.highlight a span.menu_ar {
	background: transparent url(images/bg-bubplastic-h-red.gif) top right no-repeat;
}

#test li {
	display: block;
	border: solid 1px red;
}



th {color: #ffffff; font-size: 12px; font-weight : bold; height: 28px; background-image: url(images/cellpic3.gif);}





a { text-decoration: none; }
h3 { margin: 0 0 10px 0; }

.tabs { list-style: none; overflow: hidden; padding-left: 1px; }
.tabs li { display: inline; }
.tabs li a { display: block; float: left; padding: 4px 8px; color: black; border: 1px solid #ccc; background: #eee; margin: 0 0 0 -1px; }
.tabs li a.current { background: white; border-bottom: 0; position: relative; top: 2px; z-index: 2; }

.box-wrapper { -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; padding: 20px; background: white; border: 1px solid #ccc; margin: -1px 0 0 0; height: 210px; position: relative; }
.content-box { overflow: hidden; position: absolute; top: 20px; left: 20px; width: 658px; height: 230px; }

.current { z-index: 100; }

.col-one, .col-two, .col-three { width: 30%; float: left; position: relative; top: 350px; }
.col-one, .col-two { margin-right: 3%; }

img.tab-box{border:1px solid #056B6B;
text-align:left;
margin-right:5px;
-moz-box-shadow: 6px 6px 7px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 4px 4px 5px #000;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}