/* Design by STUDIO7DESIGNS.com
Company:	Nautica X - Opensourcetemplates.org
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - they make sure that all browsers start with the same default settings
HTML, Body - for the html and body tags
Layout - any style that defines how the site is laid out (position and size of objects)
Nav - navigation bar
Headings - headings like h1, h2, etc
Text Styles - Styles for text
Lists - unordered and ordered lists
Forms - html forms
Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group Global Browser Reset */

/* The asterisk character is a valid wild card in CSS. Use of it alone means the following CSS properties will be used against all element nodes in the DOM. 
Thereby defeating the natural cascading in CSS. It can only be overridden by specifically targeting DOM elements where that targeting begins a unique 
identifier reference. 
*/
 
* {

padding:0; /*The CSS padding properties define the space between the element border and the element content. */

margin:0; /*The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent.*/

}
/*
textarea.suvichar
            {
                position: absolute;
                top: 520px;
                left: 410px;
            }*/
			img.audio
			            {
                position: absolute;
                top: 587px;
                /*left: 200px;*/
            }
			

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:20px 0; } /* All these selectors will have top and bottom margin 20 and left and right margin as 0 */

li, dd, blockquote { margin-left: 40px; }  /* All these selectors will have all amrgins =40 */

fieldset { padding:10px; } /* field set is used to group form elements. It draws a box around these to indicate that they belong to a group. all padding = 10 */

img { border: 0px; } /* Border property allows you to specify what kind of border to display around a element. Can also specify width and color. All image elements will hv border width=0 i.e., no border*/
/* @end */

/* @group HTML, Body */
body {
	text-align: center;
	font-size: 1em; /* To avoid resizing problems with older versions of IE, em size unit is selected. 1em=16px*/
	font-family: Verdana, sans-serif;
	color:DarkBlue ;
}
/* @end */

/* @group Layout */
/* The element with id=outer-wrapper will have background image=body-bkg. It will be repeated vertically. Its position is top and center. This is the grey image composing of side bar*/
div#outer-wrapper {
	background: url(../images/body-bkg.gif) repeat-y top center;
	
	
}
div#inner-wrapper {
	background: url(../images/header-bkg.gif) repeat-x;
	
}
div#content-wrapper {

	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	
}
div#logo {
	background: url(../images/logo-box-bkg.gif) no-repeat;
	width: 194px;
	height: 225px;
	margin-top: 4px;
	margin-left: 13px;
	text-align: center;
}
div#logo img {
	margin-top: 0px;
}
div#sidebar {
	float: left;
	width: 210px;
	display: inline;
	
}
div#content {
	float: right;
	width: 730px;
	margin-right: 30px;
	display: inline;
	
}
div#content-inner {
	margin-top: 20px;
	padding: 1px 0;
	background: url(../images/leaf-watermark.gif) no-repeat bottom right;
	
	height:525px;
	overflow:auto;	
}

div#content-inner-index{
	margin-top: 20px;
	padding: 1px 0;
	background: url(../images/leaf-watermark.gif) no-repeat bottom right;
	overflow:hidden;
	height:550px;
}

div.content-left {
	padding: 4px;
	width: 182px;
	background-color: #d7d7d7;
	float: left;
	display: inline;
	
}
div.content-left-image{
	padding: 4px;
	width: 180px;
	background-color: #d7d7d7;
	float: right;
	display: inline;
	margin-right: 20px;
	
}
div.content-left-image img {
	border: 1px solid #fff;
	
}
div.content-left-image p {
	background-color: #808080;/*#dc3409;*/
	margin: 4px 0 0 0 !important;
	
	color:DarkBlue ;
	text-align: center;
	font-family: "Times New Roman", serif;
	padding: 2px;
	font-size: 1.2em;
	border: 1px solid #fff;
}
div.content-left-image p span {
	font-size: .8em;
}

div.content-left img {
	border: 1px solid #fff;
}
div.content-left p {
	background-color: #808080;
	margin: 4px 0 0 0 !important;
	
	color:DarkBlue ;
	text-align: center;
	font-family: "Times New Roman", serif;
	padding: 2px;
	font-size: 1.2em;
	border: 1px solid #fff;
}
div.content-left p span {
	font-size: .8em;
}
div.content-right {
	float: left;
	margin-left: 20px;
	width: 484px;
	display: inline;
}

div.content-right-maintext {
	float: left;
	margin-left: 5px;
	width: 233px;
	display: inline;
	text-align:justify;
	margin-top:85px;
	margin-right: 0px;
	margin-left: 9px;
	font-style:italic;
}

div.content-full {
	clear: both;
	padding-top: 15px;
	margin-right:20px;
}
p.end-story-links {
	border-bottom: 4px solid #d1b9b3;
	margin-bottom: 15px !important;
	font-size: .8em;
}
div#footer {
	clear: both;
	border-top: 1px solid #5e534f;
	background-color:LightBlue ;
	padding: 1px;
	text-align:center;
}

img.content-img {
	float: left;
	border: 2px solid #ccc;
	margin: 0 10px 10px 0;
}

