/*  Main CSS file for kalanjiam 2006, All rights reserved.

    The Styles category present in this css....
	 1. Body, Layout styles
	 2. HTML Tags
	 3. Menu Styles
	 4. Content Styles                 
	 5. Form Styles                   */

	 
/*  1. Body, Layout styles  */

body {
	font: normal 12px;
	margin: 0 auto;
}
#pge {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
}
#pageheader {
	background: white;
	padding: 0px 15px 5px 15px;
	width: 730px;
}
#topmenu {
	background: url(images/top-menu-bg.jpg) repeat-x;
	text-align: right;
	margin-left: 230px;
}
#content {
	/*position:absolute;
	top: 370px;*/
}

#pg-cont {
	float: left;
	width: 600px;
	overflow: hidden;
}

/*  2. HTML Tags  */

a {
	color: #5F7DA0;
	text-decoration: underline;
}
a:hover {
	background-color: Yellow;
	color: #191970;
}
p {
	line-height: 150%;
	padding: 0px 15px 15px 15px;
}
h1 {
	color: Silver; text-align: right;
	height: auto;
	letter-spacing: 2px;
	font: small-caps lighter 16px Arial, Helvetica, sans-serif;
}
h2 {
	color: Teal;
	font-size: 14px;
	height: auto;
	margin: 0px 0px 0px 0px;
}
hr {
	height: 1px;
	color: #C4C7D8;
	border: none;
	background-color: #C4C7D8;
}

/*  3. Menu Styles  */

#menubox {
	border: 1px solid #C4C7D8;
	background-color: #EFF3FA;
	width: 135px;
	padding: 5px;
	line-height: 190%;
	font-size: 10px;
	text-align: left;
}
#menubox a, .mnus a {
	text-decoration: none;
	background: url(images/book.gif) no-repeat;
}
#menuhead {
	background-color: #EADF77;
	padding: 5px 5px 5px 5px;
	text-align: center;
}
#menu {
	font-family: normal, 18px;
	line-height: 160%;
	padding: 5px 5px 5px 5px;
}
#menu a {
	font-family: normal, 21px;
	line-height: 130%;
}
#botmenu {
	position: absolute;
	
}
.homebox { 
	display: block; width: 137px;  float: left; 
	margin: 5px 0px 5px 5px; 
	font-size: 10px; line-height: 150%; text-decoration: none 
}
#botbox {
	background-color: #FFFFCC;
	height: 160px;
	width: 760px;
	z-index: 8;
}
#botbox a { 
	display: block; height: 25px; width: 110px;  float: left; 
	font-size: 10px; text-decoration: underline;
	padding: 5px 0px 0px 5px; margin: 1px 1px 1px 1px;
}


/*  4. Content Styles  */

#container {
	background:#FDEBE2;
	width:500px;
	height: 240px;
	border: 1px solid #5F7DA0;
}
#pick {
	background:#FEEEF9;
	width:240px; height: 240px;
	font-family: normal, 11px, Arial, Helvetica, sans-serif;
	border: 1px solid #5F7DA0;
	float: right;
	padding: 0px 5px 0px 5px;
}
#box {
	border: 1px solid #5F7DA0;
	width: 758px; background:#FDEBE2;
}
#girl {
	background:#FDEBE2;
	height: 240px;
	margin: 0px 0px 0px 0px;
}
#boy {
	background: #FFEFFF;
	height: 240px;width:378px; 
	border-left: 1px solid #5F7DA0;
	float: right;
	margin: 0px 0px 0px 0px;
}
#spl {
	background: #B6CACB url(images/new.jpg) no-repeat;
	height: 221px;
	position: relative;
	padding: 0px 0px 0px 115px;
   line-height: 130%;
	z-index: 2;
}
.tamil { font-size: 14px; line-height: 130% }
a.vazhi { font-size: 12px; }
.main { font-size: 12px; line-height: 130% }
.small { font-size: 10px; line-height: 150%; text-decoration: none }
.snip { font-family: verdana,arial; font-size: 10px; }
.engi { font-family:Arial,Helvetica,Sans-Serif; font-size:12px; }
.buttons { font-family:Arial,Helvetica,Sans-Serif; font-size:12px; background-color:#FF8080; font-weight:bold; color:white; text-decoration:none; }

#search {
	background-color: #DFE0BF;
	padding: 5px 5px 5px 5px;
   border: 1px solid #5F7DA0;
	margin: 0px 0px 0px 0px;
}
#head {
	background-color: #FDC8AE;
	height: 30px;
	padding: 3px 0px 0px 0px;
	border: 1px solid #5F7DA0;
	margin: 0px 0px 0px 0px;
}
#subject {
	display: block; min-height: 2.5em; 
	width: 100%; float: none;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 0px;
}
.pne {
	padding: 3px 3px 3px 3px;
	border: 1px solid #C0C199;
	color: Silver;
	width: 100%;
}
#babybox {
	z-index: 3;
	padding: 5px 3px 5px 3px;
	background-color: #FFC3C3;
	border-right: 2px double #DEDFCA;
}
#dotline {
	border-bottom: 2px dotted #C4C7D8;
}
.herbs {
	height: 70px;
}
.herbs a {
	display: block;
	float: left;
	width: 150px;
	color: #5F7DA0;
	text-decoration: underline;
}
.herbs a:hover {
	background-color: Yellow;
	color: #191970;
}

#bookbox {
	border-bottom: 2px dotted #C4C7D8;
	margin-right:150px;
	width: 440px;
	margin-left: 150px;
}

#rtcol {
	width: 150px;
	float: right;
	overflow: hidden;
	color: #778899;
	font: 12px/150% Arial, Helvetica, sans-serif;
}
#rtbox {
	border: 1px solid #C4C7D8;
	background-color: #E6F2E7;
	text-align: center;
	padding: 10px 10px 10px 10px;
}

#foot {
	color: silver;
	font-family: normal, 10px, Arial, Helvetica, sans-serif;
	background-color: #DEDFCA;
	text-align: center;
	padding: 0px 15px 5px 15px;
	width: 730px;
	clear: both;
}
#footer {
	clear: both;
	background-color: #fff;
	width: 750px;
	padding: 0 0 1ex 0;
}

/*  5. Form Styles  */

form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
input {
	border: 1px solid #74605F;
	background-color: #F9F9F9;
	color: #777;
	font-size: 9px;
}

.but {
	border: 1px solid #74605F;
	background-color: #eee;
	color: #333;
	font-size: 9px;
	font-weight: bold;
	height: auto;
}
select, textarea {
	border: 1px solid #74605F;
	background-color: #F9F9F9;
	color: #777;
	font-size: 10px;
}
.lbl { display: block; width: 150px; float: left; }