/* CSS Document */
body { background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3c3c3c; margin:0px auto; font-weight:normal; min-height: 100%; height: auto; _height: 100%;}
#blogheader { background:#24404e; height:355px;}
#blogbody { background:#ffffff;}
#blogfooter { background:#ffffff; height:50px;}

#blogheader #header { width:855px; margin:0 auto; text-align:left;}
#blogheader #header #logo { background:url(../images/h1.gif) repeat-x top left; width:855px; height:125px; text-align:left;}

.bloglogo, .bloglogo a { background-image: url(../images/cn_logo.gif); background-repeat:no-repeat; height:106px; display:block; float: left; margin:0px 0px 0 35px; display:inline; }
.bloglogo, .bloglogo a { background-position:0 0px; width:382px;}
.bloglogo a { background-position:0px -106px; visibility:hidden; margin: 0;}

#blogheader #header #datetime { float:left; width:200px; margin-top:55px; margin-left:200px; color:#5a5a5a; font-weight:bold; text-align:right; display:inline;}
#blogheader #header #rightmenu { float:right; margin:0 0px 0px 0; text-align:right; display:inline;}
#blogheader #header #rightmenu ul { padding: 0; margin: 0; }
#blogheader #header #rightmenu li { display:inline; background-image: url(../images/h6.gif); background-repeat: no-repeat; background-position: 0 .4em; padding:0 10px 0 12px; font-weight: bold; font-size:12px; }
#blogheader #header #rightmenu li a { color: #ffffff; text-decoration:none; }	
#blogheader #header #rightmenu li a:hover { color: #ffce0d; text-decoration:underline; }	
#blogheader #header #rightmenu li a.current { color: #ffce0d; text-decoration:underline; }

#blogheader #header #banner { background:url(../images/cn_banner.gif) no-repeat top left; width:820px; height:183px; text-align:left; padding:45px 0 0 35px;}
#blogheader #header #banner .sizea { color:#FFFFFF; font-size:36px; font-weight:bold;}
#blogheader #header #banner .sizeb { color:#FFFFFF; font-size:36px; font-weight:normal; letter-spacing:.2em; padding-left:10px;}
#blogheader #header #banner .sizec { color:#c7ebff; font-size:12px;}

#blogheader #header #banner ul {  }
#blogheader #header #banner li { background-image: url(../images/h8.gif); background-repeat: no-repeat; background-position: 0 .4em; padding:0 10px 0 12px; font-size:12px; color: #c7ebff; }

/*body*/
#blogbody #page { width:855px; margin:0 auto; text-align:left;}
#blogbody #page #line { height:20px; border-bottom:7px solid #efefef; text-align:right; padding-top:5px;}
#blogbody #page #left { float:left; width:194px; padding:10px 10px 0 10px;}
#blogbody #page #right { float:left; width:631px; padding:10px 10px 0 0px;}
#blogbody #page #left .sizea { width:194px; color:#666666; font-size:11px;}

#blogbody #page #left #box { float:left; width:194px; margin-top:20px;}
#blogbody #page #left #top { float:left; width:179px; height:32px; background:url(../images/h3.gif) no-repeat; color:#FFFFFF; padding:20px 0 0 15px; font-size:18px;}
#blogbody #page #left #mid { float:left; width:164px; height: auto; background:#eaeaea; padding:10px 15px 0 15px; color:#4e4e4e;}
#blogbody #page #left #vmid { float:left; width:164px; height: auto; background:#eaeaea; padding:10px 15px 0 15px; color:#4e4e4e;}
#blogbody #page #left #bot { float:left; width:194px; height:91px; background:url(../images/h4.gif) no-repeat;}

#blogbody #page #left #mid ul { list-style-type: none; padding: 0; margin: 0; }
#blogbody #page #left #mid li { background-image: url(../images/h7.gif); background-repeat: no-repeat; background-position: 0 .7em; padding:0 10px 0 12px; font-weight: normal; font-size:12px; color: #456b80; line-height:1.8em; }
#blogbody #page #left #mid li a { color: #456b80; text-decoration:none; }	
#blogbody #page #left #mid li a:hover { color: #456b80; text-decoration:underline; }	
#blogbody #page #left #mid li a.current { color: #456b80; text-decoration:underline; }

#blogbody #page #left #mid span { font-size:18px; color:#4e4e4e;}

#blogbody #page #left #vmid ul { padding: 0; margin: 0; }
#blogbody #page #left #vmid li { background-repeat: no-repeat; background-position: 0 .3em; padding:0 10px 0 20px; font-weight: normal; font-size:12px; color: #456b80; line-height:1.8em; }
#blogbody #page #left #vmid li a { color: #456b80; text-decoration:none; }	
#blogbody #page #left #vmid li a:hover { color: #456b80; text-decoration:underline; }	
#blogbody #page #left #vmid li a.current { color: #456b80; text-decoration:underline; }

#blogbody #page #left #vmid span { font-size:18px; color:#4e4e4e;}
#blogbody #page #left #vmid a { color: #456b80; text-decoration:none; }	
#blogbody #page #left #vmid a:hover { color: #456b80; text-decoration:underline; }

