/*************************************
* LIGHT SKILLS - NEOJOOMLA! TEMPLATE 
* 
* Author : Neojoomla! www.neojoomla.com
* Copyright © 08.2007
*
* COMMONS STYLES
**********************************/


/* **** ACCESSIBLITY */
#accessibility {
	display: none;
	position: absolute;
	left: -2000px;
	top: -2000px;
}


/* **** GLOBAL CONTENT */
#global_content {
	margin: 0 auto;
	padding: 0 0 2em 0;
}

.thin { width: 770px; }
.thin #main { 	 width: 770px; } 	/* Fix IE */
.thin #footer {  width: 730px; } 	/* Fix IE */
.thin #center {  width: 770px; }
.thin #content { width: 700px; }
.thin .rightcol #content { width: 540px; }

.thin .leftcol  #center { 	width: 570px; }
.thin .leftcol  #content { 	width: 500px; } 
.thin .leftcol .rightcol #content { width: 340px; }



.wide { width: 970px; }
.wide #main { 	 width: 970px; } 	/* Fix IE */
.wide #footer {  width: 930px; } 	/* Fix IE */
.wide #center {  width: 970px; }
.wide #content { width: 900px; }
.wide .rightcol #content { width: 740px; }

.wide .leftcol  #center { 	width: 770px; }
.wide .leftcol  #content { 	width: 700px; } 
.wide .leftcol .rightcol #content { width: 540px; }




/* **** TEMPLATES STYLES */

.clear { clear: both; }


.f-small { 		font-size: 10px; }
.f-normal { 	font-size: 11px; }
.f-large { 		font-size: 12px; }



.background { background: #EBEEF3 url(../images/page_bkg.gif) repeat-x 0 0; }


* html .headerover_m { position: absolute; } /* IE fix */
.headerover_m {
	position: relative;
	height: 64px;
	top: 0;
	z-index: 100;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.headerover_l {
	height: 64px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.headerover_r {
	height: 64px;
	background-position: 100% 0;
	background-repeat: no-repeat;
}




.header_l {
	height: 55px;
	background: url(../images/header_left.gif) no-repeat 0 0;
}
.header_r {
	height: 55px;
	background: url(../images/header_right.gif) no-repeat 100% 0;
}




.topmenu_l {
	background: url(../images/topmenu_left.gif) no-repeat 0 0;
}
.topmenu_r {
	height: 42px;
	background: url(../images/topmenu_right.gif) no-repeat 100% 0;
}







/* TOPMENU */
#topmenu {
	float: left;
	margin: 0 105px;
	padding: 0 0 0 2px;
	background: url(../images/topmenu_items.gif) no-repeat -223px 0;
}
* html #topmenu { 
	background-position: -223px 0; 
	margin: 0 52px;
}

#topmenu li { display: inline; }
#topmenu a.mainlevel {
	display: block;
	float: left;
	height: 34px;
	margin: 0;
	/*padding: 0 1.699em;*/
	padding: 0 1.328em;
	background: url(../images/topmenu_items.gif) no-repeat 100% 0;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	line-height: 34px;
	letter-spacing: normal;
}
#topmenu a.mainlevel:hover {
	text-decoration: none;
}
#topmenu a#active_menu {
	background-position: 100% -34px;
	color: #FFF;
}
#topmenu ul.menu {
	border-top: 1px solid #6A696E;
	border-left: 1px solid #6A696E;
	border-right: 1px solid #141317;
	border-bottom: 1px solid #141317;
}
#topmenu a.sublevel {
	display: block;
	padding: 0.4em 2em 0.4em 0.6em;
	background: url(../images/formbutton_bkg.png) repeat-x 0 50%;
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	white-space: nowrap;
	text-decoration: none;
	letter-spacing: normal;
	border-bottom: 1px solid #323135;
}
#topmenu a.sublevel:hover {
	text-decoration: none;
}
#topmenu ul.menu a#active_menu { 
	background-color: #7C7B88; 
	background-image: none;
}






