img {margin:0px; padding:0px; }

ul {margin:0px; padding:0px; }

p {margin:0px; padding:0px; }

h6 {margin:0px; padding:0px; }

h5 {margin:0px; padding:0px; }

h4 {margin:0px; padding:0px; }

h3 {margin:0px; padding:0px; }

h2 {margin:0px; padding:0px; }

h1 {margin:0px; padding:0px; }

div {margin:0px; padding:0px; }

body {margin:0px; padding:0px; }

h2 {
	font-size: 18px;
	color: white;			
}

h3 {
	font-size: 18px;		
}




body { 
font-family: Arial, Helvetica, sans-serif; 
background: #66CCFF;
height: 100%;
}  

.container {
	clear:both;
	overflow: hidden;
	width: 960px;
	height: 100%;
	margin: 0 auto;
	background-color: white;
	-moz-box-shadow: 0px 3px 10px #000;
    -webkit-box-shadow: 0px 3px 10px #000;
    box-shadow: 0px 3px 10px #000;
    zoom: 0;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    border-top: 1px #000 solid;
}


/* begin footer styles  000098 */


#footer {
	margin: 0 auto;
	background: #000;
	width: 960px;
	height: 120px;
	-moz-box-shadow: 0px 3px 10px #000;
    -webkit-box-shadow: 0px 3px 10px #000;
    box-shadow: 0px 3px 10px #000;
    zoom: 0;
    background-color: #000;
    border-left: 1px #000 solid;
    border-right: 1px #000 solid;
    border-top: 2px #cc9900 solid;
}


#footertag {
	padding:20px 10px 0px 20px;
	color: white;	
	text-align: left;
	float: left;
	font-size: 10pt;	
}

#footerprivate {
	padding: 70px 20px 0px 20px;
	text-align: right;
	float: right;
	color:white;
	text-decoration: none;
	font-size: 10pt;
}

#footerprivate a{
	color:white;
	text-decoration: none;
}

#footermission {
	padding: 20px 20px 0px 20px;
	text-align: center;
	color:white;
	text-decoration: none;
	font-size: 10pt;
		
}


/* end footer styles */


#header {
	margin: 0 auto;
	width: 100%;
	height:180px;
	padding-top: 5px;
	background-color: white;
}

#imageheader {
	padding-left: 20px;
	padding-right: 20px;
	background:white;
}




/* Begin Navigation */

#nav	{
	float: left; 
	width: 100%;
	height: 30px; 
	z-index: 99;
	position: relative; 
	background-color: #cc9900;
	overflow:hidden;
	margin: 0px 0px 0px 0px;
	position: relative;
}	
	
#nav li {
	float:left;
	list-style:none;
	margin-right: 3px;
	margin-left: 3px;
}

#nav li a {
	display:block;						
	padding: 6px 18px;
	color: black;
	text-decoration:none;
}
	
#nav li a:hover {
	color: #000;
	background-color: #66CCFF; 
}

/* End Navigation */	

#fontsize {
	float:left;
	position: absolute;
	margin:-10px 0px 0px 840px;
	padding-top: 0px;
}


#search {
	 float:left;
	 position: absolute;
	 text-align:center;
	 padding-left: 0px;
	 padding-top: 0px;
	 padding-right: 0px;
	 margin:-12px 0px 0px 20px;
	 height: 25px;		
}

.search {
                padding: 5px 0px 0px 5px;
                background:rgba(50, 50, 50, 0.2);
                border:1px solid #000000;
}
.button {
                position:relative;
                padding:6px 15px;
                left:-8px;
                border:1px solid #207cca;
                background-color:#cc9900;
                color:#fafafa;
}
.button:hover  {
                background-color:#fafafa;
                color:#66CCFF;
}
	
#pagetitle {
	width: 960px;
	color: #000;
	padding: 20px 0px 20px 0px;
}

#pagetitle h4 {
	color: 	#000;	
	font-size:large;	
	padding-left: 20px;
	width: 510px;
}



#pagetitle img {
	float:right;
}

#officeinfo {
	width: 960px;
	height: 375px;
	background-color: #000;
	margin-bottom: 10px;
	
}

#officeinfotext {
	float: left;
	width: 230px;
}

#officeinfotext p{
	font-size: 16px;
	padding: 15px 0px 10px 20px;
	color: white;
	
}

#officeinfotext a {
	color: white;
}

#officeinfo img {
	float:right;
	position:relative;
}

#border {
	width: 960px;
	height: 10px;
	background-color: #cc9900;
}

#officemenuleft {
	float: left;
	width: 230px;
	height: 1100px; 
	min-height:100%;
	background: #e5e5e5;
}

