
body { margin:0; padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#646560; font-size:12px}

a {color: rgb(193, 0, 1)}
a:visited{color:rgb(220, 130, 0)}
a:hover{color:rgb(255, 0, 1)}

a img { border:none}

img{ behavior: url(/css/iepngfix/iepngfix.htc) }

span.log { display:inline-block; width:19px; height:17px; background-image:url('/images/log.jpg'); display:-moz-inline-stack; zoom:1 }

#container { width:970px; margin:auto; text-align:left; }


div#official_label { font-size:12px; padding:4px 0px}

#header { height:75px;}

	#title_text { font-family:"Trebuchet MS", Georgia; font-size:24px}
	
	.line  { height:23px }
	#first_line { text-align:right}
	
	#container_text_wrapper { width:970px; float:left; height:77px }
	
	#container_text { float:left; margin:0px; overflow:visible;  width:590px; }	
	#container_text .pad { padding-left:208px; padding-top:10px;  }
	#container_logo {  float:left; margin-left:-970px;  }	
		#logo_position { position:relative; right:12px; bottom:-67px; z-index:20; margin-top:-61px; height:138px	 }	
		*:first-child+html #logo_position { margin-top: -63px !important}
	#container_search , #container_search table {height:77px; }
	#container_search {  					   
					float:left; 
					margin-left:-374px; 
					width:370px;					
					font-size:10px;
					text-align:right;
					height:77px					
					}
					
	#container_search .pad {  text-align:right; none }
	#container_search form { padding:0px; margin:0}
		
		#container_search input{ border:#999999 1px solid; padding:1px; margin:0px; font-size:11px;  width:100px;}
		#container_search button { border:none; background-color:#fff; cursor:pointer; margin:0px;  padding:0}		
	


#container_menu { font-family:Arial; font-size:13px; }
#container_menu a { display:block; text-decoration:none;  padding:4px 4px;  float:left; white-space:nowrap;  }

#container_menu li img { margin-top:6px}

.menu_up a, .menu_up li , .menu_up{background-color:#C10001; color:#fff }

.menu_up a:hover, .menu_up a.active {background-color:#D4D4D4;color:#C10001}

	
.menu_d { color:#fff; background-color:#D4D4D4; background-image:url("/images/mgrad.jpg")}
.menu_d a { color:#fff; position:relative; z-index:40}
.menu_d a:hover, .menu_d a.active { color:#C10001 !important; }

.menu_up , .menu_d { padding-left:118px; height:24px; overflow:hidden }

#container_menu ul { list-style:none; margin:0px; clear:left; padding:0px; }
#container_menu ul li { float:left; padding:0; margin:0}




.clearer { clear:left}


#header_line1 { background-color:#1984EE; height:10px; line-height:10px}
#header_line2 { background-color:#A6D5FF; height:3px; line-height:3px}

#id_photo_header { height:246px; background-color:#FFFFFF; width:970px; height:244px; overflow:hidden !important}


div#wrapper{float:left;width:100%;}
div#main{margin: 0px 270px 0px 260px !important; overflow:visible !important; border-left: #B9BEA1 1px dotted; border-right: #B9BEA1 1px dotted }
div#right{float:left !important;width:270px !important;margin-left:-270px !important;  text-align:left; overflow:hidden !important}
div#left{float:left !important;width:260px !important;margin-left:-970px !important; overflow:hidden !important;}

#left img { margin:0px 0px}

div#right .pad { padding:0px 0px 0px 5px}
div#main .pad { padding:0px 5px 0px 5px; color:#333333; text-align:justify; width:427px; }
div#left .pad { padding:0px 5px 0px 0px}


#footer { clear:left; padding-bottom:10px}
#footer_line1{background-color:#C10001; height:7px; line-height:7px}
#footer_line2{background-color:#A9A9A9; padding:4px}
#foot { height:100px; overflow:hidden; vertical-align:top; color:#FFFFFF}


/**/



.block_title { height:27px; color:#FFFFFF; background-color:#C10001; background-image:url(../images/gradient.jpg);
line-height:27px; vertical-align:middle; padding-left:5px; font-weight:bold}

.inlineBlock {display:-moz-inline-stack; zoom:1; display:inline-block; }

.block_title img{ margin-top:5px; margin-left:5px; margin-right:5px; float:left}

.block_list,.view_list { list-style:none; margin:0; padding:0}
.block_list li {list-style:none; margin:0; padding:4px}
.block_list li.odd { background-color:#ECECEC}

.block_list img {border:1px solid #C10001}

.block_list li p{ display:inline}

.view_list li p{ display:inline}
.view_list li { margin:15px 0px}


/**/



.leaf_button{
display:inline-block;
line-height:22px;
padding:0 11px 0 0;
background:url(/images/bg-button-r.gif) right 0 no-repeat;
cursor:pointer;
}
.leaf_button a, .leaf_button b, .leaf_button input {

display:inline-block;
padding:0 0 0 11px;
font-family:Arial;
font-size:13px;
font-weight:normal;
color:#000;
text-decoration:none;
outline:none;
background:url(/images/bg-button-l.gif) 0 0 no-repeat;
border:none;
cursor:pointer;
}
.leaf_button input {
height:22px; margin:0px
}
.leaf_button img {
border:none;
float:left; margin-top:3px;
}
.leaf_button:hover {
background-position:100% -22px;
}
.leaf_button:hover a, .leaf_button:hover input {
background-position:0 -22px;
margin:0;
padding:0 0 0 11px;
}

.leaf_button_active, .leaf_button:active {
background-position:100% -44px;
}
.leaf_button_active, .leaf_button:active a,.leaf_button:active input {
background-position:0 -44px;}



.clearer { clear:left}

/* common styles for custom pages*/
img.logo { border:1px solid #C10001}
.date { font-size:11px}
h3{ font-family:"Trebuchet MS", Georgia; font-size:16px; text-align:center; margin:0px 5px}



.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #90B9F9;
overflow: scroll; /*leave this value alone*/
width: 207px; /*Width of Carousel Viewer itself*/
height: 100px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 200px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.table_for_a{ border:1px dotted #00CC66}



/* stepcaruosel */
.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 252px; /*Width of Carousel Viewer itself*/
height: 172px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px; /*margin around each panel*/
width: 252px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel_label { 
position:relative; top: -30px; margin-bottom:-10px; left:2px; background-image:url('/images/mainBanners/pix.png');
width:250px;  color:#FFFFFF; height:22px;
text-align:center; padding-top:4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

.library_im { float:left; padding: 3px 3px 0px 0px; position:relative}


#header select{ font-size:10px}

.leaf_input{
border-color:#999999 #AAB3B3 #D5DDDD;
border-style:solid;
border-width:1px;
padding-bottom:3px;
padding-top:2px;
}