.content_l { 	background: #FFF url(../images/content_left.gif) repeat-y 0 0; }
.content_r { 	background: url(../images/content_right.gif) repeat-y 100% 0; }

.content_tm { 	background: url(../images/contenttop_middle.gif) no-repeat 50% 0; }
.content_tl { 	background: url(../images/contenttop_left.gif) no-repeat 0 0; }
.content_tr { 	background: url(../images/contenttop_right.gif) no-repeat 100% 0; }

.content_bm { 	background: url(../images/contentbottom_middle.gif) no-repeat 50% 100%; }
.content_bl { 	background: url(../images/contentbottom_left.gif) no-repeat 0 100%; }
.content_br { 	
	padding: 29px 27px 65px 30px;
	background: url(../images/contentbottom_right.gif) no-repeat 100% 100%; 
}





#main { 	
	float: left; 
	margin: 0.5em 0 0 0;
}
#center { 	float: left; }





#main .module {
	background-position: 0 0;
	background-repeat: no-repeat;
}
#main .module div div div {
	padding: 0 0 17px 0;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
#main .module div div div div {
	padding: 0;
	background: none;
}	

#main .module table, #main .module table.contentpaneopen {	padding: 0 5px 0 10px; }
#main .module table table  { padding: 0; }
* html #main .module table.contentpaneopen { 
	width: 95% !important;
	margin: 0 0 0 10px;
}
#main .module p, #main .module ul { padding-left: 12px; } 

#main ul.latestnews, #main ul.mostread, #main ul.neolatestnews { margin-left: 10px !important; } 

#main .module tr.sectiontableentry1 td, #main .module td.sectiontableentry1,
#main .module tr.sectiontableentry2 td, #main .module td.sectiontableentry2 { padding: 0.2em; }


#right .contentheading, #left .contentheading { 
	background: none;
	padding: 0;
	font-size: 1.1em;
}
#right .article_seperator, #left .article_seperator { display: none; }



/* LEFT/RIGHT MAINMENU */

#main a.mainlevel {
	display: block;
	height: 22px;
	margin: 0;
	padding: 0 0 0 18px;
	line-height: 20px;
	color: #696A71;
	font-weight: bold;
	text-decoration: none; 
	background-position: 0 0;
	background-repeat: no-repeat;
}
#main a.mainlevel:hover {
	text-decoration: none !important;
	background-position: 0 -22px;
} 
#main a.sublevel {
	display: block;
	margin: 0;
	padding: 0.2em 0 0.2em 0.8em;
	color: #696A71;
	font-weight: normal;
	text-decoration: none; 
	background: url(../images/icon_arrow.png) no-repeat 0 6px;
}
#main a.sublevel:hover {
	text-decoration: none;
	color: #39383D;
}
#main a#active_menu:hover { text-decoration: underline; }






/* LEFT COLUMN */

#left {
	float: left;
	width: 197px;
	background: url(../images/leftcol_middle.gif) repeat-y 0 0;
}
.left_t { background: url(../images/leftcol_top.gif) no-repeat 0 0; }
.left_b { 
	background: url(../images/leftcol_bottom.gif) no-repeat 0 100%; 
	padding: 60px 0 50px 24px;
}

#left .module { width: 170px; }
#left h3 {
	margin: 0 0 0.5em 0;   
	padding: 1.2em 0 0.6em 2.3em;
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #39383D;
}





/* RIGHT COLUMN */

#right {
	float: right;
	width: 152px;
	margin: 0.8em 0 0 0;
}
#right .module { width: 152px; }
#right h3 {
	margin: 0 0 0.5em 0;   
	padding: 0.8em 0 0.6em 1em;
	background-image: url(../images/modright_heading.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #39383D;
}








/* CONTENT */
#content { 
	float: left; 
	overflow: hidden;
	margin: 0.8em 0 0 0;
}

#content ol { margin-left: 25px; }
#content ul { margin-left: 30px; }
#content ol li { 
	list-style-type: decimal; 
	padding: 2px 0px; 
}
#content ul li {
	list-style-type: disc; 
	padding: 2px 0px; 
}
#content h1 {
	margin: 1em 0 0.5em 0;
	padding: 0 0 0 1em;
	color: #B3B2B7;
	font-size: 1.6em;
	background-position: 0 53%;
	background-repeat: no-repeat; 
}
#content h2 {
	margin: 1em 0 0.5em 0;
	padding: 0 0 0.3em 0;
	color: #0099B9;
	font-size: 1.5em;
	background: url(../images/dotline_lightgrey.png) repeat-x 0 100%;
}
#content h3 {
	margin: 1em 0 0.5em 0;
	color: #696A71;
	font-size: 1.5em;
}
#content h4 {
	margin: 1em 0 0.5em 0;
	color: #39383D;
	font-size: 1.1em;
}
#content h5 {
	margin: 1em 0 0.5em 0;
	font-size: 1em;
	color: #0099B9;
}






