/* CSS Document */


/* General */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
}

body {
height: 100%;
text-align: center;
font: 16px Verdana;
background-color:#EEE;
/* background-color: #AAD6F0;*/
min-width: 982px;
}

/*
a:link, a:visited {
color: #004D89;
text-decoration: underline;
font-weight: bold;
}

a:hover {
text-decoration: none;
}

*/


.cleaner {
clear: both;
height: 0;
font-size: 0;
visibility: hidden;
content: ' ';
}

.noscreen {
display: none;
}

.hidden { /* Skip menu */
position: absolute;
top: -10000px;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
}









/* Paragraphs, headings, ... */

p {
line-height: 170%;
margin-bottom: 10px;
color: #003B69;
}

h1 {
font-size: 2.2em;
font-weight: normal;
color: #FFFFFF;
text-align: left;
padding: 15px 0 0 30px;
letter-spacing: 1px;
}

h1 a:link, h1 a:visited {
font-weight: normal;
text-decoration: none;
color: #FFFFFF;
}


/*
h2 {
font-size: 1.2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
text-align: left;
margin: 3px 0 0 0;
padding-left: 30px;
letter-spacing: 1px;
}
*/

h3 {
font-size: 1.6em;
font-family: Georgia, "Times New Roman", Times, serif;
color: #004C87;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 7px;
}

h3 a:link, h3 a:visited {
font-weight: normal;
color: #004C87;
text-decoration: none;
}

h3 a:hover {
text-decoration: underline;
}

h4 {
font-size: 1.1em;
color: #004C87;
margin: 12px 0 3px 0;
}

address {
font-style: normal;
line-height: 1.5;
}

address span {
color: #005699;
}

abbr {
border-bottom: 1px dotted #005699;
cursor: help;
}

h5 {
font-size: 16px;
font-family: "Verdana", Times, serif;
font-weight: normal;
margin-left: 3px;

}
h2 {
font-size: 24px;
font-family: Arial;
font-weight: bold;
color: #003399;
/* color: #003366;*/
text-align: left;
margin: 3px 0 0 0;
letter-spacing: 0px;
}


/* Images */

img.float {
float: left;
border: 1px solid #004C87;
margin: 0.5em 0.8em 0.5em 0;
}

img.me {
float: left;
border: 0;
margin: 0.4em 0.6em 0 0;
}


/* Wrapper */

#wrapper {
width: 982px;
margin: 5px auto 0 auto;
display: table; /* margin-bottom for FF   (?) */
}


/* langue */

#lang {
margin: 5px auto 5px auto;
text-align: right;
}


/* Header */

#header {
width: 982px;
height: 125px;
position: relative;
margin: 0 auto;
background: #025382 url('/WRG/img/hd-bg.jpg') no-repeat 0 0;
}


/* left and right*/

#sleft {
width: 35%;

float: left;
margin: 0 auto;

}


#sright {
width: 64%;
float:right;
margin: 0 auto;

}


/* Search form */

form.searching {
width: 184px;
position: absolute;
top: 18px;
right: 30px;
}

fieldset {
border: 0;
}

#picture-input {
position: absolute; 
top: 0;
left: 0;
overflow: hidden;
width: 152px;
height: 26px;
background: url('/WRG/img/input-bg.gif') 0 0 no-repeat;
border: 0;
}

#picture-input input {
position: relative;
top: 5px;
left: 1px;
width: 130px;
border: 0;
letter-spacing: 1px;
}

form.searching input.hledat {
letter-spacing: 1px;
padding-left: 0;
font-weight: bold;
color: #FFFFFF;
position: absolute;
top: 0;
right: 0;
}

form.searching label {
display: none;
}


/* Menu */

#menu {
position: absolute;
top: 96px;
right: 20px;
z-index: 10px;
}

#menu li {
list-style-type: none;
float: left;
display: inline;
margin-left: 3px;
}

#menu li a {
float: left;
display: block;
padding: 0 20px;
background: url('/WRG/img/tab-body.gif') repeat-x 0 0;
color: #FFFFFF;
text-decoration: none;
height: 29px;
line-height: 29px; 
position: relative;
list-style-type: none;
}
    
#menu li a span.tab-l {
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 16px;
background: url('/WRG/img/tab-l.gif') no-repeat 0 0;
}

#menu li a span.tab-r {
position: absolute; 
top: 0;
right: 0;
width: 12px;
height: 16px;
background: url('/WRG/img/tab-r.gif') no-repeat 100% 0;
}

#menu li a span.tab-r  {
position: absolute; 
top: 0;
right: 0;
width: 12px;
height: 16px;
background: url('/WRG/img/tab-r.gif') no-repeat 100% 0;
}
    
/*
wangyaw
#menu li a:hover {text-decoration: underline;cursor: pointer;}
.nav li a:hover { color: #F29900; text-decoration: none;  }
*/

#menu li a:hover { color: #F29900; text-decoration: none;  }










/*end*/

#menu li#active a {
background: #FFFFFF url('/WRG/img/tab-body-hover.gif') repeat-x 0 0;
color: #E96516;
text-decoration: none;
}

#menu li#active a span.tab-l {
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 16px;
background: url('/WRG/img/tab-l-hover.gif') no-repeat 0 0;
}

#menu li#active a span.tab-r {
position: absolute;
top: 0;
right: 0;
width: 12px;
height: 16px;
background: url('/WRG/img/tab-r-hover.gif') no-repeat 100% 0;
}







