/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

#googlebox{
	width: 480px;
	overflow: none;
}

#googleboxlinks{
	float: left;
	width: 240px;
}

#googleboxrechts {
	padding-left: 50px;
}

#googlecontent {
	padding-top: 5px;
	padding-left: 5px;
}

#navigation ul {
	list-style-type: none;
	padding: 10px;
}

.menu0 a{
	text-decoration: none;
	color: #FFFFFF;
	line-height: 20px;
	width: 110px;
	height: 20px;
	display: block;
	border-bottom: 1px solid #FFFFFF;
}

.menu1 a{
	margin-left: 120px;
	text-decoration: none;
	color: #FFFFFF;
	border-bottom: none;
}
			
#navigation {
	float: left;
	/*border-right: 1px solid #aaaaaa;*/
	width: 14em;
}


* { padding: 0; margin: 0; }

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #540707;
}
#wrapper { 
 margin: 0 auto;
 width: 760px;
}
#faux {
	background: url(/templates/easyou/hg_faux.gif);
	margin: 0px 0px 0px 0px;
	overflow: none; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	padding: 0px;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	border-top: none;
}

#background {
	background: url(/templates/easyou/hg_faux.gif);
	margin: 0px 0px 0px 0px;
	overflow: none; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	padding: 0px;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	border-top: none;
}

#logo {
	color: #333;
	width: 760px;
	padding: 0px;
	height: 120px;
	margin: 0px 0px 0px 0px;
	background: #540707;
	text-align: right;
}

#logo img {
	border: none;
}

#logo a {
	border: none;
}

#header {
	color: #333;
	width: 761px;
	padding: 0px;
	height: 252px;
	margin: 0px 0px 0px 0px;
	background: #540707;
	border: 1px solid #FFFFFF;
	border-bottom: none;
	border-left: none;
}

#header  img{
	border-left: 1px solid #FFFFFF;
}

#topnavigation {
width: 760px;
 color: #333;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: #454545;
 border: 1px solid #FFFFFF;
 height: 15px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 260px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 500px;
 display: inline;
 position: relative;
}

#content {
	width: 480px;
	padding: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content a {
	color: #540707;
}

#content td a {
	color: #540707;
	text-decoration: none;
}

#content h1 {
	font-size: 18px;
	color: #540707;
	padding-bottom: 10px;
}

#content h2 {
	font-size: 12px;
	color: #540707;
	padding-bottom: 12px;
	padding-top: 12px;
}

#content h4{
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 12px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 15px;
	border-bottom: 1px solid #222222;
}

#content h6 {
	font-size: 12px;
	padding-bottom: 10px;
}

#content p {
	padding-bottom: 10px;
}

/*
#content ul {
	padding-left: 25px;
	padding-bottom: 15px;
}
*/

#content ul{
	padding-left: 15px;
	padding-bottom: 5px;
}

#content ol{
	padding-left: 20px;
	padding-bottom: 20px;
}

.listing{
list-style-type: none;
list-style-position:outside;
margin-left: -15px;
display: block;
}

#content  .listing a {
/*color: #5F9503;*/
color: #550707;
font-weight: bold;
}

#content  .listing li {
padding-top: 10px;
}

#contenttable {
	padding-bottom: 15px;
}

#contenttable table {
	border: solid 1px #000000;
	border-spacing:5px;
	border-collapse:collapse;
	padding-bottom: 15px;
}

#contenttable tr {
	border: solid 1px #000000;
	border-spacing: 0px
	padding: 0px;
}

#contenttable td {
	border: solid 1px #000000;
	/*border-spacing:5pt;*/
	padding: 10px;
}

#contenttable th {
	border: solid 1px #000000;
	/*border-spacing:5pt;*/
	padding: 10px;
}

.descending {
	text-align: left;
}

.nodescending {
	text-align: left;
}

.voc {
	font-size:186%;
	/*background-color:#ddd;*/
	color:black;
	padding:0 2 0 2;
}

.col60 {
	width: 60px;
	font-weight: bold;
}

.col80 {
	width: 80px;
	font-weight: bold;
}

.colbold {
	font-weight: bold;
}

#content pre {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 10px;
}

#content a[href^="http:"] {
	background: transparent
	url(aoutside.gif) 100% 50% no-repeat;
	padding-right: 12px;
}

#Pinyin2Unicode {
	width: 470px;
	height: 250px;
	border: solid 1px #000000;
}

#Pinyin2UnicodeSubmit {
	border: solid 1px #000000;
}

#Day2Chinese {
	width: 40px;
	border: solid 1px #000000;
}

#Month2Chinese {
	width: 40px;
	border: solid 1px #000000;
}

#Year2Chinese {
	width: 60px;
	border: solid 1px #000000;
}


#footer { 
 width: 760px;
 clear: both;
 color: #333;
 background: #454545;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 border-bottom: 1px solid #FFFFFF;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 /*height: 20px;*/
}

#footercontent {
	padding: 3px;
	font-size: 10px;
	color: #000000;
	text-align: right;
}

#footercontent a{
	color: #000000;
	text-decoration: none;
}

#footercontent a[href^="http:"] {
	background: transparent
	url(aoutsidefooter.gif) 100% 50% no-repeat;
	padding-right: 12px;
}
.clear { clear: both; background: none; }