﻿@import url('navstyle.css');
html, body  {
	font-family: Cambria;
    /*background-color: #7a3700; /*--Change the bottom background color here! -Greg---*/
    background-color:#E8E0A8;
    background-image:url('Images/Slice.png');
    background-repeat:repeat-x;
    background-position:top;
    margin-top: 0px;
    height: 100%;
    
    
}
a img {
	border:none;
}
#tblBoardMembers td {
	vertical-align:top;
}
#tblBoardMembers img {
	margin-right:10px;
}
div#Main {
         width: 896px;
         margin-left: auto;
         margin-right: auto;
         background-color: #ffffff;
         background-image:url('Images/Header5.png');
         background-position:top;
         background-repeat:no-repeat; 
         height: auto;  
         
}
div#YellowLine {
	height:6px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url('Images/FooterSlice.png');
	background-repeat:repeat-x;
}
div#Header { 
           height:130px;
}
div#Navbar { 
}
div#Content { 
            border-left-style:solid;
            border-left-width:1px;
            border-right-style:solid;
            border-right-width:1px;
            padding:15px 15px 15px 15px;
            height: 100%;
            overflow: hidden; 
}
div#Content #LeftColumn {
            float:left;
            width: 500px;
            height: 100%;
            margin-right: 15px;            
}
div#Content #RightColumn {
            float:right;
            height: 100%;
            width: 345px;
}
div#Content #LeftColumn1 {
            float:left;
            width: 645px;
            height: 100%;
            margin-right: 15px;            
}
div#Content #RightColumn1 {
            float:right;
            height: 100%;
            width: 200px;
}
div#Content #LeftColumn2 {
            float:left;
            width: 600px;
            height: 100%;
            margin-right: 15px;            
}
div#Content #RightColumn2 {
            float:right;
            height: 100%;
            width: 245px;
            min-height:400px;
            /*background-image:url('Images/RightBox.png');
            background-repeat:repeat-x;*/
            
            /* background-image:url('Programs/Images/ProgramBox.png');
            background-repeat:repeat; */
}
div#Content #RightColumn2 span a:hover{
	color:red;}
div#Footer { 
           text-align:center;
           font-size:smaller;
           border-left-style:solid;
           border-left-width:1px;
           border-right-style:solid;
           border-right-width:1px;
           border-bottom-style:solid;
           border-bottom-width:1px;
           background-color: #ffffff;
}
div#cleardiv {
	clear:both;
}

div#ext {
        margin-left: 447px;
        position: absolute;
        left: 50%;
        background-image: url('Images/HeaderExt.png');
        background-repeat: no-repeat;
        width: 100px;
        height: 50px;
        top: 0;
        
}
img#NoBorder {
	border-style:none;
}
table#LeftTableColumn {
	vertical-align:top;
}
table#RightTableColumn {
	vertical-align:top;
}

a.info{
    position:relative;
    z-index:24;
}
 
a.info:focus,
a.info:active {
	z-index:25;
	text-decoration:none;
	}
 
a.info span {display: none;}
 
a.info:focus span,
a.info:active span {
    display:block;
    position:absolute;
    top:0;
    left:100%;
    width:150px;
    border:1px solid #000;
    color:#000;
    padding:4px;
}

a.info2{
    position:relative;
    z-index:24;
}
 
a.info2:hover {
	z-index:25;
	text-decoration:none;
	}
 
a.info2 span {display: none;}
 
a.info2:hover span {
    display:block;
    position:absolute;
    top:0;
    left:100%;
    width:100px;
    border:1px solid #000;
    background-color:#ccc;
    color:#000;
    padding:4px;
}

a.info3{
    position:relative;
    z-index:24;
}
 
a.info3:hover {
	z-index:25;
	text-decoration:none;
	}
 
a.info3 span {display: none;}
 
a.info3:hover span {
    display:block;
    position:absolute;
    top:0;
    left:100%;
    width:450px;
    border:1px solid #000;
    padding:4px;
}






.hlink {
	cursor:pointer;
color:#0066CC; display: block;
}
.hlink :hover {
	text-decoration:underline;
}
Table#JurisdictionTable {
	width:500px; vertical-align:top;
}
Table#JurisdictionTable tr td {
	vertical-align:top;
}
Table#JurisdictionTable tr th {
	text-align:left
}

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: fixed;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 5px;
	border: 5px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

#ulbox {
	margin-left:0px;
	width: 100%;
	padding-left:0px;
	margin-top: 0px;
	border:4px #B1BC63 ridge;
}
#ulbox li {
	list-style:none;   
	width: 100%; 
	display:block;
	/*border-bottom:2px #B1BC63 ridge;*/
	margin:0px 0px 0px 0px;
	height:100%;
	padding: 0px 2px 0px 2px;
}
#ulbox li a:hover {
	/*border:2px green solid;
	margin:0px 1px 0px -2px;
	padding:0px 0px 0px 0px;*/
	display:block;
	background-image:url('Images/ulboxhover1.png');
	background-repeat:repeat-y;	
}
#ulbox li a {
	text-decoration:none;
	display:block;
	margin:0px 0px 0px 0px;
	padding:4px 2px 2px 4px;
	font-size:large;
	color:#333300;
	height:100%;
}
/*#ulbox li a:hover {
	color:#800000;}
#ulbox li a:visited {
	color:blue;
}*/
.hr1 {
	padding:0px 0px 0px 0px;
	margin: 0px 4px 0px 0px;
	color:#666633;
	height:1px;
}




