body ,pre , td {font-family: Calibri, Verdana, Helvetica, sans-serif; font-size:14px; }
h1{ 	font-size: 30px;	 color: #000;  margin:0; }
h2{ 	font-size: 28px;	 color: #777;  margin:0;}
h3{ 	font-size: 28px;	 color: #2F5C8F;  margin:0;}
h4{ 	font-size: 24px;	 color: #AE0606;  margin:0;}
h5{ 	font-size: 24px;	 color: #AE0606;  margin:0;}


a { color: #800000; text-decoration:underline; font-style:italic;}
a .extern { color: #3333cc; }



#top { clear:both;}
#navi {} 
#bread {font-size:10px; margin: 4px 4px 10px 4px;}
#center {min-height:600px; margin:0px 0px 0px 5px; width: 100%;	max-width: 900px; font-size: 18px;}

#ctleft {margin:0px 10px 0px 0px; max-width:600px;  width:100%; float:left; }
#footer {clear:both; font-size:12px; background: #bbb; color: #fff; margin:50px 0px 0px 0px;padding: 5px 5px 5px 5px; line-height:16px;width:890px;}
img {	max-width: 100%; }

@media only screen and (min-width:900px){
#ctright {margin:0px 6px 0px 10px; max-width:250px; width:100%; float:right;   }
}





/* more then 600  ====================================== */
@media only screen and (min-width:600px){
#ctright {margin:0px 6px 0px 10px; max-width:250px; width:100%;    }

.menu{
	width: 100%;	
	max-width: 900px;
	border:none;
	border:0px;
	margin:0;
	padding:0px;
	font-size:18px;
	font-weight:bold;
	background:#AE0606;
	color: #FFF;
	}
.menu ul{
	background:#AE0606;
	height:50px;
	list-style:none;
	margin:0;
	padding:0;
	}
.menu li{
	float:left;
	margin: 0px 10px 0px 10px;
	min-width:60px;
	}
.menu li a{
	color:#DDD;
	display:block;
	font-weight:normal;
	font-style:normal; 
	line-height:50px;
	margin:0px;
	min-width:60px;
	padding:0px 10px;
	text-align:center;
	text-decoration:none;
	}

.menu li .noref{ 	color:#FFF; font-weight:normal;padding:0px 0px 0px 15px; }
.m1sel { 	background: #dc0707; 	color:#FFFFFF; 	text-decoration:none; } /*#f82121*/

.menu li a:hover{
	background: #f82121;
	color:#FFFFFF;
	text-decoration:none;
	}



.menu li ul{
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:120px;
	z-index:200;
	}  /* hide */ 
.menu li:hover ul{
	display:block;		
	}/* show on hover  */ 
.menu li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	}
.menu li:hover li a{
	background:none;
	}
.menu li ul a{
	display:block;
	height:50px;
	font-size:16px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	color: #fff;
	}
.menu li ul a:hover, .menu li ul li:hover a{
	border:0px;
	color:#fff;
	text-decoration:none;
	background:#f82121;
	}

.menu-button{display:none;}
}/* end 599 */


/* ========================     less then 600   ====================================== */

@media only screen and (max-width:599px){
#ctright {margin:0px 6px 0px 10px; max-width:250px; width:100%;  }

#navi .menu-button{ float:left; display:block; }
#navi .menu {display:none; }
.menu ul{
	display:block;
	background:#AE0606;
	list-style:none;
	margin:0;
	padding:0;
	width:120px;
	}
.menu li{
	display:block;
	margin: 0px;
	width:120px;
	line-height:25px;
	}
.menu li ul{
	display:block;
	float:left;

	background:#AE0606;
	padding:0px;
	margin:0px;
 	width:120px;
	}   
.menu li li {
	display:block;
	line-height:25px;
	margin:0px 0px 0px 20px;
	padding:0px;
	width:120px;
	}
.menu ul li a {color:#fff; font-weight:bold; font-size: 18px; text-decoration:none;}
.menu ul li ul li a {color:#fff; font-weight:bold; font-size: 18px; text-decoration:none;}
}/* end 600 */





.menu-button2{ float:right; display:block; width:20px; height:20px; padding:1em;background:transparent;
color:#333;background-image:url('/common/bdcms/opim/nav-icon.png');background-repeat:no-repeat;background-position:93% 10px;cursor:pointer;}





.tabmenu { }
.tabmenu .mitem { }
.tabmenu .mitem a {text-decoration:none; font-style:normal; font-weight:bold;}
.tmselected a {text-decoration:none; color: #2F5C8F; font-size:20px; font-weight:bold; font-style:italic;  }




/*    misc boxes   */

.rbox {
width:220px; 
float:right;
background: #eee;
padding: 4px 4px 4px 8px;
margin: 10px 0px 40px 0px ;

}


@media only screen and (max-width:599px){
.cbox {
width:250px; 
float:left;
background: #eee;
margin: 10px 0px 0px 0px ;
padding: 8px 4px 8px 8px;
}   }

@media only screen and (min-width:600px){
.cbox {
width:250px; 
float:left;
background: #eee;
margin: 10px 20px 10px 0px ;
padding: 8px 4px 8px 8px;
}   }

.ftbox{ width:200px;  float:left; display:box; }
.ftbox h6{ font-size: 14px;	 font-weight:bold; margin:0;}

.cntblog {
width:550px; 
background: #f5f5f5;
margin: 10px 20px 10px 0px ;
padding: 8px 4px 8px 8px;
border:1px solid #ccc;
}
.cntblog h2 { font-size:18px; height:30px; background:#ccc; color:#000; font-weight:bold; padding-left:5px;margin: -8px -4px 0px -8px;}



.cntflowtext  {
width:100%;  /*550px*/ 
background: #FFF;
margin: 10px 20px 10px 0px ;
padding: 8px 4px 8px 8px;
 
}
.cntflowtext  ximg { width: 100%; }

.cntlinkbox {
width:490px; 
background: #eee;
margin: 10px 20px 10px 0px ;
padding: 8px 4px 8px 8px;
}


.msg {
display:block;
border: 1px solid #F00;
background: #f5f5f5;
margin: 10px 10px 10px 10px ;
padding: 8px 8px 8px 8px;
color: #f00;
font-weight:bold;
}


.lbreak {clear:both; }
.arrow { text-decoration:none; background-image:url ('/common/bdcms/opim/arr-right.gif')   }

/* --------------- forms ----------------------------- */


form {   margin:10px 20px 10px 10px; }

.stdform {	background: #F4F4F4;}
.stdform input,  select , textarea {
	/*font-family: verdana, arial,  helvetica, sans-serif;*/
	font-size: 1.0em;
	font-weight:normal;
	line-height: 14px;
	border:1px solid #aaa;
 	color:#000;
}

.stdform select { 	height:auto; }
.stdform .selmulti{ height:*; }
.stdform .frmnobrd{ 	border:0px; 	border-width: 0px; }
.stdform option {	line-height: 14px;	font-size: 1.0em; }
.stdform textarea {     resize:none; }
.statok { display:block;}

/*   form formatting */
#calc {  margin:0;  width:500px;}
#calc div {  clear:both; 	 }
#calc label {   display: block;   float: left;   margin: 5px;   width: 150px; font-weight:bold;}
#calc span {padding-left: 5px;}
#calc select {  margin-bottom: 5px;  }
#calc br {  clear: left;}
#calc textarea {  margin-bottom: 5px;  width: 300px; }
#calc .txinfo {margin-left:154px;}