html, body {
        font-size: 14px; /* this blocks font size chaning in IE7 but document scaling works pretty well */
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        width: 100%;
		background:  url(/design/img/body_bg.gif) repeat-x !important;
}
* html {
        /*font-size: 97%;  */
}
* html body {
       /* font-size: 90%;  /* this meet 14px by default in all IEs with default settings */
}

#container {
        min-height: 100%;
        height: 100%;
        min-width: 55em;
        width: 100%;
}
/*
*  for IE<7 fix min-width behavior
*/
* html #container {
        behavior: url('design/css/minwidth.htc');
        width: 55em;
}

#container #content {
        /*height: 100%;
        min-height: 100%;*/
        position: relative;
        width: 100%;
}
#container #header {
        min-height: 1.2em;
        height: 1.2em;
}
#container #pagebody {
        padding-top: 0px;        /* this should be defined, otherwise we'll have a gap on top */
}
#footer {
        position: relative;
		top: 2px;
}
@-moz-document url-prefix()
{
	#footer { top: 22px; }
}

#footer #foot {
        min-height: 3.86em;
        height: 3.86em;
        padding-top: 0.86em;
		// padding-top: 0.65em;
}
html>body #container #header,
html>body #container #content,
html>body #footer #foot {
        height: auto;            /* used to fit font-sizing feature of Mozilla/FireFox */
}
/*
*  Container overlapping
*/
#container #pagebody {
		height: 351px;
       /* padding-bottom: 0.9em;*/
		/*padding-bottom: 5.9em;    /* this value need to ba same as full height of the footer or greater
                                     footer top padding should be maintained in it's definition (see below)
                                     NOTE: don't set VERTICAL padding/margins on #container, #header, #pagebody!
                                  */
}
#footer {
        /*margin-top: -5.9em; */      /* how high we will go */
}
/*************************************
*  Additional overrides
*
*  They are used to make pages look close in the differrent browsers
**************************************/
a img {
        border: none;
}

h1 {
        font-size: 2.3em;
        margin: 1.43em 0 1.43em 2.14em;
        padding: 0;
}
h2 {
        font-size: 2.2em;
        margin: 1.29em 0 1.29em 1.86em;
        padding: 0;
}
h3 {
        font-size: 2.1em;
        margin: 16px 0 16px 22px;
        padding: 0;
}
h4 {
        font-size: 2em;
        margin: 1.14em 0 1.14 1.29;
        padding: 0;
}
ol {
        margin: 0.14em 0 0.14em 2.79em;
        padding: 0;
}

a {
	color: #0F2C66;
	}
/*
ul {
        margin: .14em 0;
        padding: 0;
}
ul li {
*  Assign this override to force browsers to have the same list markers.
*  If you need to implement nested markers, define more nested rules
*  Note, this way you cound not change marker color, beside adding personal images
*
*

        background: url(li.gif) 1.6em 50% no-repeat;
        list-style: none;
        padding-left: 2.79em;
        position: relative;
}
*/
/*************************************
*  Special elements and hacks
**************************************/
.clearfix:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************************************
*  Design page template styles
**************************************/
/**************************************************
***************************************************
***************************************************
**************************************************/

.top {
	background: #0f2c66 ;/*url(/design/img/top_bg.gif)  repeat-x;*/
	border-top: 6px solid #e9d51f;
	//border-top: 3px solid #e9d51f;
	border-bottom: 2px solid #e9d51f;
	height: 42px;
    min-height: 42px;

	}
	.top td {
		padding: 0 28px 0 28px;
		}

.header_image {
	height: 311px;
	max-height: 311px;
	}
	header_image p, header_image div, header_image img{
		padding: 0; 
		margin: 0;
		}
	
	
.menu {
	height: 34px;
	background: #0f2c66 ;/*url(/design/img/top_bg.gif)  repeat-x;*/
	border-top: 2px solid #e9d51f;
	border-bottom: 2px solid #e9d51f;	
	}

#content {
	text-align: center;
	background: white;
	}
	#pc {
		background: white url(/design/img/content_bg.gif) top repeat-x;
		padding: 15px 20px 0px 20px;
		text-align: center;
		}

