/*-- CSS Document Designed by redCzar - www.dgtechstudio.com based on Aqua by
Wink Hosting (www.winkhosting.com)
Designed By Alexis Corredor
alexis.corredor@gmail.com -- */

h1 {
margin: 20px 5px 10px 15px;
padding: 4px 0px 4px 10px;
font: 1.1em Constantia, georgia, serif;
font-weight: bold;
color: #fff;
background: url(cssplay4.gif);
}

h2 {
margin: 10px 5px 10px 15px;
padding: 4px 0px 4px 10px;
font: 1.1em Constantia, georgia, serif;
font-weight: bold;
color: #fff;
background: #a99e73 url(cssplay3.gif);}

h3 {
margin: 8px 5px 10px 15px;
padding: 3px 0px 3px 10px;
font: 1em arial, sans-serif;
font-weight: bold;
color: #fbf6c4;
background: #a99e73 url(h5bg.gif);
border: 2px solid #fbe8b2;

}

h4 {
margin: 8px 5px 10px 15px;
padding: 5px 0px 6px 10px;
font: 1em arial, sans-serif;
font-weight: bold;
color: #fff;
background: url(cssplay4.gif);
}

.p1 {
margin:0;
padding-right: 380px;
font: 0.8em verdana, sans-serif;
font-weight: bold;
}
.p2 {
margin-top: 10px;
padding: 5px 25px 7px 35px;
font: 0.7em verdana, arial, sans-serif;
text-align: justify;
}

.p3 {
margin-top: 5px;
padding:0;
font: 0.6em verdana, sans-serif;
text-align: left;
}

.p4 {
margin-top: 10px;
padding: 20px;
font: 0.7em Constantia, georgia,  serif;
text-align: left;
border-top: 2px solid #ccc;
}

.p5 {
margin: 0px;
padding: 5px 0px 0px 30px;
font: 0.6em arial, sans-serif;
text-align: left;
}

.p6 {
color:#fbf6c4;
margin: 0px;
padding:5px 10px 3px 33px;
font: 0.8em arial, sans-serif;
font-weight:bold;
background: #a99e73;
}


body {
	background: #F3E8BD url(bg4.gif) no-repeat fixed;
}


/*HEADER*/
#header{
	width: 800px;
	position:relative; 
	height: 162px;
	background:url(header3.gif) no-repeat;
	
}
/*COMPANY NAME IN HEADER*/
#companyname {
        display: none;
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 28px;
	margin-top:50px;
	margin-left:40px;
	left: 0px;
	top: 0px;
}
/*MENU IN HEADER*/
#menu{
	position:absolute;
	bottom: 20px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#333333;
	text-decoration:none;
}
#menu a:hover{
	text-decoration:underline;
}

/* --meyerweb style for a:hover--*/

        #menu a span {display: none;}

        #menu a:hover span {display: block;
                position: absolute;
                margin: 10px 5px 1px 10px;
                width: 140px;
                padding: 2px;
                color: #FFF; 
                background: #C83900;
                border: 2px solid white;
                font: 10px verdana, sans-serif; text-align:center;}


/*LEFT PANEL (News, Links, etc.)*/

#leftpanel{
	float:left;
	width:200px;
}

#firefox {
margin: 0;
padding: 5px;
}

/*CONTENT*/


#content{
	width: 800px;
        background: #f3e8bd;
        
}
#contenttext{
	float:right;
	width: 550px;
        margin: 15px 15px 15px 15px;
        padding: 5px 10px 25px 0px;
        background: transparent;
        border: 3px solid #fff;
}

#intro {
        float:right;
	width: 550px;
        margin: 20px 15px 15px 15px;
        padding: 15px 10px 25px 0px;
        border: 4px solid #e2d7ac;
        background: #ffffd9 url(line_3a.jpg) repeat-x top;
}

#islam ul, ol {
       margin-left: 30px;
       padding: 10px;
       font: 0.7em verdana, arial, sans-serif;
       text-align: left;
}


#humor {
        float:right;
	width: 550px;
        margin: 20px 15px 15px 15px;
        padding: 5px 10px 25px 0px;
        border: 4px solid #f1f1f1;
        background: #fff;
}


#argue {
margin: 5px 5px 5px 15px;
padding: 15px;
background: #fff;
}

#argue li{
margin: 0px 5px 5px 5px;
padding: 0;
}

#argue ul {
margin:0px 0px 10px 10px;
padding: 0px 10px 0px 20px;
font: 0.7em verdana, sans-serif;
text-decoration: none;
text-align: justify;
}

#argue ol {
margin:5px 0px 10px 30px;
padding: 0px 10px 0px 20px;
font: 0.7em verdana, sans-serif;
text-decoration: none;
text-align: justify;
}

#fast {
margin: 5px 5px 5px 15px;
padding: 15px;
background: #fff;
}