#blogbody #page #right #head { border-bottom:7px solid #efefef; padding:0px 0 10px 0;}
#blogbody #page #right #head .sizea { color:#555555; font-size:18px; font-weight:bold;}
#blogbody #page #right #head .sizea a { color:#555555; font-size:18px; font-weight:bold; text-decoration:none;}
#blogbody #page #right #head .sizea a:hover { color:#456b80; font-size:18px; font-weight:bold; text-decoration:none;}
#blogbody #page #right #head .sizeb { color:#456b80; font-size:12px; font-style:italic;}
#blogbody #page #right #head .sizec { color:#000000; font-size:12px; text-align:right;}

#blogbody #page #right #content { border-bottom:7px solid #efefef; padding:10px 0 10px 0;}
#blogbody #page #right #content .sizea { color:#4697c4; font-size:14px; font-style:italic;}
#blogbody #page #right #content .intent { float:right; border:1px solid #cccccc;}
#blogbody #page #right #content .sizeb { font-size:12px; font-weight:bold; color: #2c4758; text-decoration:none; }
#blogbody #page #right #content .sizeb:hover { font-size:12px; font-weight:bold; color: #2c4758; text-decoration:underline; }

#blogbody #page #right #content .sizec { font-size:12px; font-weight:normal; color: #456b80; text-decoration:none; }
#blogbody #page #right #content .sizec:hover { font-size:12px; font-weight:normal; color: #456b80; text-decoration:underline; }

#blogbody #page #right #content ul { padding-left: 15px; margin: 0; }
#blogbody #page #right #content li { font-size:12px; color: #3c3c3c; }
#blogbody #page #right #content li a { font-size:12px; color: #3c3c3c; text-decoration:none; }
#blogbody #page #right #content li a:hover { font-size:12px; color: #3c3c3c; text-decoration:underline; }

#blogbody #page #right #reply { padding:10px 0 10px 0;}
#blogbody #page #right #reply .sizea { color:#555555; font-size:18px; font-weight:bold;}
#blogbody #page #right #reply a { font-size:12px; font-weight:bold; color: #3c3c3c; text-decoration:none; }
#blogbody #page #right #reply a:hover { font-size:12px; font-weight:bold; color: #3c3c3c; text-decoration:underline; }

.tag a { font-weight:bold; color: #4e4e4e; text-decoration:none; }
.tag a:hover { font-weight:bold; color: #f0b432; text-decoration:none; }

.no_command { background:#E6E6E6; padding:4px 4px 4px 4px; text-align:center; color:#3c3c3c; font-size:12px; }

.yes_command { padding:4px 4px 4px 4px; text-align:left; color:#3c3c3c; font-size:12px; }

#blogbody #page #innerbody { padding:20px 20px 20px 20px;}
#blogbody #page #innerbody .sizea { font: bold 18px Arial, Helvetica, sans-serif;}
/*---------------------------*/
#blogbody #page #footer { float:left; width:825px; height:40px; background:#b2b2b2; margin:0 auto; margin-top:50px; padding:20px 0 0 35px; text-align:left;}
#blogbody #page #footer .sizea { color:#ffffff; font-size:11px; font-weight:bold;}
#blogbody #page #footer a { font-size:11px; font-weight:bold; color: #ffffff; text-decoration:none; }
#blogbody #page #footer a:hover { font-size:11px; font-weight:bold; color: #ffffff; text-decoration:underline; }

/*----------------------------------*/
.inputsa {
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CDCDCD;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;

}
.inputsa-focus {
	background-color: #F6F6F6;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CDCDCD;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
}
.inputs {
	background-color: #FFFFFF;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CDCDCD;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px; width:350px;

}
.inputs-focus {
	background-color: #F6F6F6;
	margin: 2px;
	padding: 2px;
	border: 1px solid #CDCDCD;
	font-family:'Arial', Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px; width:350px;
}


/*Expand*/
.mypets{ /*header of 1st demo*/
cursor: hand; cursor: pointer; padding: 2px 5px; border: 1px solid gray; background: #E1E1E1; }

.openpet{ /*class added to contents of 1st demo when they are open*/
background: yellow; }

.technology{ /*header of 2nd demo*/
cursor: hand; cursor: pointer; font: bold 18px Arial, Helvetica, sans-serif; margin: 10px 0; }


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: #4697c4; }

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: #223e4e; }

.thelanguage { padding:10px 10px 10px 10px; margin-bottom:20px; border: 7px solid #efefef; display:inline; }

/*pagination*/
#ps ul { display: inline; margin: 0 18px 0 18px; padding: 0; }
#ps ul li { display: inline; vertical-align:middle; margin: 1px 1px 1px 2px; border: 1px solid #dee7eb; list-style: none; text-align:center; background-color:#f4f4f4; height:1.15em; }
#ps ul li#cur { text-decoration:none; background-color:white; font-weight:bold; }
#ps { margin: 10px 0 10px 0; }
.b {font-weight:bold;}
.pl { text-decoration:none; }
a.pl { color:#4697c4; }
a.pl:visited { color:#4697c4; }
a.pl:hover { background-color:#244253; color:#ffffff !important; }
.disabled { color:#666; }

a,div,form,h1,h2,h3,h4,h5,h6,input,ol,option,p,select,table,td,th,ul,{font-family:Arial,sans-serif;font-size:small;}

a.L8 {color:#4697c4;}
a.L8:visited {color:#4697c4;}