/* PATHWAY */

* html .pathway_l { width: 97%; }
.pathway_l { 
	height: 25px;
	margin: 0 20px 0 0;
	background: url(../images/pathway_left.png) no-repeat 0 0; 
}
.pathway_r { 
	height: 25px;
	padding: 3px 5px 0 24px;
	background: url(../images/pathway_right.png) no-repeat 100% 0; 
}
span.pathway {
	font-size: 10px;
	white-space: nowrap;
	color: #98989D;
}
span.pathway img {	display: none; }
span.pathway a {
	padding: 0 0.5em 0 0.2em;
	margin: 0;
	color: #98989D;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/pathway_seperator.png) no-repeat 100% 2px;
}
span.pathway a:hover {	
	color: #EBEEF3;
	text-decoration: none; 
}








/* BOTTOM */
.bottom_m {
	height: 71px;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
.bottom_l {
	height: 71px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.bottom_r {
	height: 71px;
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#bottom {
	padding: 1.7em 4em 0 4em; 
	color: #696A71;
	text-align: center;
}
#bottom table { border-collapse: collapse; }
#bottom li { display: inline; }
#bottom a {
	color: #696A71;
	font-weight: normal;
	text-decoration: none;
}
#bottom a:hover {
	color: #39383D;
}




/* FOOTER */

.footer_l { 	background: url(../images/footer_shadow-left.gif) no-repeat 0 50%; }
.footer_r { 	background: url(../images/footer_shadow-right.gif) no-repeat 100% 50%; }

#footer {
	padding: 0 20px;
	color: #696A71;
}
#footer .floatmodule { 	float: left;  }

.footercol-1 .floatmodule { width: 50%; }
.footercol-2 .floatmodule { width: 33%; }
.footercol-0 .floatmodule { width: 100%; }

#footer .moduletable { margin: 0 0.5em; }
#footer h1 {
	font-weight: normal;
	font-size: 1em;
}
#footer h3 {
	padding: 0 0 0.8em 0;
	margin: 0 0 0.5em 0; 
	color: #B3B2B7;
	font-size: 1em;
	font-weight: bold;
	background-position: 0 100%;
	background-repeat: no-repeat;
}
#footer a {
	font-weight: bold;
	color: #696A71;
}
#footer a:hover {	color: #39383D; }
#footer li a { font-weight: normal; }
#footer li a:hover { text-decoration: none; }

#footer .contentheading {
	font-size: 1em;
	background: none;
	padding: 0;
	color: #696A71;
}
#footer .article_seperator { display: none; }

#footer .neolatestnews a { 
	font-weight: bold;
}



#neojoomla {
	text-align: center;
}
#neojoomla h1 {
	position: relative;
	left: 50%;
	margin: 1em 0 1em -32px;
	float: left;
	width: 64px;
	height: 45px;
	/*background: url(../images/logo_neojoomla.gif) no-repeat 0 0;*/
	cursor: hand;
}
* html #neojoomla h1 { 
	float: none;
	margin: 1em auto;
	left: auto;
}

#neojoomla h1 span { display: none; }







/* **** TEMPLATE CUSTOMIZER */
.templateCustomizer { 
	float: right; 
	position: relative;
	top: -5px;
	right: 22px;
}
* html .templateCustomizer { top: -8px; }

.templateCustomizer ul { float: left; }