#officemenuleft h3 {
	color: #000;
	padding: 20px 10px 5px 20px;
}

#officemenuleft p {
	padding: 0px 0px 5px 20px;
	font-size: 16px;
}

#officemenuleft a{
	color: #000;
	text-decoration:none;
}

#officemenuleft img{
	text-align:center;
}



#officebody {
	float: left;
	width: 730px;
	height: 100%; 
	z-index:106;
	padding-bottom: 20px;
	text-decoration:none;
}


#officebody h4{
	font-size: 22px;
	color: #000;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: 2px #000 solid;
}

#officebody h6{
	font-size: 22px;
	color: #FF0000;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	border-bottom: 2px #FF0000 solid;
}

#officebody p{
	padding: 10px 20px 5px 20px;
	font-size: 16px;
	line-height: 125%;
	float: left;
}

#officebody a {
	color: #0000FF;
	text-decoration:none;
}

#officebody i {
	color: maroon;
	font-size:small;
}

#officebody li {
	margin: 10px 20px 5px 10px;
	color: #000;
	margin-left: 50px; 
	list-style:disc;
}


#officelev3banner {
	width: 960px;
	height: 94px;
	background-color: #000;
	margin-bottom: 10px;

}

#officelev3bannertext {
	float: left;
	width: 700px;
	
}

#officelev3bannertext p{
	font-size: 15px;
	padding: 15px 0px 0px 20px;
	margin-right: 20px;
	color: white;
	
}

#officelev3bannertext h2{
	font-size: 26px;
	padding: 5px 0px 0px 20px;
	margin-right: 20px;
	color: white;
	
}

#officelev3bannertext a {
	color: white;
	text-decoration:none;		
}

#officelev3banner img{
	margin-right: 20px;
}


#directorytable {
	padding: 10px 20px 40px 20px;
}


#officebodyTOPIC {
	width: 920px;
	margin: 0 20px 20px 20px;
}

#officebodyTOPIC table{
	margin: 10px 20px 20px 0px;
}

#officebodyTOPIC h4{
	font-size: 22px;
	color: #000;
	margin-left: 0px;
	margin-right: 20px;
	border-bottom: 2px #000 solid;
	margin-top: 10px;
}

#officebodyTOPIC p{
	padding: 10px 20px 5px 0px;
	font-size: 16px;
	line-height: 125%;
	text-align:justify;
}

#officebodyTOPIC a {
	color: #0000FF;
	text-decoration:none;
}

#officebodyTOPIC i {
	color: maroon;
	font-size:small;
}

#officebodyTOPIC li {
	margin: 10px 0px 10px 40px;
	list-style:disc outside none;
	margin-left: 50px; 
}



#officebodyTOPIC img {
	padding-top: 0px;
	padding-left: 0px;
}

#officebodyTOPIC h3 {
	font-size: 18px;
	color: #000;	
	padding-left: 0px;
	padding-top: 5px;		
}

#officebodyTOPIC video{
	text-align:center;
}



#searchlinks {
	margin-right: 20px !important;
	position:relative !important;
	color: black !important;
	margin-left: 620px !important;
	text-align:right;
	padding-top: 40px;
}

#officebodyTOPICbios {
	width: 920px;
	margin: 20px 20px 20px 20px;

}

#officebodyTOPICbios p{
	padding: 0px 20px 5px 0px;
	font-size: 16px;
	line-height: 125%;
	text-align:justify;
}

#officebodyTOPICbios table{
	margin: 10px 20px 20px 0px;
}

#officebodyTOPICbios h4{
	font-size: 22px;
	color: #000;
	margin-left: 0px;
	margin-right: 20px;
	border-bottom: 2px #000 solid;
	margin-top: 10px;
}

#officebodyTOPICbios a {
	color: #0000FF;
	text-decoration:none;
}

#officebodyTOPICbios i {
	color: maroon;
	font-size:small;
}

#officebodyTOPICbios li {
	margin: 10px 0px 10px 40px;
	list-style:disc outside none;
	margin-left: 50px; 
}

#officebodyTOPICbios img {
	padding-top: 0px;
	padding-left: 0px;
}

#officebodyTOPICbios h3 {
	font-size: 18px;
	color: #000;	
	padding-left: 20px;
	padding-top: 5px;		
}

#dialog {
	background-color: white;
    width: 120px;
    height: 2000px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12pt;
	font-variant:normal;

}

.ui-dialog {
	width: 320px;
	height: 500px;
	-moz-box-shadow: 0px 3px 10px #000;
    -webkit-box-shadow: 0px 3px 10px #000;
    box-shadow: 0px 3px 10px #000;

}

