/******* CSS Ganesh ***********************/
/*******************************************************/

/******************************************************/
/*structure page Accueil de philosophindia.org*/
/*****************************************************/

/*File:		stylesGanesh.css - This contains all the main styles for the website.

All the styles are separated into the following groups:

1-Global Browser Reset - they make sure that all browsers start with the same default settings
2-HTML, Body - for the html and body tags
3-Layout - any style that defines how the site is laid out (position and size of objects)
4-Maincontent, Sidebar - the two columns
5-Headings - headings like h1, h2, etc
6-Text Styles - Styles for text
7-Links - links
8-Navigation
9-Calendar and News

*/
/********************************/
/* 1 Global Browser Reset */
/********************************/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { 
list-style-type: square; 
}
hr {
color: #ddd;
background-color: #ddd;
margin: 10px 10px 15px 10px;
border: none;
height: 2px;
}
img { border: 0px; }
/* @end */

/*****************************/
/****** 2 HTML, Body ******/
/*****************************/
 body  {
	background: #FFFFFF url(IMG/bg.jpg);
	text-align: center;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
    }
/* @end */

/************************************************/
/****** 3 Layout ******/
/************************************************/
    #container {
		background-image:url(IMG/hortusFondpale.jpg);
		margin-bottom: 50px;
		margin-top: 20px;
		margin-left: 20px;
		padding-top: 0;
		width: 820px;
		font-family: Verdana, Arial, sans-serif;
		list-style-type: square;
		padding-bottom: 20px;
    	color: #000000;
    } 
   #header { 
		background: transparent;
		width: 800px;
		height:190px;
		margin-left: 10px;
		background-image: url(IMG/ganesh800.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		text-align:left;
    } 
	
	/*le titre en blanc sur bandeau est en police Nueva Std*/
	
	#menuwrapper { 
		margin: 8px 20px;
	}
   #credits { 
		margin:0;
		text-align:center;
		padding:2px;
		font-family: Georgia, Times Roman, serif;
		font-size: 11px;
		color : #666;
	}
	
   .clearfloat { /* element final avant la balise de fin d'un conteneur qui doit contenir entierement un element flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }	


/*******************************************************/
/****** 4 Maincontent, Sidebar - the two columns******/
/*******************************************************/
/***************mainContent******************/

    #mainContent { 
    	margin-top: 0px;
		padding-right: 40px;
		margin-left: 40px;
    } 
 	#mainContentvar {
		left: 40px;
		margin: 10px 0 20px 0;
		width: 67%;
		height: 280px;
		text-align:justify;
		padding: 10px 40px 10px 0;
		border-width: 0 2px 2px 0;
		border-style: solid;
		border-color: #ddd;
    }
	#bottombar {
		clear: both;40px
		margin-top: 0;
		font-size: 95%;
		text-align: left;
		background-color: transparent;
	}

/***************sidebar1******************/

   #sidebar1 {
    	float: right;
		margin-top: 0;
		margin-right: 20px;		
    	width: 22%; /* cet element est flottant, il faut donc lui attribuer une largeur */
    	padding: 0 0 0 40px;
		font-size: 95%;
		text-align: left;
		background-color: transparent;
	}
	#sidebar1var {
		text-align: left;
    }
	
#sidebar1 a:link {3
	color: #003399;
	text-decoration: none;
}
#sidebar1 a:visited {
	text-decoration: none;
	color: #003399;
}
#sidebar1 a:hover {
	text-decoration: none;
	color: #CC9966;
}
#sidebar1 a:active {
	text-decoration: none;
}

/* @end */


/*********************************************/
/*********** 4bis Content, Contentvar, Bottomnav2 ***********/
/*********** template One column ***********/
/*********************************************/

 #Content { 
    	margin: 0 30px;
    } 
 	#Contentvar {
		text-align:justify;
		padding: 10px;
	}
	#breadcrumb2 {
	width: inherit;
	margin: 5px 20px;
	color : #666666;
	font-family: Georgia, Times Roman, serif;
	font-size: 80%;
	} 
	#bottomnav2 { 
		margin : 5px;
		text-align:center;	
		font-family: Georgia, Times Roman, serif;
		font-size: 11px;
		font-weight:bold;
		color : #666;
	} 
	#bottomnav2 a { 
	padding:4px 10px;
	color : #003399;
	text-decoration:none;
	} 
	#bottomnav2 a:hover{ 
	padding:4px 10px;
	color : #CC9966;
	text-decoration: none;
	} 



/*********************************************/
/*********** 5 Headings ***********/
/*********************************************/

