/*
 *		JoomSpirit CSS file for typo
 *
 */
 
body {
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size:13px;
} 
 
p {
margin: 8px 0;
}
 
h1, h2, h3, h4 {
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
text-decoration: none;
font-variant:small-caps;
font-weight:bold;
color:#f60;
margin:0 0 8px 0;
}

h1 span, h2 span, h3 span {
color:#000;
}

h1 {
font-size:160%;
}

h2 {
font-size:140%;
}

h3, h4 {
font-size:115%;
font-variant:normal;
font-weight:normal;
text-transform:capitalize;
}

h4 {
font-size:110%
}

.arrow {
background: url(../images/arrow_red.png) 0 4px no-repeat;
padding-left: 35px;
}

/*
*	LOGO
*/

#logo p {
color: #fff;
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size: 0px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 100;
margin:50px 500px 90px 250px;
}

/**				TOP NAV		**/

#top_nav a {
color:#b3cb35;
}

#top_nav a:hover, #top_nav .active a {
color:#f90;
text-decoration:none;
}

/**				NAV LEFT	**/

#content_left ul li a, #content_left ul li span.separator {
list-style:none;
background: #b3cb35 url(../images/menu_033_bg.gif) no-repeat;
color:#fff;
text-transform:capitalize;
font-size:100%;
font-weight:bold;
text-decoration:none;
display:block;
height:35px;
line-height:35px;
padding:0 0 0 20px;
}

#content_left ul li a:hover, #content_left ul .active a, #content_left ul li span.separator:hover, #content_left ul .active span.separator{
background:#ff6600 url(../images/menu_033_h.gif) no-repeat;
color:#fff;
text-decoration:none;
}

/**				NAV MAIN	**/

#nav_main ul a, #nav_main ul span.separator {
color:#b3cb35;
font-family: "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
line-height:20px;
text-transform: uppercase;
letter-spacing: -0.5px;
font-weight: bold;
font-size:110%;
}

/* 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 li span.separator:hover,#nav_main ul .active span.separator, #nav_main ul li span.separator:focus {
	color:#f90;
}

/* sub menu links on hover or focus */
#nav_main ul li ul a:hover, #nav_main ul li ul a:focus,
#nav_main ul li ul span.separator:hover, #nav_main ul li ul span.separator:focus
{
color:#f90;
}

#nav_main ul .active ul a, #nav_main ul .active ul span.separator {
background:none;
border-bottom:none;
color:#f90;
}

#nav_main ul li li a, #nav_main ul li li span.separator{ /* Just submenu links*/	
	position:relative;
	float:none;
	font-size:95%;
	text-transform:capitalize;
	font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
}


/**				MODULES		**/

div.module h3.module {
font-size: 120%;
color: #f60;
font-weight: normal;
}


div.mod-default h2.module {
margin: 0;
font-size:120%;
font-variant:small-caps;
font-weight:bold;
background: none;
padding-left:4px;
line-height: 30px;
color:#000;
}

div.mod-default h2.module span.color {
color:#f60;
}

/**				LINK		**/

a
{
text-decoration : none;
color : #33c;
}

a:hover {
text-decoration : underline;
}

a:active, a:focus {
outline:none;
}


/*
*	FOOTER
*/

#footer {
color: #fff;
font-size:90%;
}

div#copy a {
color:#69f;
}


/*
*	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.png) 0 2px no-repeat;
padding-left: 24px;
list-style:none;
margin:16px 0;
}

.list_check li {
background: url(../images/list_check.png) 0 2px no-repeat;
}

/*
*	Quotation
*/

blockquote.quotation {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	border: none;
	background: url(../images/quote.png) 0 5px no-repeat;
	text-align:justify;
	font-style:italic;
	font-size:105%;
}

blockquote.quotation p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/quote_end.png) 100%  no-repeat;
}

/*
*	DATE
*/

div#date {
color:#d8e178;
font-size:95%;
}