#fast li{
margin: 0px 5px 5px 10px;
padding: 0px 5px 2px 5px;
}

#fast ul {
margin:0px 10px 10px 20px;
padding: 0px 10px 0px 20px;
font: 0.7em verdana, sans-serif;
text-decoration: none;
text-align: justify;
}

#fast ul li span {
color: #a55a2b;
font: 0.7em verdana, sans-serif;
text-decoration: none;
font-style: italic;
font-weight: bold;
}

#current {
margin: 5px 5px 5px 15px;
padding: 10px;
background: #fff;
border: 1px solid #ccc;
}

#current ul {
margin:5px 10px 10px 20px;
padding: 10px 10px 10px 20px;
list-style-image: url(bullet.gif);
font: 0.7em verdana, sans-serif;
text-decoration: none;
text-align: justify;
}

#current li{
padding-bottom: 10px;
}

#current ul li span {
font: 1em arial, sans-serif;
font-style: italic;
font-weight: bold;
}

#islam {
margin: 5px 5px 5px 15px;
padding: 10px;
background: #fff;
}

#note {
margin: 0px 30px 0px 30px;
padding: 0px 20px 0px 20px;
}

#note .p3 {
font: 0.6em verdana sans-serif;
}

#argue1 {
margin: 0px 5px 5px 5px;
padding: 0px 15px 15px 15px;
}

#sitemap ul {
margin:10px 0px 10px 10px;
padding: 20px 10px 10px 30px;
font: 0.8em verdana, sans-serif;
text-decoration: none;
text-align: justify;
}

#sitemap ul li {
font: 1em verdana, sans-serif;
text-decoration: none;
text-align: justify;
}

#sitemap ul li ul{
font: 0.9em verdana, sans-serif;
text-decoration: none;
text-align: justify;

}


/*FOOTER*/
.footer{
	width: auto;
	height: 90px;
        background: #e2d7a7;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
}
/*FOOTER LINKS*/
.footer a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#666;
	text-decoration:none;
}
.footer a:hover{
	text-decoration:underline;
}

/*TABLE*/
.table_top{
        margin-top: 20px;
        margin-left:7px;
	width: 204px; 
	height: 27px;
	background:url(table_top.gif) no-repeat;
	
}
.table_content{
        margin-left:7px;
	width: 204px;
	background:url(table_content.gif) repeat-y;
	
}
.table_text{
        
	margin-left:15px;
	margin-right:10px;
        padding: 15px 15px 25px 15px;
	text-align:justify;
        background: #ffffd9 url(wrapper2.gif);
}


.table_text a{
        font: 0.7em arial, sans-serif;
        text-decoration: none;
        color: #775a2b;
}

.table_text ul{
        margin: 0px;
        padding: 10px 0px 14px 30px;
        list-style-image: url(arrow.gif);
        background: #fbe8b2;
        border: 1px solid #fefeb2;
}

.table_text li{
        padding-bottom:2px;
}

.table_text li span{
        color: #fff;
        font: 0.8em verdana, arial, sans-serif;
        font-style: italic;
        font-weight: bold;
        padding: 1px 5px 1px 5px;
        background: #fefeb2 url(box.gif);
}

.table_text a:hover{
        font: 0.7em verdana, arial, sans-serif;
        font-weight: bold;
        color: #c83900;
        background: #f9e6a6;
}

.table_bottom{
        margin-left:7px;
	width: 204px; 
        height: 23px;
        background:url(table_bottom.gif) no-repeat;
}

.ad {
margin-left:17px;
padding: 15px;
border-top: 2px solid #fff;
border-right: 2px solid #a99e73;
border-bottom: 2px solid #a99e73;
border-left: 2px solid #fff;
background: #ffffd9;
}

.ad a {
font: 0.5em verdana, arial, sans-serif;
}

.quotes {
margin: 20px 20px 5px 40px;
padding: 25px;
background: #F1F1F1 url(ripples.gif);
border: 4px solid #e2d7ac;
}

.true span{
font: 0.9em verdana, arial, sans-serif;
}


/*TEXT STYLES*/
.news_date {	
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
        color: #dc920b;
}
.body_text {	
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.news_more {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF9900;
	font-weight: bold;
}


.news_text {	
        font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
        color: #000;
}

.subtitle_gray {
        font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 11px;
        letter-spacing: 0.6em;
	color: #666;
}
.title_blue {
        position: relative;
        margin: 0;
        padding: 10px;
        font: 22px Arial, sans-serif; 
        font-weight: bold; 
        color: #666;
         
}
.title_panel {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

#foto {
float: right;
margin: 0px 20px 5px 10px;
padding: 40px 2px 2px 2px;
width: 100px;
}

#foto2 {
margin: 10px 0px 20px 0px;
padding: 10px 2px 10px 2px;
}


#date{
font: 0.7em arial, sans-serif;
margin: 0;
padding: 5px;
}

