/*

 *		JoomSpirit CSS file for typo

 *

 */

 

body {

font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;

color:#ddd;

} 

 

p {

margin: 8px 0;

}

 

h1, h2, h3, h4 {

font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;

text-decoration: none;

text-transform:capitalize;

font-weight:bold;

margin:8px 0 8px 0;

}





h1 {

font-size:160%;

}



h2 {

font-size:140%;

}



h3 {

font-size:120%;

}



h4 {

font-size:110%

}





/*

*	TOP SITE

*/



#headertitle a{

font-family: Times New Roman, Verdana;

font-size: 36px;

line-height: 36px;

text-transform: uppercase;

letter-spacing: 0px;

font-weight: normal;

color:#fff;

}



#headertitle a:hover {

text-decoration:none;

}



/**	TOP NAV	**/



#top_nav a {

color:#bbb;

}



#top_nav a:hover, #top_nav .active a {

color:#fff;

text-decoration:none;

}



/**	NAV MAIN **/



#nav_main ul a {

color:#eee;

font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;

line-height:20px;

text-transform: uppercase;

letter-spacing: -0.5px;

font-weight: 100;

font-size:90%;

}



/* All menu links on hover or focus */

#nav_main ul li a:hover,#nav_main ul .active a, #nav_main ul li a:focus, #nav_main ul a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{

	color:#fdfdb3;

}



/* sub menu links on hover or focus */

#subMenusContainer a:hover, 

#subMenusContainer a:focus, 

#nav_main ul a.mainMenuParentBtnFocused, 

#subMenusContainer a.subMenuParentBtnFocused,

#nav_main ul li ul a:hover, #nav li ul a:focus

{

color:#fdfdb3;

}



#nav_main ul .active ul a {

background:none;

border-bottom:none;

color:#fdfdb3;

}



#subMenusContainer a, #nav_main ul li li a{ /* Just submenu links*/	

	position:relative;

	color:#ddd;

	float:none;

	font-size:95%;

	text-transform:capitalize;

	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;

}



 #subMenusContainer a:hover, #subMenusContainer a:focus, #nav_main ul li li a:hover, #nav_main ulli li a:focus{

 color:#fdfdb3;

 }

 



/*

*	MIDDLE SITE

*/









/**				NAV LEFT	**/



#content_left ul li a{

list-style:none;

color:#ddd;

text-transform:capitalize;

font-size:100%;

font-weight:bold;

text-decoration:none;

display:block;

line-height:30px;

padding:0 0 0 16px;

}









/**				LINK		**/



a

{

text-decoration : none;

}



a:hover {

text-decoration : underline;

}



a:active, a:focus {

outline:none;

}











/*	List  */



ul.list_normal, ul.list_check {

margin-left:10px;

margin-top:22px;

padding-left:0;

}



.list_normal li, .list_check li {

background: url(../images/list_normal.gif) 0 2px no-repeat;

padding-left: 24px;

list-style:none;

margin:16px 0;

}



.list_check li {

background: url(../images/list_check.gif) 0 2px no-repeat;

}



/*

*	Quotation

*/



blockquote.quote_blue, blockquote.quote_orange {

	margin: 10px 30px 10px 30px;

	padding: 10px 35px 10px 35px;

	border: none;

	background: url(../images/quote_blue.gif) 0 5px no-repeat;

	text-align:justify;

	font-style:italic;

	font-size:105%;

}



blockquote.quote_orange {

background: url(../images/quote_orange.gif) 0 5px no-repeat;

}



blockquote.quote_blue p, blockquote.quote_orange p {

	margin: 0px -35px -10px 0px;

	padding: 0px 35px 10px 0px;

	background: url(../images/quote_end_blue.gif) 100%  no-repeat;

}



blockquote.quote_orange p {

background: url(../images/quote_end_orange.gif) 100%  no-repeat;

}



/**  DIV Info  **/



.info {

line-height:25px;

padding-left:30px;

border-top:1px solid #355859;

border-bottom:1px solid #355859;

background: #256d6f url(../images/logo_info.gif) 4px 3px no-repeat;

margin: 10px 0;

}



/*

*		FOOTER SITE

*/



div#footer {

color:#bbb;

font-size:90%;

}