/* NAVIGATION in LGB */
.nav { clear: both; text-align: left; color: 	#7D8085;padding-left:20px;   font-size: 18px;}
 a { color: #546078; text-decoration: none;  }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #F29900; text-decoration: none;  }


.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

.leftmenu { background: #FFF url('/WRG/img/leftbg.jpg') repeat-x; width: 100%; float: left; padding: 0; margin: 0; }

/* Content */

#bar{
width: 982px;
height:5px;
margin: 0 auto;
background: url('/WRG/img/bar1.gif') repeat-x ;
}




#content {
width: 982px;
margin: 0 auto;
background: url('/WRG/img/content-bg.gif') repeat-y 0 0;
}

#content-box {
width: 100%;
margin: 0 auto;
text-align: left;
}


/* Content right */

#content-box-right {
width: auto;
float: center;
}

#content-box-right-in {
margin: 5px ;

}


/* Content box with light blue background */

.box {
		width: 716px;
float:left;
		background: #EBF7FF url('/WRG/img/box-body.gif') repeat-y 0 0;
		}
      
.box-top {
		background: url('/WRG/img/box-top.gif') no-repeat left top;
		width: 716px;
		}
		
.box-bottom {
		background: url('/WRG/img/box-bottom.gif') left bottom no-repeat;
		width: 716px;
		}


#box-in {
padding: 10px 0 15px 0;
}

.article {
margin: 0 15px 25px 15px;
padding-left:10px;
padding-bottom: 7px;
border-bottom: 1px dotted #004C87;
}

p.continue {
text-align: right;
margin-right: 25px;
}

p.continue a, p.continue a:visited {
text-decoration: underline;
color: #1D5800;
font-style: italic;
padding: 0 2px;
}

p.continue a:hover {
text-decoration: none;
background-color: #1D5800;
color: #EBF7FF;
}


/* Info about article in green field under the name of article */

.info {
background-color: #EBFFC0;
border: 1px solid #B1CF28;
width: 410px;
font-size: 0.9em;
margin-bottom: 7px;
}

.info-in {
margin: 4px 7px;
}

.info-in p {
margin: 0;
line-height: 1;
}

.info-in p a, .info-in p a:visited {
font-weight: normal;
padding: 0 2px;
color: ##214F73;
}

.info-in p a:hover {
color: #DEEBF6;
background-color: #214F73;
}






/* The article date */

.date {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
float: right;
width: 48px;
min-height: 40px;
border: 1px solid #78bee2;
background-color: #FFFFFF;
margin: 3px 0 7px 0;
font-style: italic;
}

.date p {
font-size: 0.9em;
margin: 0;
line-height: 1;
}

.date p.day {
font-size: 1.2em;
margin-bottom: 1px;
line-height: 1.6;
font-weight: bold;
}


/* Content left */

#content-box-left {
width: 216px;
float: left;
margin: 15px 10px 10px 11px;
}

.content-box-left-in {
margin: 15px 10px 10px 11px;
color: #003B69;
}


/* Content left directives */

.content-box-leftt-in p {
margin: 0;
line-height: 1.6;
}

.content-box-leftt-in p a, .content-box-left-in p a:visited {
padding: 0 2px;
}

.content-box-leftt-in p a:hover {
background-color: #004D89;
color: #C8DFF2;
}

.content-box-leftt-in ul {
list-style-type: none;
margin: 10px 0 30px 11px;
}

.content-box-left-in ul li {
margin-bottom: 10px;
}

.content-box-leftt-in ul li a, .content-box-left-in ul li a:visited {
font-weight: normal;
color: #003B69;
}

.content-box-left-in ul li span {
font-size: 0.9em;
}

.content-box-left-in ul.categories {
list-style-type: none;
margin: 5px 0 15px 22px;
}


/* Darker background in the left column - Categories */

.darker-bg {
background-color: #C8DFF2;
border-top: 1px solid #B3CEE5;
border-bottom: 1px solid #B3CEE5;
margin: 15px 10px 7px 0;
}

.darker-bg h4 {
margin: 8px 0 10px 13px;
}


/* RSS Articles/Comments */

#rss-box {
text-align: left;
margin-top: 10px;
}

#rss-box p {
text-align: left;
color: #202020;
margin: 0 0 0 25px;

/*background: url('/WRG/img/rss-icon.gif') no-repeat 0 center;*/
padding-left: 30px;
}

#rss-box p a, #rss-box p a:visited {
color: #202020;
font-weight: normal;
text-decoration: underline;
}

#rss-box p a:hover {
text-decoration: none;
}


/* Footer */

#footer {
width: 982px;
height: 53px;
background: #025382 url('/WRG/img/footer-bg.gif') no-repeat 0 0;
margin: 0 auto 30px auto;
}

#footer-in {
padding: 7px 10px;
}

#footer-in p {
font-size: 0.9em;
color: #FFFFFF;
margin: 0;
}

#footer-in p a, #footer-in p a:visited {
color: #FFFFFF;
text-decoration: underline;
font-weight: normal;
padding: 0 2px;
}

#footer-in p a:hover {
text-decoration: none;
background-color: #FFFFFF;
color: #025382;
}

#footer-in p span {
font-size: 1.1em;
}

#footer-in p a span {
font-size: 1.1em;
font-weight: bold;
}



/* sponsership left and right    */

#xline {width:100%;height:65px;margin-top:5px;}
#xleft {width: 49%;float: left;margin: 0 auto;}
#xright {width: 49%;float:right;margin: 0 auto;verticle-align:middle;}
#line {width:100%;height:65px;margin-top:5px;}


/* Paging */

.paging {
}