body {
	behavior: url("csshover.htc"); 
	margin: 0;
	padding: 0;
	background: url(images/public/img06.jpg) bottom left repeat-x #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	height:100%;
}

h1, h2, h3 {
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #649632;
}

h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }

p, ul, ol {
	margin-top: 0;
	line-height: 240%;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	list-style-image:url(images/public/bulletpoint.jpg);
}

ul, ol { }

blockquote { }

a { color: #000000; }

a:hover { text-decoration: none; }

a img {
	border: none;
}

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}

hr { display: none; }

.list1 {
}

.list1 li {
	float: left;
	line-height: normal;
}

.list1 li img {
	margin: 0 30px 30px 0;
}

.list1 li.alt img {
	margin-right: 0;
}

#wrapper {
	height:100%;
}

/* Header */

#header-wrapper {
	width: 960px;
	margin: 0 auto;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
}

#header {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	background: url(images/public/img02.jpg) no-repeat left top;
}

/* Menu */

#menu {
	float: left;
	width: 960px;
	height: 51px;
}

#menu ul {
	margin: 0;
	padding: 14px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	height:20px;
	margin-right: 0px;
	padding:3px 12px 2px 11px;;
	text-decoration: none;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#menu a:hover { 
	text-decoration: none;
	background:#b02a29;
}

#menu .current_page_item a {
	color: #FFFFFF;
}
li.mainNav {
	position:relative;
}
li.mainNav:hover ul.subNav {
	display:block;
}
li.mainNav ul.subNav {
	display:none;
	position:absolute;
	top:25px;
	left:0px;
	width:120px;
	background:#990100;
	padding-left:0;
	padding-left:0px;
	margin-left:0px;
	z-index:100;
}
li.mainNav ul.subNav li {	
	width:100%;
	padding-left:0px;
	color:#000000;
}
li.mainNav ul.subNav li a {
	display:block;
}
li.mainNav ul.subNav li:hover a {
	color:#000000
}


li.mainNav li.mainNavm {
	position:relative;
}

li.mainNav li.mainNavm:hover ul.subNavm {
	display:block;
}
li.mainNav li.mainNavm ul.subNavm {
	display:none;
	position:absolute;
	top:0px;
	left:270px;
	width:120px;
	background:#990100;
	padding-left:0;
	padding-left:0px;
	margin-left:0px;
}
li.mainNav li.mainNavm ul.subNavm li {	
	width:100%;
	padding-left:0px;
	color:#000000;
}
li.mainNav li.mainNavm ul.subNavm li a {
	display:block;
}
li.mainNav li.mainNavm ul.subNavm li:hover a {
	color:#000000
}


/* Login */

#login-box {
	float:right;
	margin:-260px 0px 20px 0px;
	width:1000px;
	height:130px;
	text-align:right;
	color:#FFF;
	padding-top:20px;
}

#login-box div {
	margin:4px 5px 4px 0px;
	width:270px;
	height:25px;
	
}
#login-box form {
	margin: 12px 0px 0px 0px;
	padding: 0px;
}
.loginInput {
	width:165px;
	height:26px;
	border:none;
	background:none;
	margin:2px 2px 0px 0px;
}
#login-box span {
	width:80px;
	float:left;
	display:block;
	margin:2px 0px 0px 0px;
	text-align:right
}
/* Search */

#search {
	float: right;
	width: 305px;
	height: 76px;
}

#search form {
	float: right;
	margin: 0;
	padding: 30px 20px 0 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search input {
	float: left;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: none;
}

#search-text {
	width: 135px;
	height: 18px;
	padding: 3px 0 0 5px;
	background: #ECF9E4;
	color: #658453;
}

#search-submit {
	height: 21px;
	margin-left: 12px;
	color: #39561D;
}

/* Page */

#page {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
	background: #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
}

/** LOGOS **/

#logo1 {
	height: 172px;
	background: url(images/public/mot1.png) no-repeat center top;
}


#logo2 {
	height: 172px;
	background: url(images/public/mot2.png) no-repeat center top;
}
 
#logo3 {
	height: 172px;
	background: url(images/public/mot3.png) no-repeat center top;
}
  
#logo4 {
	height: 172px;
	background: url(images/public/mot4.png) no-repeat center top;
}

#logo5 {
	height: 172px;
	background: url(images/public/mot5.png) no-repeat center top;
}

#logo6 {
	height: 172px;
	background: url(images/public/mot6.png) no-repeat center top;
}
 
#logo7 {
	height: 172px;
	background: url(images/public/mot7.png) no-repeat center top;
}

#logo8 {
	height: 172px;
	background: url(images/public/mot8.png) no-repeat center top;
}

#logo9 {
	height: 172px;
	background: url(images/public/mot9.png) no-repeat center top;
}

#logo10 {
	height: 172px;
	background: url(images/public/mot10.png) no-repeat center top;
}

#logo11 {
	height: 172px;
	background: url(images/public/mot11.png) no-repeat center top;
}

#logo12 {
	height: 172px;
	background: url(images/public/mot12.png) no-repeat center top;
}



 

#logo h1, #logo p {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
}

#logo h1 { padding-top: 140px; }

#logo h1 a {
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

#logo h1 a:hover { text-decoration: underline; }

#logo p {
	padding: 165px 0 0 15px;
	font: italic 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #B6ACA2;
}