.contentContainer {
	text-align: left;
	width: 870px;
	height: 356px; 
	// height: 336px; 
	overflow: auto;
	padding-right: 6px;
	font-family: "verdana";
	font-size: 14px;
	}
	.contentContainer td {
		font-family: "verdana";
		font-size: 14px;
		/*padding: 0;
		margin: 0;*/
		}
	.autoImg img {
		width: 298px;
		height: 160px;
	}
	.contentContainer img {
		/*width: 298px;
		height: 160px;*/
		/*display: block;
		text-align: right;
		float: right;*/
		/*margin-bottom: 20px;
		margin-right: 20px;*/
		/*/border-bottom: 20px solid white;*/
		/*float: left;*/
		}
		
		div.imgWrap {
			width: 318px;
			height: 180px;
			background: url(/design/img/photo_shadow.jpg) no-repeat;
			}
		
	.contentContainer ul {
		margin: 4px 0 20px 25px;
		list-style-type: disc;
		}
		.contentContainer ul li {
			padding-bottom: 10px;
			padding-left: 6px;
			}



strong, b {
	font-weight: bold;
	}
em, i {
	font-style: italic;
	}
p {
	margin: 0 0 20px 0;
	}
	


/* tab */
table.tab {
	}
	table.tab td {
		padding: 4px;
		border-bottom: 1px dashed silver;
		text-align: center;
	}
	table.tab td em {
		text-align: left;
		vertical-align: top;
		display: block;
		}
		
/* categories */
#categories {
	width: 298px;
	float: left;
	/*position: fixed;*/
	}	
	#categories ul {
		list-style-type: none;
		padding:0 0 0px 0;
		margin: 0 0 0px 0;
		}
	#categories li {
		background: transparent url(/design/img/ris.jpg) bottom center;
		/*height: 66px;*/
		width:100%;
		padding: 0 0 20px 0;
		margin: 0 0 0px 0;
		}
	
	#categories li a, #categories li a:visited {
		font-size:17px;
		font-weight:normal;
		display:block;
		width:100%;
		height:30px;
		background: #AACDED;
		color: #0F2C66;
		text-align:center;
		text-decoration: none;
		padding: 8px 0 0px 0;
		vertical-align: middle;
		border-top:1PX SOLID #0F2C66;
		border-bottom:1PX SOLID #0F2C66;
		margin: 0 0 0px 0;
		}	
		#categories li  a:hover {
			background: #f8ef22;
			}
			
		/*  sub */
		#categories ul li ul {
			display: none;
			}
			#categories ul li.active ul {
				display: block;
				}
			#categories ul li ul li {
					padding: 0 0 0px 0;
				}
				#categories ul li ul li a, #categories ul li ul li a:visited  {
					font-size: 12px;
					font-weight:normal;
					display:block;
					width:100%;
					height:22px;
					background: white;
					text-align:center;
					vertical-align: middle;
					margin: 0 0 0px 0;
					border: none;
					border-bottom: 1px dashed silver;
					}
					#categories ul li ul li a:hover {
						background: #f8ef22;
						}
					#categories ul li ul li a.selected {
						background: white;
						
						}
						#categories ul li ul li a.selected:hover {
							background: #f8ef22;
							} 
							
							
		/*#visa li a, #visa li a:visited {
			
			height:40px;
			font-size:19px;
		padding: 8px 0 0px 0;*/
			}
					
					
			
			
			
			
	#categories #cat_text {
		padding-bottom: 20px;
		}
		#cat_text img {
			width: auto !important;
			margin: 10px;
			}
			
			
.footer {
	font-size: 14px;
	font-family: "Times New Roman";
	padding: 10px 0 20px 0;
	}
	.footer a {
		color: white;
		}

.reset {
	margin: 0;
	padding: 0;
	height: auto !important;
	background: none !important;
	}
	
#listmenuroot1 {	
	position: relative; 
	z-index: 255;
	}

body {
    font-family: "Verdana", "Times New Roman", serif;	
	background: white;
	color:#2c2927; 
}
#footer #foot, #header {
    color: white;
	background: #2D3D76 url(/design/img/footer_bg.gif) top repeat-x;;  
}



div.info_bad {
	display: none; 
	visibility: hidden;  
	margin: 10px 10px 20px 0px; 
	border: 3px solid #e9d51f; 
	background: #8d1414;
	color: white;
	padding: 10px;
	}