h1, h3, h5{
	font-family: Georgia, Times Roman, serif;
	font-style: regular;
	font-weight: normal;
	color:#000;
}

h2, h4, h6{
	font-family: Georgia, Times Roman, serif;
	font-style: regular;
	font-weight: bold;
	color:#BC1412;
}

h1{
	font-size: 18px;
}
h2{
	font-size: 18px;
}
h3{
	font-size:16px;
}
h4{
	font-size:16px;
}
h5{
	font-size:14px;
}
h6{
	font-size:14px;
}

.csc-firstHeader {
	font-family: Georgia, Times Roman, serif;
	font-style: regular;
	font-weight: bold;
	color: #336633;
}
/* @end */

/**************************************************/
/****** 6 Text Styles ******/
/*************************************************/

.Style1 {color: #000000;
    font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
}

.Style11 {color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

.Style12 {color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
}

.Style13 {color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
}

.Style14 {color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 20px;
}



.Style2 {color: #000000;
    font-family: Georgia, Times Roman, serif;
	font-size: 16px;
}

.Style21 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 12px;
}

.Style22 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 14px;
}

.Style23 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 18px;
}

.Style24 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 20px;
}

.Style25 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 22px;
}

.Style26 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 24px;
}

.Styl27 {color: #000000;
	font-family: Georgia, Times Roman, serif;
	font-size: 30px;
}

.Style3 {color: #003399;
    font-family: Georgia, Times Roman, serif;
	font-size: 16px;
	font-weight: bold;
}

.Style31 {color: #003399;
	font-family: Georgia, Times Roman, serif;
	font-size: 14px;
	font-weight: bold;
}

.Style32 {color: #003399;
    font-family: Georgia, Times Roman, serif;
	font-size: 18px;
	font-weight: bold;
}

.Style33 {color: #003399;
	font-family: Georgia, Times Roman, serif;
	font-size: 11px;
	font-weight: bold;
}

.Style34 {color: #003399;
	font-family: Georgia, Times Roman, serif;
	font-size: 12px;
	font-weight: bold;
}

.Style4 {color: #BC1412;
	font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 16px;
}

.Style41 {color: #BC1412;
	font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 14px;
}

.Style42 {color: #BC1412;
	font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 18px;
}

.Style43 {
	color: #BC1412;
	font-weight: bold;
	font-size: 20px;
}

.Style44 {color: #BC1412;
    font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 24px;
}

.Style45 {color: #BC1412;
    font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 30px;
}

.Style6 {color: #336633;	
    font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 16px;	
}

.Style61 {color: #336633;	
    font-family: Georgia, Times Roman, serif;
	font-weight: bold;
	font-size: 20px;	
}

.Style7 {color: #FFFFFF;
	font-family: Georgia, Times Roman, serif;
	font-size: 30px;
	font-weight: normal;
}


/***********************************************/
/**************** 7 Links******************/
/***********************************************/

a:link {
	color: #003399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #003399;
}
a:hover {
	text-decoration: none;
	color: #CC9966;
}
a:active {
	text-decoration: none;
}

/* @end */


/************************************************/
/***** 8 Navigation *****/
/************************************************/

/***************breadcrumb******************/
#breadcrumb {
	float: left;
	margin: 5px;
	width: 65%;
	color : #666666;
	font-family: Georgia, Times Roman, serif;
	font-size: 80%;
	} 

/***************bottom nav******************/
	#bottomnav { 
		margin : 5px;
		text-align:center;	
		
		font-family: Georgia, Times Roman, serif;
		font-size: 11px;
		font-weight:bold;
		color : #666;
	} 
#bottomnav a { 
color : #003399;
text-decoration:none;
padding:4px 20px;
} 
#bottomnav a:hover{ 
color : #CC9966;
text-decoration: none;
padding:4px 20px;
} 

/********************************************/
/********Horizontal Menu Styles ***********/
/********************************************/ 
/*
 *		Horizontal, top-2-bottom menu
 *		Copyright Aleksandar Vacic, www.aplus.co.yu, some rights reserved http://creativecommons.org/licenses/by-sa/2.0/
 */
/*		------	Basic style	------		*/

#menu {
display: block;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu li {
margin: 0;
display: block;
float:left;
position: relative;
z-index: 500;
}

#menu a {
display: block;
}

#menu li li {
width: 100%;
z-index: 510;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li li ul {
top: 0;
left: 0;
}

/* ...and then place it where it should be when shown */
#menu li li:hover ul {
left: 100%;
}