.templateCustomizer ul li { 
	float: left;
	margin: 0 0 0 3px;
}
.templateCustomizer a {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	border: 1px solid #FFF;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.templateCustomizer a:hover { 	border-color: #B3B2B7; }
.templateCustomizer a span { 	display: none; }

.templateCustomizer li.fsize-small a {  	background-image: url(../images/tc_fontsize-small.png); }
.templateCustomizer li.fsize-normal a { 	background-image: url(../images/tc_fontsize-normal.png); }
.templateCustomizer li.fsize-large a { 	 	background-image: url(../images/tc_fontsize-large.png); }

.templateCustomizer li.width-thin a { 	background-image: url(../images/tc_width-thin.png); }
.templateCustomizer li.width-wide a  { 	background-image: url(../images/tc_width-wide.png); }

.templateCustomizer li.clr-blue a { 	background-color: #0099B9; }
.templateCustomizer li.clr-red a { 		background-color: #E34A1E; }
.templateCustomizer li.clr-purple a { 	background-color: #E4009F; }
.templateCustomizer li.clr-green a { 	background-color: #00B442; }







/* **** JOOMLA & NEOJOOMLA MODULES STUFFS */


/* POLL */
.poll {}
.pollstableborder {	width: 100%; }
.poll div {	padding: 0.5em 0; }




/* NEOLATESTNEWS */
ul.neolatestnews li p { margin: 0.4em 0; }
ul.neolatestnews a.newstitle { font-size: 1.1em; }

div.readall { 
	margin: 0 0.5em 0 1em; 
	text-align: right;
}
div.readall a { text-decoration: none; }
div.readall a:hover {}



/* LATESTNEWS, MOSTREAD */
ul.latestnews li, ul.mostread li, ul.neolatestnews li {
	margin: 0 0 0.4em 0;
	padding: 0 0 0.4em 0;
	background: url(../images/dotline_lightgrey.png) repeat-x 0 100%
}
ul.latestnews a, ul.mostread a, ul.neolatestnews a,
ul.latestnews a:hover, ul.mostread a:hover, ul.neolatestnews a:hover { text-decoration: none; }







/* **** HTML TAGS */

html, body { 
	height: 100%; 
	margin: 0px;
	padding: 0px;
}

body{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;    
	color: #39383D;
	background-color: #FFF;
}

table {	font-size: 1em; }
h1, h2, h3, h4, ol, ul, li, form {
	padding: 0px;
	margin: 0px;
}
ul li { list-style-type: none; }

a {
	font-weight: bold;
	text-decoration:underline;
}
a:hover { 
	color: #39383D;
	text-decoration: none; 
}

hr {
	height: 1px;
	border: 0px;
	color: #999;	
	background-color: #999;
}

img { border: 0px; }


input, select, textarea {
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 1px;
	border-width: 1px;
}
.f-small input, .f-small select, .f-small textarea { font-size: 10px; }



/* **** JOOMLA STUFFS */


/* FORMS */
input.inputbox, select.inputbox, textarea {
	color: #39383D;
}
input.button {
	font-weight: bold;
	padding: 2px 4px !important;
	padding: 2px;
	color: #FFF;
	background: url(../images/formbutton_bkg.png) repeat-x 0 50%;
	border-top-color: #666;
	border-left-color: #666;
	border-right-color: #000;
	border-bottom-color: #000;
}




/* SMALL TEXT, DATES */
.createdate, .modifydate, .small   {
	font-size: 1em;
	color: #B3B2B7;
	text-align: left;
}




/* **** PAGE CONTENT */

/* PRINT PAGE */
body.contentpane {	padding: 6px 10px 4px 10px; }


table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
	font-size: 1em;
}



/* HEADING OF COMPONENT */
.componentheading {
	margin: 0.3em 0 1em 0;
	padding: 0.5em 0 0.5em 2.5em;
	font-weight: normal;
	font-size: 1.6em;
	color: #696A71;
	letter-spacing: 0.05em;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
.f-small .componentheading { 
	font-size: 1.3em; 
	font-weight: bold;
	padding-left: 3em;
}


/* HEADING OF CONTENT */
.contentheading {
	padding: 0 1.4em 0.3em 0;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.1em;
	background: url(../images/contheading_bkg.png) no-repeat 100% 100%;
}
.f-small .contentheading { font-size: 1.3em; }

.contentheading a {
	text-decoration: none;
}
.contentheading a:hover { 
	text-decoration: none; 
}




/* BUTTONS HEADING (PRINT, EMAIL, PDF) */
.buttonheading {           
	text-align: left;
	vertical-align: bottom;  
	font-size: 0.85em;
}
.buttonheading img { border: 0; }
.buttonheading a { text-decoration: none; }
.buttonheading a:hover { text-decoration: underline; }




.contentdescription { 
	padding: 1em 0; 
	font-weight: bold;
}

.pagenavcounter { text-align: right; }




/* TABLE OF CONTENT */
table.contenttoc {
	margin: 0 0 0.2em 1em;
	background-repeat: no-repeat;
	background-position: 0 0; 
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
table.contenttoc th {
	padding: 0.5em 1em;
	color: #39383D;
	font-weight: bold;
}
table.contenttoc td {
	padding: 0.2em 0 0.2em 1em;
}
table.contenttoc a.toclink {
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
}
table.contenttoc a.toclink:hover { text-decoration: underline; }




/* MOS IMAGE */
div.mosimage {	
	width: auto;
	margin: 0.2em 0.5em;
	border: 1px solid #EBEEF3;
}
div.mosimage img { 
	margin: 0.1em;
	border: 1px solid #EBEEF3; 
}
div.mosimage_caption {
	padding: 2px;
}




/* READMODRE LINK FOR ARTICLES */
a.readon {	
	padding: 0 0 0 0.7em;
	color: #39383D;
	text-decoration: none;
	background: url(../images/icon_arrow.png) no-repeat 0 6px;
}
a.readon:hover { 
	color: #B3B2B7;
	text-decoration: none; 
}




/* ARTICLE SEPERATOR */
span.article_seperator {
	display: block;
	height: 18px;
	margin: 1em 0;
	background: url(../images/article_seperator.png) no-repeat 50% 0;
}




/* BLOG MORE */
.blog_more {
	padding: 0.5em;
	margin: 0 1em;
}
.blog_more ul { margin: 0 !important; }
.blog_more li{ 
	list-style-type: none !important;
	margin: 0.3em 0 !important;
	padding: 0.3em 0 !important;
	background: url(../images/dotline_lightgrey.png) repeat-x 0 100%
}
.blog_more a { text-decoration: none; }
.blog_more a:hover { text-decoration: none; }




/* TABLE ITEMS */
.sectiontableheader {
	padding: 0.4em;
	color: #EBEEF3;
	font-weight: bold;
	background: url(../images/formbutton_bkg.png) repeat-x 0 50%;
}
.sectiontableheader a, .sectiontableheader a:hover {}

tr.sectiontableentry1 td, td.sectiontableentry1,
tr.sectiontableentry2 td, td.sectiontableentry2 { 
	padding: 0.4em;
	vertical-align: top;
	background: url(../images/dotline_lightgrey.png) repeat-x 0 100%;
}

.sectiontableentry1 a, .sectiontableentry2 a { text-decoration: none; }
.sectiontableentry1 a:hover, .sectiontableentry2 a:hover { text-decoration: underline; }





/* PAGIN NAVIGATION */
.pagenavbar {
	padding: 4px;
	text-align: left;
}


span.pagenav, a.pagenav {
	font-size: 1em;
	font-weight: bold;
	margin: 0px 2px;
}
span.pagenav {
	color: #B3B2B7;
}
a.pagenav, .pagenav_prev a, .pagenav_next a {
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover { 
	text-decoration: underline; 
}




/* BACK BUTTON  */
div.back_button a { 
	float: right;
	padding: 0.3em 0.2em 0.2em 4em;
	color: #696A71;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	background: url(../images/backbutton.png) no-repeat 0 0;
}
div.back_button a:hover { 
	color: #39383D;
	text-decoration: none; 
}




/* SEARCH RESULTS */
table.searchintro{
	padding: 8px 0px;
	width: 100%;
}
span.highlight { background-color: #FFFF99; }





/* MODULES STUFFS */

table.moduletable { width: 100%; }

.syndicate img { margin: 1px 0px; }





/* **** FRONTEND ADMIN STUFFS */

/* VALIDATION MESSAGE */
div.message {
	font-size: 0.95em;
	font-weight: bold;
	color: #CC0000;
	text-align: center;
	padding: 5px 0px;
}



/* FORM TOOLBAR */
table#toolbar a.toolbar {
	border: 1px solid #CCC;
	background-color: #FFF;
}
table#toolbar a.toolbar:hover {
	border: 1px solid #666;
	background-color: #F5F5F5;
}
#video {
	float:left;
	width:491px;
	height:300px;
	padding-top:18px;
	margin-left:100px !important;
	margin-left:50px;
	}