/*

*		JoomSpirit CSS file for typo

*

*/

.sectiontableheader {

  font: Tahoma, Geneva, sans-serif;
  
  font-size: 24px;

  text-align:left;

  color:#BECEDA;

  padding:0.8em 0;

}

.cf_inputbox {
	color:#000;
}

body {

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

color: #222;

line-height: 1.5em;

} 



p {

margin: 12px 0;

}



/*h1, h4 {

font-family: Tahoma, Geneva, sans-serif;

text-decoration: none;

text-transform:none;

font-weight:normal;

margin:8px 0 8px 0;

}
*/
h3
{
font-family: Constantia, georgia, Times New Roman, Verdana;
text-decoration: none;
text-transform: none;
font-weight:normal;
margin:8px 0 8px 0;

}


h1, {
padding-top:5px;
font-size:24pt;
font:Tahoma, Geneva, sans-serif;
font-style:normal;

color:#beceda;



}



h1.componentheading {
	padding-top:5px;
margin-bottom:40px;

}



h2, .blog  h2.contentheading{

font-size:18pt;
font:Tahoma, Geneva, sans-serif;
font-style:normal;

color:#beceda;

}

.contentheading {
	padding-top:15px;
	padding-bottom:15px;
font:Tahoma, Geneva, sans-serif;	
	font-size:28px;	
	font-weight:bold;
	color:#beceda;
}

h2 a {

color:#2b3640;

text-decoration: none;

}



h2 a:hover {

text-decoration: none;

}



h3 {

font-size:155%;

color: #444F59;

line-height:30px;

}



h4 {

font-size:140%;

color: #2b3640;

line-height:16px;

}



h3.module {

margin-top:0;
color: #444F59;
border-bottom: 2px solid #ddd;

}



.blog h2.contentheading {

}



/**	HEADER	**/



#slogan {

color: #2b3640;

font-family: Arial,Tahoma,Helvetica,Sans-Serif;

line-height:35px;

text-transform: none;

letter-spacing: -0.5px;

font-weight: normal;

font-size:140%;

height:35px;

padding-left:10px;

}



/**				LINK		**/



a

{

text-decoration : none;

color:#beceda;

}



a:hover {

text-decoration : underline;

}







a:active, a:focus {

outline:none;

}







/*	List  */


.article-content ul {
	margin-left:35px;
}




ul.normal, ul.check {

margin-left:10px;

margin-top:22px;

padding-left:0;

}







.normal li, .check li {

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

padding-left: 24px;

list-style:none;

margin:16px 0;

}







.check li {

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

}







/*

*	Quotation

*/







blockquote.grey, blockquote.black {

margin: 10px 30px 10px 30px;

padding: 10px 35px 10px 35px;

border: none;

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

text-align:justify;

font-style:italic;

font-size:105%;

}







blockquote.black {

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

}







blockquote.grey p, blockquote.black p {

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

padding: 0px 35px 10px 0px;

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

}







blockquote.black p {

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

}







/**  DIV Info  **/







.info {

line-height:25px;

padding-left:30px;

border-top:1px solid #ccc;

border-bottom:1px solid #ccc;

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

margin: 10px 0;

}



/** 	TOOL TIPS		**/



.tool-tip {

color: #666;

width: 139px;

z-index: 13000;

}

 

.tool-title {

font-weight: bold;

font-size: 115%;

margin: 0;

padding: 8px 8px 4px;

background: transparent url(../images/bubble.png) top left no-repeat;

}

 

.tool-text {

font-size: 100%;

padding: 4px 8px 8px;

background: transparent url(../images/bubble.png) bottom right no-repeat;

}







/**		FOOTER		**/



#footer {

color: #444;

font-size:90%;

}