/* initialy hide all sub menus */
#menu li ul {
display: none;
position: absolute;
z-index: 10;
}

/* display them on hover */
#menu li:hover>ul {
display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}


/* - - - ADxMenu: DESIGN styles - - - */
/*		------   Make-up	--------			*/

#menu {
font-family: Georgia, Times Roman, serif;
font-size : 12px;
font-weight:bold;
}

#menu:after{
content:'.';
display:block;
height:1px;
line-height:1px;
clear:both;
visibility:hidden;
} 

#menu li li {
width: 180px;
}

#menu li a {
text-decoration: none;
text-align: center;
color: #003399;
padding: 5px 22px 5px 13px;
margin:0;
border: 1px solid #fff;
}

#menu li a:hover {
color:#BC1412;
background-color: #FDFFEF;/*#F5F0DA;*/
border: 1px solid #ddd;
}

#menu li:hover>a {
color:#BC1412;
background-color: #FDFFEF;/*#F5F0DA;*/
border: 1px solid #ddd;
}

#menu li li a {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 5px 13px;
border: 1px solid #ddd;
color:#BC1412;
background-color: #FDFFEF;/*#F5F0DA;*/
}

#menu li ul li a:hover {
text-transform: none;
text-decoration: none;
text-align:left;
padding: 5px 13px;
color:#003399;
background-color:#E9F7F8;
border: 1px solid #ddd;
}

#menu li li:hover>a {
text-transform: none;
text-decoration: none;
text-align:left;
color: #003399;
padding: 5px 22px 5px 13px;
background-color:#E9F7F8;
border: 1px solid #ddd;
}

#menu li ul {
width: 180px;

}

#menu li li ul {
border-top-width: 0px;
margin: -8px 0 0 -13px;
}

#menu li li li:first-child {
}

#menu li li.submenu>a:after {
content: "";
}


/***********************************************************/
/* Personnalisation styles Calendrier et News */
/***********************************************************/

/*   res/cssCalendar.css */
/* List view CSS */

.newsCalendar_listHeader{
	font-size:1.2em;      /*perso*/
	font-weight:bold;
	background-color:#FFF8F1;    /*perso*/
	color:#333333;
	border:0;      /*1px solid #7e7e7e;*/
	padding:0.5em;
	margin-left:2px;
	margin-right:2px;
	margin-bottom:0.6em;    /*perso*/
}
.newsCalendar_listBody{
	padding:1em;
}
.newsCalendar_listItem{
	font-size:1em;
	padding-left:1em;
	padding-bottom:0.6em:     /*perso*/
}
.newsCalendar_listItemHeader{
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.25em;
	font-size:1.25em;
}


/*  res/tt_news_v2_styles.css  */
/**** tt_news Page-Browser ****/

.tx-ttnews-browsebox {
	margin-top:1em;     /*perso*/
	border:0;       /*1px solid #666;*/
	padding:0.5em;
	background-color: #FFF8F1;                     /*#F9FFE5;*/
}
.tx-ttnews-browsebox TD {
	font-size: 10px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}
.tx-ttnews-browsebox-SCell {
	background-color: #FFF8F1;          /* #BBE53A;*/
	border:0;         /*1px solid #666;*/
}
.news-search-emptyMsg {
	font-size: 11px;
	margin-left: 10px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding:1em;	
	margin-bottom:1em;   /*perso*/
	margin-top:1em;       /*perso*/
	border:0;                           /*1px solid #666;*/           
	background-color:#FFF8F1;        /*#F9FFE5;*/
}
.news-single-item H2 {
	font-size: 16px;
	font-weight:bold;
	color: #CC0000;        /*#85A600;*/
	margin-bottom: 0px;
}
.news-single-item H3 {
	margin-bottom: 15px;
}
/**/
.news-single-img {
	float: right;
margin-left:5px;
}
.news-single-imgcaption {
	padding:3px;
	clear:both;
}
.news-single-category {
	float: right;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
}
.news-single-timedata {
	float: right;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size: 9px;
}
.news-single-author {
	padding-bottom: 3px;
}
.news-single-additional-info {
	background-color: #BBE53A;
	clear: both;
	margin-top: 15px;
	border: 1px solid #666;
padding:3px;
padding-bottom:0px;
}
.news-single-related,.news-single-files,.news-single-links  {
	border: 1px solid #666;
margin:0px;
	margin-bottom: 3px;
padding:3px;
	background-color:#F9FFE5;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left:20px;
;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: 11px;
margin-left:5px;
width:90%;
}