#google_translate_element{
margin: 0;
padding: 5px;
background: #fff;
}

.left {
text-align : left;
float : left;
margin: 0;
padding: 4px 15px 30px 0px;
}
.right {
text-align : right;
float : right;
margin:0;
padding: 20px 15px 5px 15px;
}

#anchor1 {
width : 200px;
height : 133px;
font: 0.5em verdana, sans-serif;
background-image : url(airpol.gif);
}

#anchor1:hover {
color: #FFF;
background-image : url(airpol2.gif);
}

#anchor2 {
width : 200px;
height : 133px;
font: 0.5em verdana, sans-serif;
background-image : url(airpol3.gif);
}

#anchor2:hover {
color: #FFF;
background-image : url(airpol4.gif);
}

#anchor3 {
width : 135px;
height : 96px;
font: 0.5em verdana, sans-serif;
background-image : url(hunger.gif);
}

#anchor3:hover {
color: #FFF;
background-image : url(hunger2.gif);
}

#anchor4 {
width : 180px;
height : 124px;
font: 0.5em verdana, sans-serif;
background-image : url(stoneworship3.gif);
}

#anchor4:hover {
color: #FFF;
background-image : url(stoneworship4.gif);
}

#anchor5 {
width : 180px;
height : 124px;
font: 0.5em verdana, sans-serif;
background-image : url(stoneworship6.gif);
}

#anchor5:hover {
color: #FFF;
background-image : url(stoneworship5.gif);
}

#anchor6 {
width : 115px;
height : 124px;
font: 0.5em verdana, sans-serif;
background-image : url(shiva.jpg);
}

#anchor6:hover {
color: #FFF;
background-image : url(shiva2.jpg);
}

#anchor7 {
width : 180px;
height : 130px;
font: 0.5em verdana, sans-serif;
background-image : url(911.gif);
}

#anchor7:hover {
color: #FFF;
background-image : url(911a.gif);
}

#anchor8 {
width : 180px;
height : 130px;
font: 0.5em verdana, sans-serif;
background-image : url(laden.gif);
}

#anchor8:hover {
color: #FFF;
background-image : url(laden2.gif);
}

#anchor9 {
width : 180px;
height : 122px;
font: 0.5em verdana, sans-serif;
background-image : url(zeitgeist.jpg);
}

#anchor9:hover {
color: #FFF;
background-image : url(zeitgeist2.jpg);
}

#picture1 {
       float: right;
       margin: 7px 20px 5px 10px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}

#picture2 {
       float: right;
       margin: 25px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}

#picture3 {
       float: right;
       margin: 0px 10px 5px 15px;
       padding: 5px 2px 5px 2px;
       width: 140px;
}

#picture4 {
       float: right;
       margin: 10px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}

#picture5 {
       float: right;
       margin: 0px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}

#picture6 {
       float: right;
       margin: 3px 20px 5px 15px;
       padding: 5px 5px 5px 5px;
       width: 150px;
}
#picture7 {
       float: right;
       margin: 3px 20px 5px 15px;
       padding: 5px 5px 5px 5px;
       width: 170px;
}
#picture8 {
       float: right;
       margin: 0px 20px 10px 15px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}

#picture9 {
       float: right;
       margin: 0px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}
#picture10 {
       margin: 10px 5px 10px 5px;
       padding: 10px 20px 10px 15px;
       width: 170px;
       border: 2px solid #fff;
       }
#picture11 {
       margin: 10px 5px 10px 5px;
       padding: 10px 20px 10px 15px;
       width: 170px;
       border: 3px solid #d4c99e;
       }

#picture12 {
       float: right;
       margin: 0px 20px 10px 15px;
       padding: 10px 2px 5px 2px;
       width: 120px;
}

#picture13 {
       float: right;
       margin: 0px 20px 8px 15px;
       padding: 8px 2px 3px 2px;
       width: 200px;
}

#picture14 {
       float: right;
       margin: 10px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 180px;
}

#picture15 {
       float: right;
       margin: 25px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 200px;
}

#foto {position:relative; float: left; top:0px; left:20px; bottom:10px; padding: 11px 0px 35px 15px; width:75px; background-color:transparent; z-index:100;}
#foto a.p1, #foto a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:transparent; top:0; left:0; border:0;}
#foto a img {border:0;}
#foto a.p1:hover {text-decoration:none; background-color:transparent; color:#000;}
#foto a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#foto a.p1:hover .large {display:block; position:relative; top:-170px; left:80px; width:376px; height:279px; border:6px solid #c0b690;}
#info {margin:0px 23px 20px 37px; padding:0px 0px 55px 10px;z-index:100; height:8em; border: 1px solid #ccc;}

#foto2 {
       float: right;
       margin: 0px 20px 5px 15px;
       padding: 10px 2px 5px 2px;
       width: 100px;
}

a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; 

font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; 

background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}