/*CSS for Jatantrust.org */


*{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	/*background-color: #FFFFFF;*/
}

body{
background:#fff url(images/tex1.jpg);
font:0.9em Arial, Verdana, sans-serif;
color:#707070;
}

#wrapper{
margin:25px auto 20px auto;
width:1000px;
border:1px solid #a8de78;
background:#fff;
}

#header{
margin-top:6px;
background:url(images/logo.jpg) center no-repeat;
height:120px;
text-align:center;
}

#content_area{
margin:10px auto;
width:980px;
/*border:1px solid;*/
}

/* Nav styles */
#nav{
width:200px;
float:left;
/*border:1px solid;*/
}

#nav ul li{
list-style: none;
text-align:center;
padding: 0 15px 15px 25px;
}

#nav ul li a{
background:url(images/nav.jpg) no-repeat;
height:29px;
line-height:29px;
width:145px;
display:block;
text-align:center;
color:#707070;
text-decoration:none;
font-size:0.9em;
}

#nav ul li a:hover, a:active{
color:#000;
border:0;
}

#nav ul li a.current{
color:#000;
text-decoration:underline;
}

#nav ul li a.forthcoming{
background:none;
border:0;
display:block;
width:144px;
height:29px;
}

/* Main text area */

#main_text{
width:750px;
float:left;
/*border:1px solid;*/
}

#main_text h1{
font-size:1.1em;
color:#333;
border-bottom:1px solid #a8de78;
font-variant:small-caps;
}

#main_text h2{
font-size:1em;
color:#333;
border-bottom:1px solid #a8de78;
font-variant:small-caps;
}

#main_text h3{
font-size:0.9em;
color:#333;
font-variant:small-caps;
padding:5px;
}

#main_text p{
padding:5px;
text-align:justify;
line-height:1.25em;
}

#main_text a{
color:#333;
border-bottom:1px solid #a8de78;
text-decoration:none;
}

#main_text a:hover, a:active{
color:#333;
border-bottom: 1px solid #707070;
}

#main_text img{
border-top:4px solid #c0c0c0;
border-left:4px solid #c0c0c0;
border-right:4px solid #707070;
border-bottom:4px solid #707070;
}

#main_text img.left{
margin:0 5px 5px 0;
float:left;
}

#main_text ol{
list-style:lower-roman;
padding-left:30px;
}

#expand{
margin:10px auto;
}

#footer{
text-align:center;
clear:both;
border-top:1px solid #000;
padding:3px;
font-size:0.8em;
}

#footer a{
color:#707070;
border-bottom:1px dotted #a8de78;
text-decoration:none;
}

#footer a:hover, a:active{
color:#333;
border-bottom: 1px solid #a8de78;
}

/* Home Page */

#scroller{
margin:0 auto;
text-align:right;
width:660px;
padding-top:45px;
}

/*Pop up */

.pop{
width:245px;
height:167px;
margin:10px auto;
background:#fff;
padding:10px;
border: 1px solid #a8de78;
}

.pop a{
color:#707070;
border-bottom:1px dotted #a8de78;
text-decoration:none;
}

.pop_mom{
width:300px;
height:250px;
margin:10px auto;
background:#fff;
padding:10px;
border: 1px solid #a8de78;
}



/* Stu Nicholl's code from: http://cssplay.co.uk  */

#gallery {width:728px; height:410px; padding:10px; border:1px solid #333; background: #888; position:relative;}
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:410px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:410px; text-align:center; background:#888; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:410px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}

/*Stu Nicholl's code from: http://cssplay.co.uk

#photo_strip {width:700px; margin-left:15px;}
#container {margin:0; padding:0; height:500px; overflow:auto; color:#222; background:#fff;}
#container ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#container ul li {display:table-cell; padding:0 15px; background:#fff; border-bottom:1px solid #888; vertical-align:top;}
#container ul li img {border:1px solid #555; margin: 30px 0 10px 0;}
#photo_strip h1 {text-align:center; padding:0; margin:0; width:630px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}
#container p {margin:0; padding:5px 0; font-size:11px;}

<!--[if lte IE 7]>
#container {
width:630px;
scrollbar-arrow-color: #eee;
scrollbar-3dlight-color: #888;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #888;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #888;
scrollbar-track-color: #fff;
}
#container ul li {display:inline; zoom:1; height:390px;}
* html #container {height:470px; he\ight:430px;}
<![endif]-->*/