* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color:#D4D4D4;
}

h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

li {
  font-size: 1.4em;
}

p {
  font-size: 1.4em;
  margin: 1em 0;
}


h2 {
  margin: 1em 0;
}


h1 {
  margin: 1em 0;
}


#branding {
  height: 75px;
  width: 50%;
  float: left;
  background-color:  white;
   background-image:   url('images/joomlahead.png'); background-repeat: no-repeat ;
  border-bottom: 1px silver solid ;
 
   
}


  

#mainNav {
  list-style: none;
}


#footer {
  background-color:#b0b0b0;
  padding: 1px 2px;
}

/*  table */
#clear {
  clear: both;
}

#left 
{
 float: left ;
 width: 23%; 
  
	
}
#right
{
	float: right; 
	 width: 60%;
}




/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 760px;
}

#wrapper {
  width: 85%;
  margin: 0 auto; 
  text-align: left;
  background: #fff url(images/nav-faux-col.gif) repeat-y 23% 0;
}


#mainNav { 
  width: 23%;
  float: left;
}


#content { 
  width: 76.5%; 
  float: right; 
}

#content ul{


margin-left: 30px;

padding: 5px;

list-style-type:   square  ;

}


#menu3 {
	width: 99%;
	margin: 0px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-size: 1px;
	border-width: 1px;
	}
#menu3 ul {
	
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	
#menu3 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:visited {
	color:   white  ;
	display: block;
	background:  url(images/menu3.gif);
	padding: 8px 0 0 10px;
	}
	
#menu3 li a:link {
	color:   white  ;
	display: block;
	background:  url(images/menu3.gif);
	padding: 8px 0 0 10px;
	}
	
#menu3 li a:hover {
	color:  fuchsia ;
	background:  url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
	
	#tabs10 {
      float:right;
      width:46%;
      font-size:93%;
	  border-bottom:0px solid #2763A5;
      line-height:normal;
      }
    #tabs10 ul {
	  margin:0;
	  padding:48px 10px 0 50px;
	  list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:right;
      background:url(images/tableft4.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url(images/tabright4.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }
	
	

	
table {
  border-collapse: collapse;
  width: 95%;
  border: 1px solid #666;
  font-size: 1em;
  font-family: 宋体;
   
}

caption {
  font-size: 1.2em;
  font-weight: bold;
  margin: 1em 0;
}

col {
  border-right: 1px solid #ccc;
}

col#albumCol {
  border: none;
}

thead {
  background: #ccc url(images/table.gif) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

th {
  font-weight: normal;
  text-align: left;
}

#playlistPosHead {
  text-indent: -1000em;
}

td {
 font-size: 12px;
  padding: 0.5em 1em;
}

th {
 font-size: 12px;
  padding: 0.5em 1em;
}

.odd {
  background-color:#edf5ff;
  font-size: 1em;
}

tr:hover {
  background-color:#3d80df;
  color: #fff;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}
	




#left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 0px 0; 
float: left ;}

#branding1 {
  height: 100px;
  padding-left: 100px;
  background-color: #edf5ff;
 
}

.left_box h1 {
	background:   #e5ecf9;
	 color: #000;
	  font-size: 18pt;
	
	 padding: 0 0;
	 margin: 0 0;
	

	
	 font-size: 16px;
	 
}



form {
	float: left ; 
	width: 99%;
	
}

.forum h3 {
background:    #CACACA ;
	color:        #0000FF ;
	
	 font-size: 16px;

	
}

.image {
	float: left;
	margin: 1em 0;
	
}

.menuimage {
	float: left;
	margin: 1em 0.2em;
}
.contentleft {
	float: right ;
	width: 78%;
}

/*

.buttons { text-align: right; padding: 4px 3px 0 0;}
.left_box buttons { float: right; height: 20px; }
.greenbtn { background:  url(images/greenbtn.gif)   no-repeat  ; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none;  }
.greenbtn:hover { background:  url(images/hoverbtn.gif) no-repeat; color: #fff; }

 */
 
 .greenbtn:link, .greenbtn:visited {
  display: block;
  width: 6em;  /* dimensions needed for IE5.x/Win */
  padding: 0.2em;
  line-height: 1.4;
  background-color: #e5ecf9 ;
  border: 1px solid black;
  color: #000;
  text-decoration: none;
  text-align: center;
}

.greenbtn:hover {
 background-color: #369;
 color: #fff;
}

.buttons p {  float:  right;
 padding-right: 65px;


}

#footer { 
  clear: both; 
  text-align: center ;
   background-color: #E7E7E7;
}

/* add some padding to the contentse in the main nav and secondary content areas */


#secondaryContent * * { 
 padding-left: 0;
 padding-right: 0;
}


#mainNav * * { 
 padding-left: 0;
 padding-right: 0;
}

#mybook
{
	position: absolute; right: -300px;
	
}