#logo p a {
	text-decoration: none;
	color: #B6ACA2;
}

#logo p a:hover { text-decoration: underline; }

/* Content */

#content {
	float: left;
	width: 640px;
}
.content1{
background-color:#FFFFFF;
}

/* Post */

.post {
	margin-bottom: 25px;
	}
	
.post .title {
	height: 33px;
	margin-bottom: 3px;
	padding: 12px 0px 5px 20px;
	background: url(images/public/img07.jpg) no-repeat left top;
	color: #000000;
}

.post .date {
	float: right;
	margin-top: -60px;
	padding-right: 40px;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

.post .meta {
	margin: -40px  0 3px 25px;
	padding: 2px 30px 2px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color: #B6ACA2;
}

.post .meta a { color: #B6ACA2; }

.post .entry {
	padding: 20px 20px 5px 20px;
}

.content-text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#333333;
}

.post .study {
	padding: 0px 0px 0px 20px;
}
.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 280px;
	
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#sidebar li {
	
	padding: 0 0 20px 0px;
}

#sidebar li ul {
	line-height: 200%;
}

#sidebar li li {
	margin: 0;
	padding: 0 20px;
}



#sidebar h2 {
	height: 33px;
	margin: 0 0 20px 0px;
	padding: 15px 0 2px 20px;
	background: url(images/public/img04.jpg) no-repeat left top;
	font-size: 18px;
	color: #FFFFFF;
}


#sidebar p {
	line-height: 200%;
}



/* Calendar */

#calendar {
}

#calendar caption {
	padding-bottom: 5px;
	font-weight: bold;
}

#calendar table {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #F5F2EF;
}

#calendar thead th {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
	background: #F5F2EF;
}

#calendar tbody td {
	padding: 5px 0;
	text-align: center;
	border-top: 1px solid #F5F2EF;
	border-left: 1px solid #F5F2EF;
}

#calendar tfoot td {
	padding: 5px;
}

#calendar tfoot #next {
	text-align: right;
}

#calendar #today {
	background: #E7F1E1;
}

/* Footer */

#footer {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(images/public/img05.jpg) no-repeat center top;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: normal;
	color: #B5ADA5;
}

#footer a {
	color: #B5ADA5;
}
.news {
	position		: relative;
	margin			: 15px 0px 0px 0px;
	font-family		: Arial, Helvetica, sans-serif;
	text-align		: justify;
	height			: 60px;
	font-size       : 12px;
}
.newsDate {
	float			: left;
	width			: 60px;
	height			: 55px;
	line-height		: 18px;
	background		: url('images/public/date_bg.jpg') top left no-repeat;
	color			: #FFF;
	font-size		: 24px;
	text-align		: center;
	padding			: 8px 0px 0px 0px;
	margin			: 0px 5px 0px 0px;
	font-weight		: bold;
	
}
.newsDateSmall {
	font-size		: 14px;
	
}
.newsText b {
	color			: #000;
}

.studyenter{
width:930px;
background:#FFFFFF;
text-align:center;
margin-left:25px
}






/* for the link of enter study room */


.studybuttonmenu{ 

overflow: hidden; 
padding: 10px 0;

}

* html .studybuttonmenu{ /*IE6 and below hack. Set explicit strip width*/

}

.studybuttonmenu a.study{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: block;
float: left;
font: bold 12px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 18px; /*spacing between buttons*/
margin-bottom:5px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.8;
-moz-opacity: 0.8;
width:160px;
text-align:center;
}

.studybuttonmenu a.study:link, .studybuttonmenu a.study:visited, .studybuttonmenu a:active{
color: white; /*button text color*/
}

.studybuttonmenu a.study span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.studybuttonmenu a.study:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.studybuttonmenu a.study:hover span{ /* Hover state CSS (for text) */
color:#FFFFFF;
}

.black a.study{
background-image: url('images/aeroleftblack.gif');
}

.black a.study span{
background-image: url('images/aerorightblack.gif');
}

.studybuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.studybuttonmenu .rightsection a{
color:#FFFFFF;
}
.games_links{color:#333333}
a.games_links{color:#333333}
a.games_links.hover{color:#333333}
a.games_links.visited{color:#333333}
a.games_links.link{color:#333333}


.right-image01 {
	height:145px; width:271px; background-position:right;
}

.right-image02 {
	height:145px; width:271px; background-position:right;
}

.right-image03 {
	height:135px; width:271px; background-position:right;
}
#pageid{
	padding-top:7px;}
.content2
{
	width:1003px;
	height:600px;
	background-color:#000000;
	
		
	}
	.hr{
		border-bottom:1px solid #000;
		padding-top:10px;}

#header-wrapper1 {
	width: 960px;
	margin: 0 auto;
	border-left: 30px solid #FFFFFF;
	border-right: 30px solid #FFFFFF;
	border-top: 10px solid #FFFFFF;
}

#header1 {
	width: 960px;
	height: 50px;
	margin: 0 auto;
	background: url(images/public/img02.jpg) no-repeat left top;
}
#footer1 {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(images/public/img05.jpg) no-repeat center top;
	border-left: 30px solid #FFFFFF;
	border-right: 30px solid #FFFFFF;
}

#footer1 p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	line-height: normal;
	color: #B5ADA5;
}

#footer1 a {
	color: #B5ADA5;
}