.indexlinksEnglish{
	position:fixed;
	left:470px;
	top:10px;
	font-size: 1.2em;
	font-family: "Times New Roman", serif;
	
	color:DarkBlue ;
	text-decoration: none;

}
.indexlinksMarathi{
	position:fixed;
	left:680px;
	top:9px;
	font-size: 1.2em;
	font-family: "Times New Roman", serif;
	
	text-decoration: none;

}

}
/* @end */

/* @group Nav */
ul#nav {
	margin: 0 0 20px 0;
	
	height: 40px;
	line-height: 45px;
	font-size: 1.2em;
	font-family: "Times New Roman", serif;
	overflow: hidden;
}


ul#nav li {
	display: inline;
	list-style-type: none;
	text-transform: uppercase;
	margin: 0 20px 0 0;
}


ul#nav li a:link, ul#nav li a:visited {
	
	color:DarkBlue ;
	text-decoration: none;
}
ul#nav li a:hover {
	
	color:Blue ;
}

ul.side-nav {
	margin: 10px 5px 10px 17px;
	border-top: 1px solid #e9e7e7;
	font-size: .7em;
	color:DarkBlue ;
	text-transform: uppercase;
}
ul.side-nav li {
	margin: 0;
	list-style-type: none;
	padding: 1px 0;

}
ul.side-nav li a {
	display: block;
	border-bottom: 1px solid #e9e7e7;
	margin: 0;
	padding: 10px 0 10px 20px;
	background: url(../images/side-nav-bullet.gif) no-repeat 5px 50%;
}
ul.side-nav li a:link, ul.side-nav li a:visited {
	color:DarkBlue ;
	text-decoration: none;
}
ul.side-nav li a:hover {
	background: url(../images/side-nav-bullet-light.gif) no-repeat 5px 50% #f6f5f0;
	color:DarkBlue ;
}

ul#footer-nav {
	font-family: "Times New Roman", serif;
	font-size: .7em;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
ul#footer-nav li {
	display: inline;
	margin: 0;
	padding: 0 10px 0 5px;
	border-right: 1px solid #958d83;
}
ul#footer-nav li.last {
	border-right: none;
}
ul#footer-nav li a:link, ul#footer-nav li a:visited {
	
	color:DarkBlue ;
	text-decoration: none;
}
ul#footer-nav li a:hover {
color:DarkBlue ;
	
}
/* @end */

/* @group Headings */
h1 { }
h2 {
	margin: 0 0 0 0;
	font-family: "Times New Roman", serif;
	font-weight: lighter;
	font-size: 1.6em;
	
	color:DarkBlue ;
}
h3.dateline {
	font-size: .8em;
	font-weight: lighter;
	color:DarkBlue ;
	
	margin: 0 0 10px 0;
}
h4 {
	margin-left: 25px;
	margin-right: 10px;
	text-transform: uppercase;
	font-weight: lighter;
	margin-bottom: 10px;
	font-family: "Times New Roman", serif;
	
	color:DarkBlue ;
}
h5 { }
h6 { }
/* @end */

/* @group Text Styles */
div#content-inner {
	font-size: .75em;
	color:DarkBlue ;
	
	line-height: 1.7em;
}
div#content-inner p {
	margin: 2px 0 30px 0;
}

p.main_title {
	font-size: 1.7em;
	letter-spacing: -1px;
	color:DarkBlue ;
	font-weight:bold;
}

p.intro:first-letter {
	font-size: 1.4em;
	letter-spacing: -1px;
	
}


p.intro-maintext {
	font-size: 1.6em;
	letter-spacing: -1px;
	width:300px;
	text-align:justify;
	margin-top:85px;
}

p.copyright {
	font-size: .65em;
	font-family: "Times New Roman", serif;
	color:DarkBlue ;
	
	/*text-transform: uppercase;*/
	margin: 10px 0;
}

/* @end */

/* @group Lists */
	
/* @end */

/* @group Forms */
form#search-form {
	/*width: 150px;*/
	float: right;
	margin: 4px 0 0 0;
	border-right: 1px solid #736749;
	border-left: 1px solid #736749;
	border-bottom: 1px solid #736749;
}
form#search-form input.txt {
	width: 140px;
	/*border: 1px solid #736749;*/
	/*border-top: 4px solid #635534;*/
	border: none;
	margin: 0;
	padding: 4px;
	background-color: #dbd6c9;
	color:DarkBlue ;
	
	text-transform: uppercase;
}
/* @end */

/* @group Links - link visited hover active */
div#content-inner a:link, div#content-inner a:visited {
color:DarkBlue ;
	
	text-decoration: none;
	border-bottom: 1px dotted #8b7f73;
}
div#content-inner a:hover {
	color:DarkBlue ;
	border-bottom: 1px dotted #706153;
}

p.end-story-links a:link, p.end-story-links a:visited {
	color:DarkBlue ;
	text-decoration: none;
	border-bottom: none !important;
}

p.copyright a:link, p.copyright a:visited {
	color:DarkBlue ;
	text-decoration: none;
}
p.copyright a:hover {
	color:DarkBlue ;
}
/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */