@charset "utf-8";


html { padding:0; margin:0;  width:100%; height:100%; }

body { margin:0; padding:0; width: 100%; background:url(images/bg_strip.jpg) center repeat-y;}

/* main */
.main {width:100%; padding:0; margin:0 auto; background:url(images/bg.jpg) no-repeat center top; }
.resize { width:985px; margin:0 auto;}

/********** header **********/
.header {padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:982px; padding:0 0 10px 0; border:none;}


/* logo */
.logo { float:left; padding:0; margin:0; width:335px;}

.login_text p { font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; float:right; padding:10px 10px 0 0; margin:0;}
.login_text a  { color:#FFF; text-decoration:none; }
.login_text a:hover {color:#FFF; text-decoration:underline; }



/* menu */	
.menu { height:42px; padding:0; margin:0 auto; width:980px; background:url(images/menu_bg.gif) top repeat-x; border:1px solid #196ea6;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0;}
.menu ul li a { float:left; margin:0; padding:15px 0; color:#666; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:30px; background:none;}
.menu ul li a:hover { color:#1a73b2;  background: url(images/r_menu.gif) no-repeat right;}
.menu ul li a:hover span {  color:#1a73b2; background:url(images/l_menu.gif) no-repeat left;}
.menu ul li a.active {  color:#1a73b2; background:url(images/r_menu.gif) no-repeat right;}
.menu ul li a.active span { color:#1a73b2;  background:url(images/l_menu.gif) no-repeat left;}


<!--/********** main_top **********/
.main_top {background:url(images/main_bg.gif); margin:0 auto; padding:0; height:310px;}


/*header_text*/
.header_text { height:299px; margin:0 auto; padding:0; width:978px; border:1px solid #dcdcdc; background: url(images/main_bg.jpg) top repeat-x;}
.header_text .div { float:right; width:958px; padding:0; margin:0;}
.header_text img.screen { float:right; margin:0; padding:30px 30px 0 0;}
.header_text .div .left1 { float:left; width:330px; padding:0 0 0 10px; margin:0;}
.header_text .div .left1 img { float:left; margin:0; padding:10px 0 0 0;}
.header_text .div .left1 h2 { font:normal 30px Arial, Helvetica, sans-serif; color:#4392ca; padding:30px 0 0 0; margin:0;}
.header_text p { font: normal 15px Arial, Helvetica, sans-serif; color:#868686; padding:10px 0 10px 0; margin:0;}


/********** block index **********/
.body { padding:0 0 15px 0; margin:0; }
.border {margin:0 auto; width:980px;  padding:0; border:1px solid #196ea6; background:#fff;}
.body_resize { width:982px; margin:0px auto; padding:0;}
.body_bg { padding:0 0 15px 0; margin:0;}
.body_bg_resize { width:978px; margin:0 auto; padding:0;}
.body h1 { font:normal 24px Arial, Helvetica, sans-serif; color:#333; padding:15px 5px 10px 5px; margin:0 0 20px 0; border-bottom:1px solid #e2e2e2;}
.body h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#333; padding:15px 5px; margin:0; border-bottom:1px solid #e2e2e2;}
.body h3 { font:bold 13px Arial, Helvetica, sans-serif; color:#000; padding:15px 0 5px 0; margin:0; border-bottom:1px solid #e2e2e2;}
.body h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#333; padding:8px 0 0px 0; margin:0}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#757575; padding:15px 0 0 10px; margin:0; line-height:1.4em;}
.body p span { color:#4392ca;}

.body a { color:#4392cb; text-decoration:none;}
.body a:hover{ color:#4392cb; text-decoration:underline;}
.body img { float:left; margin:5px; padding:0;}
.body img.clear { float:none; margin:5px 0; padding:0;}
.body img.floated {float:right; margin:5px; padding:0; }

.left  { width:298px; height:390px; border:1px solid #dedede; background:#fff url(images/left_bg.gif) bottom repeat-x; float:left; margin:0px 10px 10px 0px; padding:0px 10px 0px 10px;}
.left_img {float:left; margin:-12px 5px 5px -5px; padding:0; }
.left2  { width:285px; float:left; margin:5px; padding:10px 15px;} 
.right  { width:595px;border:1px solid #dedede; background:#fff; float:left; margin:5px; padding:10px 15px;} 

/*callouts*/
.callouts { padding:0 0 15px 0; margin:0; }
.callouts h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#333; padding:15px 0 20px 50px; margin:0;}
.callouts p { font:normal 12px Arial, Helvetica, sans-serif; color:#757575; padding:0; margin:0; line-height:1.3em;}
.callouts a { font:normal 12px Arial, Helvetica, sans-serif; color:#4392cb; text-decoration:none;}
.callouts a:hover{ font:normal 12px Arial, Helvetica, sans-serif; color:#4392cb; text-decoration:underline;}
.callouts img { float:left; margin:5px; padding:10px 0 0 0;}
.callouts img.clear { float:none; margin:5px 0; padding:0;}
.callouts img.floated {float:right; margin:5px; padding:0; }

/*********** LEFT COL  *************/

.News { padding:0 20px; margin:10px 0 0 20px !important; margin:10px 0 0 10px; width:275px; float:left;}

.Subnav ul { list-style: none; margin: 0; padding: 10px; }
.Subnav li { padding:10px; background:none; border-bottom:1px solid #ccc; }
.Subnav li a { margin:0; padding:0 0 0 15px;  background:url(images/arrow_reg.gif) no-repeat left; color:#666; font:normal 14px Arial, Helvetica, sans-serif; text-decoration:none; line-height:2em;}
.Subnav li a:hover { background:url(images/arrow_over.gif) no-repeat left; color:#4392cb; text-decoration:underline; line-height:2em;}
.Subnav li a.active { background:url(images/arrow_on.gif) no-repeat left; color:#000; text-decoration:none; line-height:2em;}



/*main_body*/
.main_body { width:561px;    padding:0 20px; margin:10px 0 0 20px; float:left; min-height:600px}
.main_body .rightimg { margin:10px 10px; padding:0; float:right}
.main_body .img { margin:10px 10px; padding:0;}
.main_body p {font:normal 12px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 0 5px; margin:0; line-height:1.4em;}
.main_body .bio { background:#e9f3f9; border:1px solid #c5c5c5; padding:10px 5px 10px 5px}
.main_body .bio_bg { background:#e9f3f9 url(images/dna_bio_bg.jpg) right top no-repeat; border:1px solid #c5c5c5; padding:10px 5px 10px 5px}
.main_body .bio_rightimg { margin:0; padding:0 150px 0 0; float:right}
.main_body ul { margin:10px; padding:0 0 0 20px; }
.main_body li {  padding:0 0 5px 15px;font:normal 12px Arial, Helvetica, sans-serif; color:#757575; list-style:circle;  } 


/*Contact_Info*/
.Contact_Info {padding:0 20px; margin:10px 0 0 20px; width:300px; float:left;}
.Contact_Info p { font:normal 11px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.Contact_Info a { color:#2bb9c5; text-decoration:none; font:normal 11px Arial, Helvetica, sans-serif; text-decoration:none;}
/*Contact*/
.Contact { width:547px; padding:0 20px; margin:5px 0 5px 0; float:left;}
/* Contact Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#contactform { margin:0; padding:5px; background:#efefef; border:1px solid #c5c5c5;}
#contactform * { font-family: Arial, Helvetica, sans-serif;; font-size:12px;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0 0 5px 0; padding:10px; background:none; list-style:none;}
#contactform li.buttons { margin:0; overflow:hidden;}
#contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#151515; border:1px solid #000; color:#FFF; float:left;}
/* form style*/
.form_style { padding:0; margin:0;}
.form_style .text { font:bold 14px   Arial, Helvetica, sans-serif; color:#6f6f6f; padding:10px 0 10px 40px; margin:0; width:150px; float:left;}
.form_style .form { width:380px; float:left; margin:0; padding:10px 0;}
.form_style .label2 { padding:0; margin:20px 0 20px 190px;}
.form_style .input2 { width:375px; border:1px solid #d6d6d6; background:#fff;}



/********** footer **********/
.footer { margin:0; padding:10px 0 0 0;}
.footer_resize { margin:0 auto; width:980px;  border-top:1px solid #e9f3f9;}
.footer ul { margin:0; padding:20px 10px 10px 10px; list-style:none; float:left;}
.footer img { display:inline; margin:5px 10px; padding:0;}
.footer ul li { margin:0; padding:0 10px; float:center;}
.footer p { margin:0; padding:10px 20px 10px 20px; float:center; color:#e9f3f9; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.5em;}
.footer a { color:#FFF; font:normal 11px Tahoma, Geneva, sans-serif; text-decoration:none; line-height:1.5em;}
.footer a:hover { text-decoration:underline;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #C3C3C3; padding:0; margin:10px 0 ; background:none; line-height:0;}
li.bg, .bg2 { border-top:1px solid #C3C3C3; padding:0; margin:10px 0 10px 95px ; background:none; line-height:0;}