/* CSS Document */

body {font-family:"Times New Roman", Times, serif; padding:0; margin:0; background-color:#FFFFFF; }
div {	margin: 0px; padding: 0px; border:none;}
.clear { font-size:1px; line-height:1px; height:1px; clear:both;}
.photo-left {margin: 0px 8px 5px 0px; }
.credit {font-size:80%;}
.t3 {font-size:90%; margin:10px 5px 10px 10px;}
.t3 p { margin:0 0 5px 0; padding:0;}
acronym {cursor:help;}
h1, #content h1 {margin-top:0; font-size:135%; color: #0066CC;  margin-top: 0px;	padding: 0px;}
h2 {font-size:120%;}
h3 {font-size:110%; margin-top: .5em; margin-bottom: .25em; }
#content h4 {font-size:100%; margin-top:.2em; margin-bottom:.1em; }
#content h5, #content h6 {font-size: 90%; margin-bottom: 0px; padding: 0px; line-height: 1em; margin-top:2px; }
h6 {font-weight:normal;}
#content p { font-size:95%; margin-top: 0; margin-bottom:.5em; padding:0;}
a, a:link, a:visited, a:active {color:#0066CC;}

#header, #main-menu,  #footer {width: 900px;	margin:0 auto; }

#header {background-color:#4B8ED4;}
#header #right {float: right; width: 220px; clear: right; border:none;background-color: #FFFFFF;}
#header #banner {background-image: url(/img/gradient-banner2.jpg); background-repeat: repeat-x; background-position: left top; background-color: #4B8ED4; float: left; width: 680px; margin: 0px; padding: 0px; }
#banner #photos {width: 680px; height: 115px; margin: 0px; padding:2px 0 0 0px; float: left; clear: left; }



#header #right ul {text-align: right; list-style: none; margin: 0px; padding: 0px; }
#header #right {background-image: url(/img/hpod.jpg);
	background-position: right bottom;
	padding-bottom: 95px;
	height:157px;}
#header #right a { text-decoration: none; color: #0351A0; font-weight: bold;  font-size: 90%;}
#right li {margin-bottom: 5px; }



.main-menu {background-color: #096BCE; height:1.5em;  clear: both; padding:4px 0 1px 0; }
.main-menu ul {list-style: none;  margin: 0px; padding: 0px; font-weight:bold; clear:both; height:1.5em; }
.main-menu li {display: inline;  border:none; height:1.5em; padding:0px; margin:0; list-style:none;}
.main-menu a, .main-menu a:visited {color: #FFFFFF; text-decoration: none; padding:5px 5px;  background-color: #0066CC;}
.main-menu .active a, .main-menu .active a:visited {background-color:#008BFF; border:none;}


.main-menu-bw {background-color: #ffffff; height:1.5em;  clear: both; padding:4px 0 1px 0; }
.main-menu-bw ul {list-style: none; margin: 0px; padding: 0px; font-weight:bold; clear:both; height:1.5em; }
.main-menu-bw li {display: inline;  border:none; height:1.5em; padding:0px; margin:0; list-style:none;}
.main-menu-bw a, .main-menu-bw a:visited {color: #0000cc; text-decoration: none; padding:5px 5px;  background-color: #ffffff;}
.main-menu-bw .active a, .main-menu-bw .active a:visited {background-color:#ffffff; border: 1px solid #000000}


.left-menu {width: 175px; float: left;  margin:5px 0;  /*border-left: 1px solid #0066CC; border-bottom: 1px solid #0066CC;*/ font-size:85%;  }
.left-menu ul {list-style: none; margin: 0px; padding: 0px; font-weight:bold; width:100%;}
.left-menu li {margin: 0px;  padding: 8px 5px; border-bottom: 2px solid #FFFFFF;  background-color:#008BFF;  }
.left-menu li:hover {}
.left-menu a, .left-menu a:visited, .left-menu a:active {color:#FFFFFF; text-decoration:none; }
.left-menu li a:hover {text-decoration:underline;}

.left-menu .join, .left-menu .join:hover {list-style:none;	background-color: #0066CC; font-size:125%; font-weight:bold;	}

.left-menu .dark-bg, .left-menu .dark-bg:hover {	background-color: #0066CC;}
.left-menu .dark-bg .sub {background-color: transparent;	width:150px;	margin-left:15px;}
.left-menu .dark-bg .sub li, .left-menu .dark-bg .sub li:hover {	background-color: #0066CC;	border:0;	margin:0;	padding:0;}
.left-menu .dark-bg, .left-menu .dark-bg a:hover {color:#FFFFFF;}
.left-menu .dark-bg .sub li a, .left-menu .dark-bg .sub li:hover  a {color:#ffffff;}

.left-menu .dark-bg .sub a {text-decoration: none;}
.left-menu .dark-bg .sub a:hover {text-decoration: underline;}
.left-menu .active {background-color: #FFFFFF; /*	border: 1px solid #0066CC;*/ border-right-width: 0px; border-right-style: solid; }

.left-menu .dark-bg .sub {margin-right: 3px;}

.left-menu .active a, .left-menu .active a:visited {color:#3150BC;}


/*             Left Menu Black and White */

.left-menu-bw {width: 175px; float: left;  margin:5px 0;  font-size:85%; border: 1px solid #000000}
.left-menu-bw ul {list-style: none; margin: 0px; padding: 0px; font-weight:bold; width:100%;}
.left-menu-bw li {margin: 0px;  padding: 8px 5px; border-bottom: 1px solid #000000;  background-color:#ffffff;  }
.left-menu-bw li:hover {}
.left-menu-bw a, .left-menu-bw a:visited {color:#0000cc; text-decoration:none; }
.left-menu-bw li a:hover {text-decoration:underline;}

.left-menu-bw .join, .left-menu-bw .join:hover {list-style:none;	background-color: #ffffff; font-size:125%; font-weight:bold;	}

.left-menu-bw .dark-bg, .left-menu-bw .dark-bg:hover {	background-color: #ffffff;}
.left-menu-bw .dark-bg .sub {background-color: transparent;	width:150px;	margin-left:15px;}
.left-menu-bw .dark-bg .sub li, .left-menu-bw .dark-bg .sub li:hover {	background-color: #ffffff;	border:0;	margin:0;	padding:0;}
.left-menu-bw .dark-bg, .left-menu-bw .dark-bg a:hover {color:#0000cc;}
.left-menu-bw .dark-bg .sub li a, .left-menu-bw .dark-bg .sub li:hover  a {color:#0000cc;}

.left-menu-bw .dark-bg .sub a {text-decoration: none;}
.left-menu-bw .dark-bg .sub a:hover {text-decoration: underline;}
.left-menu-bw .active {background-color: #ffffff; /*	border: 1px solid #0066CC;*/ border-right-width: 0px; border-right-style: solid; }

.left-menu-bw .dark-bg .sub {margin-right: 3px;}

.left-menu-bw .active a, .left-menu-bw .active a:visited {color:#0000cc;}

/* Left Menu Black and white END */


#content-wrap {
	width: 670px;
	float: left;
	clear: left;
	margin-top: 10px;
	padding:0;
background-color:#FFFFFF;
}
#wrap {
	width: 900px;
	margin:0 auto;
background-color:#FFFFFF;
border:0px solid #FFFFFF;
}
#content-wrap #content {
	width: 465px;
	float: right;
	clear: right;
	margin-right: 5px;
	padding:5px;
}
#header #right ul {
	margin: 5px 5px 0px;
}
#black-white { visibility:hidden; display:none;}
#sidebar {width:217px; float:right;  clear:right;  margin:10px 0 10px 0; clear:right; border:none;}

#sidebar #highlights, #sidebar #accessibility {
	border: 1px solid #CCCCCC;
	padding:5px 5px;
	margin:5px 0;
		clear:both;
}
 
#sidebar h4 {
	color: #0066CC;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	border:none;
}


#sidebar h5 {	margin: 0px;	padding: 0px;}
#sidebar p {margin-top: .25em;	font-size:85%;}


#sidebar a {color: #0066CC; text-decoration: none; }
#sidebar a:hover {text-decoration:underline;}	

#translate {clear: left; float: left; height: 160px; width: 133px; margin-top: 5px; }

#sidebar-photo {
	border: 1px solid #CCCCCC;
padding:0px;
}
#sidebar-photo blockquote {margin: .5em 15px; padding:0;}
#sidebar-photo p {margin:10px;}
.lg-photo {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#right input {
	text-align: right;
}
#accessibility p {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#accessibility .smaller  {
/*	border: 1px solid #666666;
	padding: 2px 4px;  */
	color: #000000;
	height:1.5em;
	font-size:75%;
}
#accessibility .medium {
/*	border: 1px solid #666666;
	padding: 2px 4px;  */
	color: #000000;
	height:1.5em;
	font-size:95%;
}
#accessibility .larger  {
/*	border: 1px solid #666666;
	padding: 2px 4px;  */
	color: #000000;
	height:1.5em;
	font-size:125%;
}
#accessibility a, #accessibility a:hover {color:#000000; text-decoration:none;}
#right ul {
	clear: right;
}
.inner-padding {
	margin: 5px;
}
.bottom a { color: #0066CC;
	font-size:85%;
	text-decoration:none;
}
.bottom a:hover {text-decoration:underline;}

.bottom-bw a { color: #000000;
	font-size:85%;
	text-decoration:none;
}
.bottom-bw a:hover {text-decoration:underline;}

#footer {margin-top:10px; clear:both;}
#footer p {margin-right: 135px;}

.photo-left {float:left; margin:0 10px 8px 0; border:none;}
.photo-right {float:right; margin:0 0 8px 10px; border:none;}

option.bold {

font-weight: bold;
font-size: 110%

}

body.fs1 {
	font-size: 14px;
}

body.fs2{
	font-size: 15px;
}

body.fs3{
	font-size: 16px;
}

body.fs4{
	font-size: 17px;
}

body.fs5{
	font-size: 18px;
}

body.fs6{
	font-size: 20px;
}
#ja-usertools {
	margin: 0;
	padding: 10px 0 4px 0;
}

* html #ja-usertools { /*IE 6*/
	float: left;
}

*+html #ja-usertools { /*IE 7*/
	padding: 8px 0 4px 0;
}

#ja-usertools ul {
	margin: 0;
	padding: 0;
	float: left;
}
#ja-usertools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}
#ja-usertools img {
	padding: 0;
	margin: 0 0 0 2px;
}
#content a:hover {text-decoration:none;}


#mulitmedia {
	width: 614px;
	margin: 0 auto;
	padding:0px;
}
#mulitmedia #photo {
	margin: 0px;
	padding: 2px;
/*	height: 460px;*/
	clear:both;
	text-align:center; 
	vertical-align:middle; 
	border:2px solid #0066CC;
	padding:5px;
	color:#FFFFFF;
}
#mulitmedia #border{	border:2px solid #0066CC; padding:10px; width:600px;}

#mulitmedia #text #credit {clear: both;	padding:1px;	font-size:90%;	 color:#FFFFFF;}
#mulitmedia #description {clear:both; padding:5px 0 0 0;}
#mulitmedia #text {padding: 5px;	background-color: #0066CC;        color:#ffffff;	clear:both;

}

#mulitmedia  a {
	color: #FFFFFF;
	font-weight: bold;
}
#mulitmedia a:hover {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
#mulitmedia #close {
	text-align: right;
	font-size: 85%;
	margin: 0px;
	padding: 0px;
}
#mulitmedia  #next {
	float: right;
	clear: right;
}
#mulitmedia  #prev {
	float: left;
	clear: left;
}