.navbar{
width: 828px;
height: 23px;
font-family: arial, georgia, verdana ;
font-size=13px;
line-height: 22px;
font-weight: bold;
border: 1px solid #000;
background: url(./images/navbarg2.jpg) repeat-x;
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button{
   -webkit-appearance: none;
    margin: 0;
}

.button a{
float: left;
padding : 3px;
width: 120px;
height: 25px;
color: #000;
text-decoration: none;
text-align: center;
}

.button a:hover{
float: left;
width: 157px;
height: 25px;
color: #fff;
text-decoration: none;
text-align: center;
background: url(./images/navbarrollover.jpg) repeat-x;
}

.para{
font-family: verdana;
font-size: 10px;
color: white;
text-indent:40px;
margin: 10px;
}

.para3{
font-family: verdana;
font-size: 10px;
color: black;
margin: 10px;
}

.para4{
font-family: verdana;
font-size: 12px;
color: black;
margin: 10px;
}

.para6{
font-family: arial;
font-size: 8px;
color: black;
margin: 0px;
}

.para4e{
font-family: verdana;
font-size: 6px;
color: black;
margin: 0px;
}

.para2{
font-family: verdana;
font-size: 20px;
//text-decoration: underline;
color: white;
font-weight: bold;
//background: red;
//border: 2px solid #00ff00;
}

.boxwrapper{
width: 400px;
height: 400px;
border: 1px solid #000;
background: #515151;
font-family: verdana;
text-align: center;
}

.boxwrapper p{
}

.boxtitle{
width: 390px;
height: 25px;
color: #fff;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #000;
padding-left: 10px;
line-height: 22px;
}

body
{
  background:url(./images/cjf_3d.jpg);
}

.mainbox
  {
  width: 1024px;
  height:700px;
 top: 10;
 margin-left: auto;
 margin-right: auto;
  background-color:blue;
  background:url(./images/cjfbdwebback2018.jpg);
  border:1px solid black;
  background-repeat:no-repeat;
  }

.mainbox2
  {
  width: 1024px;
  height:700px;
 top: 10;
 margin-left: auto;
 margin-right: auto;
  background-color:blue;
  background:url(./images/cjfwebback2015.jpg);
  border:1px solid black;
  background-repeat:no-repeat;
  }

.transbox
  {
  width:825px;
  height:27px;
  margin:60px 138px;
<!
  background-color:#ffffff;
>
  border:1px solid black;
  }

.transbox2
  {
  width:925px;
  height:542px;
  margin:45px 45px;
  background-color:#ffffff;
  border:1px solid black;
<!
 opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
>
  }

.transbox3
  {
  top: 0px;
  width:563px;
  height:500px;
  margin:-1115px 31px;

  }

.transbox4
  {
  width:388px;
  height:500px;
  margin:615px 602px;

opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
  overflow: scroll; 
  }

.transbox4d
  {
  width:388px;
  height:500px;
  margin:615px 602px;
  overflow: scroll; 
  }

.transbox4e
  {
  width:388px;
  height:500px;
  margin:865px 602px;
  overflow: scroll; 
  }

.transbox7e
  {
  width:563px;
  height:245px;
  margin:-1110px 31px;
  overflow: scroll; 
  }

.transbox5
  {
  top: 0px;
  width:315px;
  height:245px;
  margin:-1115px 31px;
  background-color: white;
  }

.transbox6
  {
  width:315px;
  height:245px;
  margin:870px 354px;
  background-color: white;
  overflow: scroll; 
  }

.transbox7
  {
  width:315px;
  height:245px;
  margin:-1115px 677px;
  background-color: white;
  }

.transbox8
  {
  top: 0px;
  width:315px;
  height:245px;
  margin:1123px 31px;
  background-color: white;
  }

.transbox9
  {
  width:315px;
  height:245px;
  margin:-1368px 354px;
  background-color: white;
  }

.transbox10
  {
  width:315px;
  height:245px;
  margin:1123px 677px;
  background-color: white;
  }

.transbox31
  {
  width:315px;
  height:245px;
  margin:1123px 677px;
  background-color: white;
  }

.transbox11
  {
  width:388px;
  height:500px;
  margin:605px 602px;
  background-color: white;
  }

.transbox12
  {
  top: 0px;
  width:563px;
  height:500px;
  margin:-1110px 31px;
  }

.transbox13
  {
  width:563px;
  height:500px;
  margin:-1115px 31px;
  }

.transbox14
  {
  width:388px;
  height:300px;
  margin:-1112px 603px;
  background-color: white;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
  overflow: scroll; 
  }

.transbox15
  {
  width:388px;
  height:190px;
  margin:1118px 603px;
  background-color: white;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
  overflow: scroll; 
  }


.transbox16
  {
  width:925px;
  height:40px;
  margin:550px 50px;
  }

.transbox16e
  {
  width:880px;
  height:40px;
  margin:635px 90px;
  }

.transbox17
  {
  width:563px;
  height:500px;
  margin:-1115px 31px;
  background-color: white;
  }

.transbox18
  {
  width:400px;
  height:500px;
  margin: -1115px 590px ;
  background-color: white;
//  opacity:0.5;
//  filter:alpha(opacity=50); /* For IE8 and earlier */
  overflow: scroll; 
  }

.transbox19
  {
  top: 0px;
  width:959px;
  height:500px;
  margin:112px 31px;
  //background-color: white;
  }

.transbox20
  {
  width:563px;
  height:500px;
  margin:-1115px 31px;
  overflow: scroll; 
  }

.img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

h1{
font-size: 18px;
font-family: verdana;
text-align: center;
color: blue;
}

.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

//.highlightit:hover img{
//filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
//-moz-opacity: 1;
//opacity: 1;
//} 

.addresstext{
font-family: verdana;
font-size: 10px;
color: black;
text-align: center;
font-weight: bold;
margin: 0px;
}

p.pic {
    width: 270px;
    margin: 0 auto;
}


.transbox50
  {
  width:563px;
  height:500px;
  margin:-1115px 31px;
  overflow: scroll; 
  }

.transbox50e
  {
  width:563px;
  height:250px;
  margin:-1115px 31px;
  overflow: scroll; 
  }

.transbox51
  {
  width:960px;
  height:500px;
  margin:-1115px 31px;
  overflow: scroll; 
  }

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

.footer_table {
    width:900px;
    font-family: verdana;
    color: black;
    padding:0px;
    border: 0px none;
}
.footer_table tr {
    margin:0;
    padding:0px;
    font-family: verdana;
    color: black;
    border: 0px none;
}



#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 117px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

@media print {
   thead {display: table-header-group;}
}