/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 12px Arial, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
	margin-top:10px;
	height:100%;	
	background: #cfc9b1 url('../images/background.jpg');
	background-repeat:repeat-x;
	
	   	
}

.content { 
	margin: 0 auto;	
	height:auto;
	width:88%;
}


select {
	background-color:#FFFFFF; color:#666666; 
	height:27px; padding:2px; 
	font:normal 14px/20px Arial, Helvetica, sans-serif;	
	border: 1px solid #CCCCCC;
}

a {
	color: #185DA0;
	background: inherit;
}

a:hover {
	color: #9EC068;

}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
}
.title {
	height: 40px;
	margin-bottom:40px;
	font-size: 35px;
	line-height:30px;
}
.list {
	margin-left: 20px;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background: url(../images/img07.gif) no-repeat left center;
}

h2 { 
	margin: 0; 
	padding: 0; 
	font: bold 1.7em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h2 { 
	font-size: 16px;
	margin-bottom: 5px; 
	color: #000; 
	background: inherit;
}

p {	
	margin: 0 0 5px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

/* layout
   ------ */


.bar { 
	clear: both;
	font-size: 12px;	 
	margin: 0 0 0 0px; 
    float:right;
}

	.bar li { 
		margin: 0; 
		padding: 4px 10px 8px 10px;
		background: inherit;
		float: left; 
	}
	
	.bar li.active { 
		background: transparent url(../images/bar.gif) no-repeat center bottom; 
		color: #fff;
		font-size:16px;
		font-weight: bold; 
		padding-bottom: 8px;		
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

	
/* right side
   ---------- */
		
.right {
	float: left;
	width: 34%;
	margin-left:2%;
	margin-top:20px;	
}

		
.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background-color:transparent;
	padding: 10px 0 10px 0;
	border-top: 1px solid #eee;
}

.footer a {
	color: #fff;
	background-color: transparent;
}


/* Rounded Corner Div */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#9EC068; margin:0 5px;}
.b2 {height:1px; background:#FFFFFF; border-right:2px solid #9EC068; border-left:2px solid #9EC068; margin:0 3px;}
.b3 {height:1px; background:#FFFFFF; border-right:1px solid #9EC068; border-left:1px solid #9EC068; margin:0 2px;}
.b4 {height:2px; background:#FFFFFF; border-right:1px solid #9EC068; border-left:1px solid #9EC068; margin:0 1px;}
.contentb {background: #FFFFFF; border-right:1px solid #9EC068; border-left:1px solid #9EC068;height:auto;padding-bottom:20px;}
.contentb p {margin-left:10px;margin-top:10px;}
/* Rounded Corner Div Ends */


div.MessageUnread{
	border-bottom: #d1d1d1 1px solid;
	height: 25px;
	font-weight:bold;
	padding-top: 5px;
	cursor:pointer;
	width:100%;
}

div.MessgeRead{
	border-bottom:#d1d1d1 1px solid;
	background-color: #f9f9f9;
	height: 25px;
	padding-top: 5px;
	cursor:pointer;
	width:100%;
}

a.select {
	background-color: #e5e5e5;
	padding:5px 5px 15px 5px;
	border: #e5e5e5 1px solid;
}



.header { 
	height: auto; 
}

.maincontent{
	
	width:99%;
	text-align:center;
	padding: 0.5% 0.5% 0.5% 0.5%;
	height:auto;
}

.maincontent_body{
	width:100%;
	margin:0 auto;
	text-align:left;
	height:auto;
}

.ad {
	margin-bottom:50px;
	padding: 0px 20px 4px 20px;
	background-color:#f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	height:15px;
}


.container{	
	/*border: 1px dotted #CCCCCC;*/
	margin:2% 2% 0% 2%;
	padding: 0px 0px 0px 0px;
}

.container h1{
	background-color:#666666;
	color:#FFFFFF;
	height: 15px;
	padding:5px 1% 5px 1%;
	font-size: 12px;
	width:98%;
}

.container h2{
	background-color:#e5e5e5;
	height: 15px;
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:0px 0px 0px 0px;
	width:98%;
	padding:5px 1% 5px 1%;
}


.top_info {
	float: right;
	width: 570px;
	padding: 0 0 4px 0;
        margin-top:30px;
}


.left {
	float: left;
	width: 60%;	
}


div.news1{
	width: 100%;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
}

div.news1 h1{
	color:#FFFFFF;
	background-color:#FF9933;
	padding:5px 1% 5px 1%;
	margin-bottom:10px;

}

div.news2{
	width: 100%;
	background-color:#F8F8F8;
	border-style:solid; border-width:1px; border-color:#F0F0F0;
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;	
	color: #185DA0;
}

.menu{
height:38px;margin-left:20px;

}
ul.navmenu {float: left; list-style: none; margin: 0; padding: 0; position: relative;}
ul.navmenu li {float: left; margin: 0; padding: 0; background: #fff; border: 1px solid #9EC068; border-left: none;}
ul.navmenu li a {display: block; margin: 2px; padding: 8px; color: #06365a;}
ul.navmenu li a:visited {display: block; margin: 2px; padding: 8px;}
ul.navmenu li a:hover, a:active {text-decoration: none; background: #06365a url(../images/arrow.gif) no-repeat 50% 100%; color: #fff;}
ul.navmenu a.selected {text-decoration: underline; background: #06365a url(../images/arrow.gif) no-repeat 50% 100%; color: #fff;}
ul.navmenu li.first {border-left: 1px solid #9EC068;}


.event{
   width:100%;
   text-align:center;
   background-color:#FFFFFF;
   padding-bottom:4px;
   padding-top:4px;
   cursor:pointer;
}

.event_inside{
	width:98%;
	margin:0 auto;
	text-align:left;
}

.event h1{
background-color:#FFFFFF;margin:0 0 10px 10px;padding:0;font-size:20px;color: #185DA0;}

.event h2{
background-color:#FFFFFF;margin-left:10px;padding:0;color:#d1d1d1;padding-bottom:2px;
}

/* Reply form from inbox */
div.reply {	
	height:auto;
	width:100%;
	display:block;
}
div.reply form.reply_form {
	border: 1px dotted #CCCCCC; 
	height:300px;
	width:100%;
}
div.reply form.reply_form input{
	background:url(../images/submit_bg.gif) no-repeat 55px 0; color:#000000; border:none;
	width:70px; height:13px; float:right; margin:5px 0px 0 0px; padding:0 5px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;
}
div.reply form.reply_form label{
	color:#666666; padding-left:5px;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;
	text-align:right;
	width: 300px;
}
div.reply form.reply_form p{
	color:#666666;  margin:6px 0 0 0;
	padding: 0px 0px 0px 0px;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	width:500px;
}
div.reply form.reply_form textarea{
	background-color:#EFEBDE; color:#666666; border:#C3BCA4 1px solid;
	 padding:2px; float:left;
	font:normal 14px/20px Arial, Helvetica, sans-serif;	
	margin-left: 5px;
	width:500px;
}
div.reply form.reply_form input.submit{	
	width: 50px; 
	background:url(../images/submit_bg.gif) no-repeat 40px 0; color:#000000; border:none;
 	height:13px; margin:7px 0 0 0; padding:0 70px 0 0; cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;
}
/* Reply form end */


#write{
	margin:0 auto;
	width:100%;
	height:320px;
	padding: 0px 0px 0px 0px;
	
}
#write form.writeform{	
	color:#000000; 
	width:50%; 
	padding:0px 0px 0px 0px; 
	margin: 0 auto;
	font:bold 10px/28px Arial, Helvetica, sans-serif; 
	margin: 0 auto;	
	
	height:300px;
}
#write form.writeform p{
	color:#666666; float:right; margin:1% 0 0 0;
	padding: 0px 0px 0px 0px;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	width:100%;
}
#write form.writeform label{
	color:#666666; float:left;
	font:bold 10px/28px Arial, Helvetica, sans-serif; text-transform:uppercase;
	text-align:right;
	width: 10%;
}
#write form.writeform p span{
	color:#666666; float:left;
	font:bold 12px/28px Arial, Helvetica, sans-serif; 
	width: 80%;
	margin-left:2%;
}

#write form.writeform input{
	background-color:#EFEBDE; color:#666666; border:#C3BCA4 1px solid;
	height:22px; padding:2px; 
	font:normal 14px/20px Arial, Helvetica, sans-serif;	
	margin-left: 2%;
	width: 80%;
}
#write form.writeform textarea{
	background-color:#EFEBDE; color:#666666; border:#C3BCA4 1px solid;
	 padding:2px; float:left;
	font:normal 14px/20px Arial, Helvetica, sans-serif;	
	margin-left: 2%;
	width:80%;	
}
#write form.writeform input.submit{	
	float:right;
	text-align:left;
	width: 17%; 
	background:url(../images/submit_bg.gif) no-repeat 60% 0; color:#000000; border:none;
	margin-right:10px;
 	height:13px; 
	cursor:pointer;
	font:normal 10px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;
}


form.login{
	float:right;	
	padding:2px;
	margin: 0;
	color:#000000; 
	font:bold 10px/28px Arial, Helvetica, sans-serif; 
	margin: 0 auto;
	border-top:#C3BCA4 1px solid;
	border-bottom:#C3BCA4 1px solid;
	
}

form.login label{
	color:#666666;margin-right:5px;margin-left:5px;
	font:bold 10px/28px Arial, Helvetica, sans-serif;
	text-align:left;	
}
form.login input{
	background-color:#EFEBDE; color:#666666; border:#C3BCA4 1px solid;
	height:18px; padding:1px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	width:100px; 
}
form.login p{
	color:#666666; float:left;
	font:normal 13px/15px Arial, Helvetica, sans-serif;
	width:100%;
}
form.login input.submit{	
	background:url(../images/submit_bg.gif) no-repeat 100% 4px; color:#000000; border:none;cursor:pointer;width:42px;
	font:normal 8px/13px Arial, Helvetica, sans-serif; text-transform:uppercase;margin-right:4px;	
}


}