body {
	/*margin: 20px 0;*/
	background-image: url('../images/bg.png');
}

body, th, td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1, h2 {
	margin-top: 1.5em;
	color: #626456;
}

h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	color: white;
}

p, ul {
	margin-top: 1.5em;
	line-height: 1.8em;
	font-size: 1.1em;
}

a {
	text-decoration: none;
	color: #3C7BCF;
}

a:hover {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: white;
}

hr {
	display: none;
}
.wrapper{
	width:90%;
	margin: 0 auto;
}
#header {
	width: 100%;
	height: 35px;
	margin: 0 auto;
	background-color:transparent;
	background-image:url(../images/transbg.png);
	padding: 6px 0px;
}

#menu {
	float: left;
}

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

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 35px;
	padding: 10px 20px 0 20px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
}

#menu a:hover {
	background:  #ffffff;
	color: #2C2E22;
}

#menu .current_page_item a {
	background:  #ffffff;
	color: #2C2E22;
}

/* Logo */

#logo {
	width: 99.1%;
	height: 200px;
	margin: 0 auto;
	background: url(../images/logo.jpg) no-repeat left top;
	height: 157px;
	border: 5px solid #ffffff;
}

#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0;
}

#logo h1 {
	padding: 10px 5px 0 20px;
	color: #2C2E22;
	font-family: Mandala;
}

#logo h2 {
	padding: 45px 0 0 0;
	font-style: italic;
}

#logo p {
	clear: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}

.clr{clear:both;}

/* Page */

#page {
	width: 99.1%;
	margin: 0 auto;
	padding: 20px 0px 0 0px;
	background: #FFFFFF;
	border: 5px solid #ffffff;
	border-top: none;
}

/* Content */

#content {
	float: left;
	width: 76%;
	padding: 0;
}

/* Start of CSS for title bar */
.news .title-left {
	background: url(../images/largebar-left.gif) no-repeat left top;
	height: 50px;
	float:left;
	width:.5%;
}
.news .title {
	margin: 0; 
	font-weight: normal;
    color: white;
	background: url(../images/largebar.gif) repeat-x left top;
	padding: 10px 0  0 2%;
    height: 50px;
	font-size: 2.0em;
	width:97.1%;
	float:left;
}
.news .title-right {
	background: url(../images/largebar-right.gif) no-repeat left top;
	height: 50px;
	float:left;
	width:.4%;
}
/* End of CSS for title bar */

.news .entry {
	padding: 0 1% 30px; 
}

.news .meta {
	margin: 0;
	padding: 5px 0px 0px 15px;
	background: url(../images/line.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

.news .meta a {
	color: #000;
}

.news .meta a:hover {
	color: gray;
}

/* Right navigation */

#right {
	width: 23%;
	padding: 0px .2%;
	float:right;
}

/* Start of CSS for title bar */
#right h2.title-left {
	background: url(../images/largebar-left.gif) no-repeat left top;
	height: 50px;
	float:left;
	margin:0;
	padding:1%;
	width:.2%;
}

#right h2 {
	margin: 0 0 1em 0;
	background: url(../images/largebar.gif) repeat-x left top;
	float:left;
	padding: 15px 0  0 5%;
	margin:0;
	height: 50px;
	width:92%;
	cursor:pointer;
}
#right h2.title-right {
	background: url(../images/largebar-right.gif) no-repeat left top;
	height: 50px;
	float:left;
	margin:0;
	padding:.3%;
	width:.2%;
}
/* End of CSS for title bar */

#right a {
	border: none;
	padding-left: 10px;
}

#right a:hover {
	border: none;
	padding-left: 10px;
}

/* Footer Please leave the copyright/credits, thank you! */

#footer {
	text-align: center;
	font-size: 12px;
        color: white;
}


#footer a {
	text-align: center;
	font-size: 12px;
        color: cyan;
}

@font-face {
        font-family: "Mandala";
		src:url(../images/Mandala.ttf);
}

/* Admin Login div css */
#admin{
	
}
.admin-main{
	width:100%;
	margin:10px 0;
}
.admin-level{
	width:100%;
	height:30px;
}
.admin-level-left{
	float:left;
	width:30%;
	margin-left:2%;
}
.admin-level-right{
	float:left;
	width:65%;
	margin-left:2%;
}
#admin input[type=text], #user input[type=text] { width:90%; float:right;}
#admin input[type=password], #user input[type=password] { width:90%; float:right;}
#admin input[type=submit], #user input[type=submit] { float:right; width:60%;}

#forgotPass input[type=email] { width:90%; float:right;}
#forgotPass input[type=submit] { float:right;}

.loginBtn{
	background:url(../images/buttonAdmin.png) no-repeat;
	border:none;
	width:92px;
	height:29px;
	cursor:pointer;
}
.forgotBtn{
	background:url(../images/gotPassword.png) no-repeat;
	border:none;
	width:140px;
	height:29px;
	cursor:pointer;
}
#msg{
	color:#000000;
	size:10;
	background-color:#EBF8A4;
	height:auto;
	padding:4px 0 4px 0;
	font-size:12px;
	text-align:center;
	border:1px solid #666;
}

#clickAdmin, #anonymousLogin, #clickForgot {
	width:100%;
	margin:0;
	padding:0;
}
#clickForgot{
	display:none;
}
#adminForgotDiv{
	display:none;
}
.halfDivLeft, .halfDivRight{
	width:47.8%;
	float:left;
	/*border:1px solid blue;*/
	padding:1%;
}
.halfDivLeft{
}
.halfDivRight{
	border-left:1px solid #CCC;
}
.contactTitle{
	font-size:20px;
}
.contactHeading{
	font-size:14px;
	font-weight:bold;
	width:30%;
	min-height:20px;
	padding:1%;
	float:left;
}
.contactDetail{
	font-size:14px;
	width:65%;
	min-height:20px;
	padding:1%;
	float:left;
}

#contact input[type=text], #contact input[type=email]{
	width:98%;
	float:right;
	height:20px;
}
#contact textarea{
	width:98%;
	float:right;
	overflow:auto;
	resize:none;
}
#contact input[type=submit]{
	background-color: #124D78;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
  background-image: -webkit-linear-gradient(top, #124D78, #013B66);
  background-image: -moz-linear-gradient(top, #124D78, #013B66);
  background-image: -ms-linear-gradient(top, #124D78, #013B66);
  background-image: -o-linear-gradient(top, #124D78, #013B66);
  background-image: linear-gradient(top, #124D78, #013B66);
  border: 2px solid #013B66;
  box-shadow: 0 2px 3px #666666;
  -moz-box-shadow: 0 2px 3px #666666;-webkit-box-shadow: 0 2px 3px #666666;
 /* -webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; */
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  font-size:14px;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: auto;
  max-width:70%;
  padding:5px 3%;
  text-decoration:none;
  float:right;
}
#contact input[type=submit]:hover 
{
    background-color: #124D78;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
    background-image: -webkit-linear-gradient(top, #124D78, #013B66);
    background-image: -moz-linear-gradient(top, #124D78, #013B66);
    background-image: -ms-linear-gradient(top, #124D78, #013B66);
    background-image: -o-linear-gradient(top, #124D78, #013B66);
    background-image: linear-gradient(top, #124D78, #013B66);
    box-shadow: 0 2px 3px #666666;
	-moz-box-shadow: 0 2px 3px #666666;
	-webkit-box-shadow: 0 2px 3px #666666;
	-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;
    cursor: pointer; 
}