html, body {margin:0px; padding:0px;}
body {background:#cccccc; font-family:'Arial', sans-serif;}
a {color:#000080;outline:none;}
.clear {clear:both; overflow:hidden; height:0px; font-size:0px}
/* common layout */

.screen1 { height:100%; text-align:center; width:100%;}
.header, .footer {height:20%; vertical-align:bottom;}
.footer {background:#333; vertical-align:top;}
.middle {height:60%; min-height:426px; text-align:center; background:url('../i/slideshow_bg.gif') left bottom repeat-x;
-moz-user-select: none; position:relative;}

/* above the fold */

/* header */ 
.header_main {width:700px; margin:auto; margin-bottom:10px;}
.header_left, .header_right {height:85px; float:left; width:350px; overflow:hidden; //display:inline;}

.header_left { text-align:left; }
.header_left a {display:block; margin:10px 0px 0px 0px; text-decoration:none; color:#666; font-size:110%; font-weight:bold; 
letter-spacing:.02em;}
.header_left a img {margin:0px;}
.header_right { text-align:right;}
.header_right table {float:right;}

.logo_holder {float:left; white-space:nowrap; text-align:center; font-style:italic;}

.search_heading { margin:5px 0 15px 0; text-align:center; white-space:nowrap;
  color:#666; font-size:150%; font-weight:bold;}
  
.search { height:30px; width:246px; float:right; margin-right:10px; //display:inline;}
.search form {margin:0px; padding:0px;}
.search_left, .search_right {width:3px; height:30px; float:left;  
  background:url('../i/slideshow_search.gif') 0 0 no-repeat; z-index:10;}
.search_center {background:#FFF; width:238px; height:28px; border:solid #333333; border-width:1px 0px; text-align:center;
//width:240px; //height:30px; float:left;}
.search_right { background-position:-3px 0;}
.search_center input {border:0px; margin:3px 0px 0px 0px; padding:0px; width:230px; height:22px; font-size:16px;}

.button { height:30px; width:60px; overflow:hidden; cursor:pointer; float:right; //display:inline;}
.button_left, .button_right {width:3px; height:30px; float:left;  
  background:url('../i/slideshow_button.gif') 0 0 no-repeat; z-index:10;}
.button_center {background:#D4D93E; width:52px; height:28px; border:solid #333333; border-width:1px 0px; text-align:center; float:left;
//width:54px; //height:30px;}
.button_center span {  text-transform:uppercase; font-size:18px; font-weight:bold; position:relative; top:3px; }
.button_right { right:0px; top:0px; background-position:-3px 0;}

/* middle */

.slideshow_tab { height:100%; margin:auto; }
.slideshow_border {width:726px; height:426px; background:#111;}
.slideshow {background:url('../i/loading.gif') center center no-repeat #FFF; width:722px; 
height:422px; position:relative; top:2px; left:2px;}

#slideshow * {cursor:pointer;}
#slideshow a {text-decoration:none; color:#000;}
div#slide1 {z-index:10;} 
div#slide2 {z-index:15;}

div#slide1, div#slide2 {position:absolute; left:10px; top:10px; width:700px; height:400px; }
div#slide1 img, div#slide2 img {position:absolute; left:0px; top:0px; z-index:5;}
div#slide1 span, div#slide2 span {position:absolute; left:0px; top:0px; z-index:10;
                                  color:#FFF; font-size:150%; font-weight: bold; font-style: italic; }
#slideshow .articles_num {left:15px; top:45px; font-size:140% !important;}
#slideshow .category_name {left:15px; top:12px; }

/* footer */
.footer {}
.footer table {width:700px; margin:10px auto; font-size:90%; table-layout:fixed;}
.footer table td {vertical-align:middle; text-align:center; overflow:hidden;}
.footer table td a {color:#FFF; font-size:100%; text-decoration:underline;}

.f_first {text-align:left !important;}
.f_last {text-align:right !important;}

/* below fold */

.screen2 {background:url('../i/slideshow_bg2.gif') left top repeat-x;  position:relative; top:0px;
  text-align:center; height:100%; width:100%; }
  
.screen2_data_holder {width:726px; margin:150px auto 0 auto; clear:both; }
.screen2_left, .screen2_right {float:left; width:363px; //display:inline; text-align:left;}

.screen2_left a, .screen2_right a {}
div.h1 { margin:0px 0px 30px 0px; padding:0px; font-size:140%; color:#333; font-weight:bold;}
div.h1 a {color:#333;}

.screen2_left {}
.screen2_left h2 {margin:0px; padding:0px; font-size:100%;}
.screen2_left a {}
.screen2_left p {margin:3px 20px 20px 15px; padding:0px; color:#333; font-size:80%;}

.screen2_right {}  
.screen2_right ul{margin:0px; padding:0px; list-style:none;}  
.screen2_right li{margin:0px; padding:0px; font-size:80%;}  

/* copyright */
.copyright {text-align:right; padding-right:10px; margin-top:100px; font-size:70%; color:#333; text-decoration:none;}
.copyright a {text-decoration:none;}


/* blog */

.blog_header {margin:100px 0px 0px 0px; padding:0px; font-size:140%; color:#333; font-weight:bold;}
.blog_data { text-align:left;}
.blog_data ul {list-style-type: none; margin:0px; padding:0px;}
.blog_data li {font-size: smaller; margin: 10px 0px 5px 0px; padding:0px;}

/* suggest */
.suggestDiv {overflow:hidden;}
.suggestDiv a {display: block; padding-left: 2em; text-indent: -1em;}
.suggestDiv a.hover {background: #ddf; w\ idth: 100%;}

/* the very footer */
tr.comH td {background: url('../i/bg41.gif') left top repeat-x;
vertical-align:bottom;
white-space:nowrap;
}

td.bottom_links
{
padding-bottom:8px;
vertical-align:bottom;
}

tr.comH td.bottom_links a
{
font-family: "Arial" , sans-serif;
color:#FFFFFF;
font-size:90%;
margin:5px;
}