.ui-widget-content {
	border-width:2px 2px 2px 2px;
	border-color: #222222;
}


















/*Org Chart Start*/

	* {
	    margin: 0;
	    padding: 0;
	}
	.tree {
	    width: auto;
	    margin-left: auto;
	    margin-right: auto;
	}
	.tree ul {
	    padding-top: 20px;
	    position: relative;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	.tree li {
	    float: left;
	    text-align: center;
	    list-style-type: none;
	    position: relative;
	    padding: 20px 5px 0 5px;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	/*We will use ::before and ::after to draw the connectors*/
	.tree li::after {
	    content:'';
	    position: absolute;
	    top: 0;
	    right: 50%;
	    border-top: 1px solid #ccc;
	    width: 50%;
	    height: 20px;
	}
	.tree li::before {
	    content:'';
	    position: absolute;
	    top: 0;
	    right: 50%;
	    border-top: 1px solid #ccc;
	    width: 50%;
	    height: 20px;
	}
	.tree li:after {
	    right: auto;
	    left: 50%;
	    border-left: 1px solid #ccc;
	}
	/*We need to remove left-right connectors from elements without 
any siblings*/
	.tree li:only-child::before {
	    display: none;
	}
	.tree li:only-child::after {
	    display: none;
	}
	/*Remove space from the top of single children*/
	.tree li:only-child {
	    padding-top: 0;
	}
	/*Remove left connector from first child and 
right connector from last child*/
	.tree li:last-child::after {
	    border: 0 none;
	}
	.tree li:first-child::before {
	    border: 0 none;
	}
	/*Adding back the vertical connector to the last nodes*/
	.tree li:last-child::before {
	    border-right: 1px solid #ccc;
	    border-radius: 0 5px 0 0;
	    -webkit-border-radius: 0 5px 0 0;
	    -moz-border-radius: 0 5px 0 0;
	}
	.tree li:first-child::after {
	    border-radius: 5px 0 0 0;
	    -webkit-border-radius: 5px 0 0 0;
	    -moz-border-radius: 5px 0 0 0;
	}
	/*Time to add downward connectors from parents*/
	.tree ul ul::before {
	    content:'';
	    position: absolute;
	    top: 0;
	    left: 50%;
	    border-left: 1px solid #ccc;
	    width: 0;
	    height: 20px;
	    margin-left: -1px;
	}
	.tree li a {
	    border: 1px solid #ccc;
	    padding: 5px 10px;
	    text-decoration: none;
	    color: #666;
	    font-family: arial, verdana, tahoma;
	    font-size: 11px;
	    display: inline-block;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    transition: all 0.5s;
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	}
	/*Time for some hover effects*/
	/*We will apply the hover effect the the lineage of the element also*/
	.tree li a:hover + ul li a {
	    background: #c8e4f8;
	    color: #000;
	    border: 1px solid #94a0b4;
	}
	.tree li a:hover {
	    background: #c8e4f8;
	    color: #000;
	    border: 1px solid #94a0b4;
	}
	/*Connector styles on hover*/
	.tree li a:hover + ul ul::before {
	    border-color: #94a0b4;
	}
	.tree li a:hover + ul::before {
	    border-color: #94a0b4;
	}
	.tree li a:hover + ul li::before {
	    border-color: #94a0b4;
	}
	.tree li a:hover + ul li::after {
	    border-color: #94a0b4;
	}
	li a.just-line {
	    display: none;
	}
	a.just-line + ul {
	    padding-top: 74px;
	}
	a.just-line + ul:before {
	    height: 74px;
	}/*Org Chart End*/


#videoholder {
				text-align:center;
}


#officebodyawards {
	width: 920px;
	margin: 0 20px 20px 20px;
}

#officebodyawards table{
	margin: 10px 20px 20px 0px;
	text-align:center;
}

#officebodyawards h4{
	font-size: 22px;
	color: #000;
	margin-left: 0px;
	margin-right: 20px;
	border-bottom: 2px #000 solid;
	margin-top: 10px;
}

#officebodyawards p{
	padding: 10px 20px 5px 0px;
	font-size: 24px;
}

#officebodyawards a {
	color: #0000FF;
	text-decoration:none;
}

#officebodyawards i {
	color: maroon;
	font-size:small;
}

#officebodyawards li {
	margin: 10px 0px 10px 40px;
	list-style:disc outside none;
	margin-left: 50px; 
}

#officebodyawards img {
	padding-top: 0px;
	padding-left: 0px;
	text-align:center;
}

#officebodyawards h3 {
	font-size: 18px;
	color: #000;	
	padding-left: 0px;
	padding-top: 5px;		
}

#officebodyawards video{
	text-align:center;
}