body {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	width: 852px;
	margin: auto;
	padding: 0;	
	border: 2px solid #fce0b9;
	border-top: 0;
}
a {
	text-decoration: none;
}
a img {
	border: none;
}
p {
	margin: 0;
	padding: 0;
}
table {
	margin: 0;
	padding: 0;
}
td {
	padding-right: 0.5em;
}
dl {
	margin-left: 2em;
}
dt {
	margin: 5px;
	font-weight: bold;
}
dd {
	margin: 0 20px;
}
#masthead {
	width: 100%;
	background: #fff;
	float: left;
}
#masthead .left {
	float: left;
	margin: auto;
	height: 98px;
	width: 358px;
}
#masthead .right {
	float: right;
	margin: auto;
	height: 98px;
	width: 411px;
}
#topnav {
	float: right;
	margin-right: 2em;
	margin-top: -22px;
	margin-bottom: 0;
}
#main {
	clear: both;
	float: left;
	margin-top: -2px;
	width: 100%;
}
#news {
	padding: 0.2em 0;
	background: url(bg_news.gif);
	text-align: center;
}
#top {
	overflow: auto;
	width: 852px;
}
#top .baraat {
	float: left;
	height: 110px;
	width: 711px;
	margin: -9.2em 76px 0 65px;
}
#sign_up {
	width: 244px;
	height: 305px;
	float: left;
	margin: 0;
	padding: 0.5em 588px 0.5em 20px;
	background: #fbe6c9;
}
#sign_up li {
	margin: 1em 0 0 -1em;
}
#sign_up a{
	color: #000;
}
#sign_up h3 {
	color: #b70404;
}
#login {
	width: 244px;
	height: 305px;
	float: left;
	margin: 0 0 0 -588px;		
	padding: 0.5em 324px 0.5em 20px;
	background: #fff8e9;
}
.errors {
	padding: 0.5em;
	background: #f55;
	width: 17em;
	margin: 0.5em auto;
	text-align: center;
	color: #000;
}
.login {
	margin-left: 50%;
}
.log {
	margin-top: 1em;
	margin-left: 40%;
}
#qsearch {
	width: 303px;
	height: 303px;
	float: left;
	margin: 7px 0 0 -324px;
	padding: 0 0 0.5em 20px;
	background: #fff;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	-moz-border-radius-topleft: 15px;	/* to put rounded corner in Mozilla/Firefox browsers */
	-webkit-border-radius: 15px;		/* to put rounded corner in Safari browsers */
}
.search {
	margin-left: 7em;
}
#content h4 {
	font-size: 14px;
	color: #da7c5a;
	border-bottom: 1px solid #b0a99A;
	padding: 0 0 0.5em 0.5em;
	clear: both;
	margin-left: 1em;
	margin-right: 15em;
}
#content table {
	margin: 1em 1em 1em 2em;
	font-size: small;
	border-collapse: collapse; 
	max-width: 100%;
}
#content td {
	padding: 5px 12px 5px 5px;
	border: 1px solid #000;
}
#content th {
	border: 1px solid #000;
	padding: 5px;
}
#content p {
	margin: 1em 1em 1em 2em;
}
#content a {
	margin: 0 0.5em;
}
#content h3 {
	font-size: 16px;
	color: #ff9300;
	padding: 0.5em 0 0.5em 1.5em;
	margin: 0;
	font-variant: small-caps;
}
#content .pictures {
	width: expression( this.scrollWidth > 151 ? "150px" : "auto" ); /* sets max-width for IE */
	height: expression( this.scrollHeight > 401 ? "400px" : "auto" ); /* sets max-height for IE */
	max-height: 400px;
	max-width: 150px;
	float: left;
	clear: left;
	padding: 1em;
}
#form_table td, #form_table th {
	border: 0px;
	padding-right: 10px;
}
#list td {
	border: 1px solid #000;
	padding: 5px;
}
#list th {
	text-align: center;
	border: 1px solid #000;
	padding: 5px;
}
.submit {
	display: block;
	text-align: center;
}
#mid {
	clear: both;
	width: 852px;
	background: #fff8e9;
	border-top: 2px solid #fce0b9;
	border-bottom: 2px solid #fce0b9;
	overflow: auto;
	padding: 0.5em 0;
}
#mid a {
	color: #000;
}
#mid img {
	border: none;
	float: left;
	margin-right: 12px;
}
#mid p {
	margin-right: 12px;
	padding: 0.75em 0;
	font-size: 10px;
	color: #50493A;
}
#mid h4 {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
}
#success {
	width: 21em;
	height: 8em;
	clear: right;
	float: left;
	margin: 0 0.75em 0 1em;
	border: 3px solid #d77d5b;
	background: #fff;
}
#success h4 {
	background: #d77d5b;
}
#vedic {
	width: 21em;
	height: 8em;
	clear: right;
	float: left;
	margin: 0 0.75em 0 1em;
	border: 3px solid #faa429;
	background: #fff;
}
#vedic h4 {
	background: #faa429;
}
#swayam {
	width: 21em;
	height: 8em;
	float: left;
	margin: 0 0 0 1em;
	border: 3px solid #7dab7a;
	background: #fff;
}
#swayam h4 {
	background: #7dab7a;
}
#bottom {
	overflow: auto;
	width: 852px;
	color: #50493A;
}
#events {
	width: 25%;
	float: left;
	padding-left: 1em;
}
#events h4, #events h4 a {
	font-size: 14px;
	color: #ff9300;
	border-bottom: 1px solid #b0a99A;
	margin: 0 1em 0 0;
	padding: 1em 0 0.5em 0.5em;
}
#events p {
	clear: right;
	margin: 1em;
}
#events .more {
	float: right;
	margin: -1em 2em 0.5em 0;
}
.more a {
	color: #0000ff;
	font-weight: bold;
}
#featured {
	width: 47%;
	float: left;
	margin-top: 1em;
	padding-left: 1em;
	border-right: 1px solid #b0a99A;
	border-left: 1px solid #b0a99A;
}
#featured h4, #featured h4 a {
	font-size: 16px;
	color: #da7c5a;
	border-bottom: 1px solid #b0a99A;
	margin: 0 1em 0 0;
	padding: 1em 0 0.5em 0.5em;
	clear: both;
}
#featured .tophead {
	margin-top: 0;
	padding-top: 0;
}
#featured .left {
	width: 50%;
	float: left;
	padding-top: 1em;
}
#featured .thumbnail {
	width: expression( this.scrollWidth > 71 ? "70px" : "auto" ); /* sets max-width for IE */
	height: expression( this.scrollHeight > 71 ? "70px" : "auto" ); /* sets max-height for IE */
	max-height: 70px;
	max-width: 70px;
	float: left;
	padding-right: 1em;
}
#flash {
	width: 22%;
	float: left;
	margin: 1em 0 0 1em;
}
#footer {
	clear: both;
}
#bottom_links {
	display: block;
	text-align: center;
	padding-top: 1em;
}
#bottom_links ul {
	margin-bottom: 0.5em;
}
#bottom_links li {
	display: inline;
	border-right: 1px solid #000;
	margin: 1em 1em 0 1em;
	padding-right: 2em;
	padding-bottom: 0;
}
#bottom_links li.last {
	border-right: 0;
}
#bottom_links li a {
	color: #000;
}
#copyright {
	display: block;
	text-align: center;
	background: #fee9bb;
	padding: 0.25em;
	color: #bf860a;
}

/* This div will be used for only a few functionalities which have to be displayed without AJAX, e.g. the ones on the index page and uploading the photographs */
#extras {
	padding: 1em;
}
#extras h4 {
	font-size: 12px;
	color: #da7c5a;
	border-bottom: 1px solid #b0a99A;
	padding: 1em 0 0.5em 0.5em;
	clear: both;
	margin-right: 15em;
}
#extras h3 {
	display: block;
	background: #fbe6c9;
	margin: 0;
	padding: 0.5em 1em;
	font-size: 12px;
}
#extras .profile {
	float: left;
	width: 50%;
}
#extras .profile h4, #extras h4 {
	margin-right: 2em;
}
#extras .pictures {
	max-height: 400px;
	max-width: 150px;
	float: left;
	clear: left;
	padding: 1em;
}
*html #extras .pictures {
	width: expression( document.body.clientWidth > 151 ? "150px" : "auto" ); /* sets max-width for IE 6 and lower*/
	height: expression( this.scrollHeight > 401 ? "400px" : "auto" ); /* sets max-height for IE 6 and lower*/
}
.next {
	color: green;
	text-align: center;
	font-size: 14px;
	margin: 2px;
}
.mandatory_field {
	color: red;
	padding: 0 0.25em;
}