body {

	text-align: center; /* required for centering the page in IE */
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0px;
	padding-left: 0pt;
	background-color: #000000;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-repeat: repeat;
	font-family: Trebuchet MS, Arial;
	color: #FFFFFF;
	text-align: center;
	voice-family: inherit;
	}

h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
	font: 12px Arial,sans-serif;
	}



h1{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #FFFFFF;text-transform: uppercase;}
h2{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #FFFFFF;text-transform: uppercase;}
h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #FFFFFF;text-transform: uppercase;}
.componentheading{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #FFFFFF;}
.contentheading{font: normal normal 200% "Trebuchet MS",Arial,sans-serif; font-weight:bold;color: #FFFFFF;}


h2{font-size:160%}

h3{font-size:120%}

html, body {

  

height: 100%;

width: 100%;

}	



#left .moduletable, #left .moduletable_menu, #right .moduletable, #right .moduletable_menu, #right .moduletable_text, #left .moduletable_text {

padding:6px;

}



a:link ,  a:visited{

	text-decoration:none;	

	color: #FFFFFF;

	font-weight: bold;

}

a:hover {

	text-decoration: none;

		color: #FFF;

			font-weight: bold;



}



#wrapper {

position:static;

	width: 850px;

	margin: 0 auto; /* centering the page */

	text-align: left;

padding-bottom:0px



	}

#header {

position:static;

	height: 285px;

	background-image:url(../images/headimg.png)

	}



#menu {
padding: 26px 0 16px;
text-transform: uppercase;
text-align: right;
width: 850px;
margin: 0 auto;
font-family: Trebuchet MS, Arial;
}
#menu_container{

background-image: url(../images/wrapper.png);
background-repeat: repeat-y;
padding:0px;
background-attachment: scroll;
width: 850px;
height:28px;





}



#container {

background-color: #000000;

background-image: url(../images/wrapper.png);

background-repeat: repeat-y;

background-attachment: scroll;

background-position: 0% 0%;
padding-bottom:0px;

font-size: 0.9em;

text-align: left;




	}

#innerContainer {



		margin-right: 12px;

	margin-left: 12px;

	height:100%;

}

#FlashHeadpiece {

	background-color:#444;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #CCCCCC;

	border-right-color: #CCCCCC;

	border-bottom-color: #333333;

	border-left-color: #CCCCCC;

	border-top-width: 0px;

	border-right-width: 0px;

	border-left-width: 0px;

background-repeat: repeat-x;

}
#LoginHead {

	background-color:#2B2B2B;
	padding-top:10px;
	padding-left:20px;
}

#left {

	float: left;

	width: 166px;





	position:relative;





	}

	

#right {

float:right;
padding-top: 18px;
padding-right: 15px;
padding-bottom: 0pt;
padding-left: 15px;
color: #7d8395;
font-size: 0.92em;
voice-family: inherit;
width: 190px;
}



.latestnews, .mostread, .popular{

	font: 11px Arial,sans-serif;

list-style-type:none;



}

li.mostread, li.latestnews{

	padding-bottom:4px;



}



li.mostread a:link, li.latestnews a:link, li.higestrated a:link, li.mostread a:visited, li.latestnews a:visited, li.higestrated a:visited{

	padding-left: 14px;

	background-image: url(../images/starbullet.gif);

	background-repeat: no-repeat;

	background-position: left 2px;



}

li.mostread a:hover, li.latestnews a:hover, li.higestrated a:hover{

	background-image: url(../images/starbullet-hover.gif);

	background-repeat: no-repeat;

	background-position: left 2px;



}

#content {

	float:right;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 150px;

	width:850px;









	}

	#content p {

		line-height:20px;

	font: 12px;



	}

	#content ul{



	list-style-type: none;



	}

	

	#content li{

				line-height:20px;

					font-size: 12px;

							padding-left:14px;

		background-image: url(../images/arrowbullet.png);

	background-repeat: no-repeat;

	background-position: left 4px;



	}



#clear {

	height: 0px;

	clear:both;	



	}

	.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

}

#footer {

	height: 50px;
	font-size:10px;
	background-image: url(../images/wrapper.png);
	clear:both;
	text-align:right;
	padding-right:20px;
	padding-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	}


#search {

float:left;

width:150px;

padding-top:1px;

}

		

		/*Horizontal Nav*/

		

#nav {



	float: left;





}
#nav {
border:1px;
border-color:#006600;
}

ul#nav,ul#nav li{

	list-style-type:none;

	margin:0;



}

ul#nav{

	position:static;

	margin-right: 36px;

	font-size: 12px;

	border-left-width: 0px;

	border-left-style: solid;

	border-left-color: #666666;



}


ul#nav li{

	float:left;

	font-size: 12px;

	text-align: center;

	display: inline;

	vertical-align: middle;

	border-right-width: 0px;
	

	border-right-style: solid;

	border-right-color: #666666;



}



ul#nav a {

	float:left;



	height: 27px;
width:60px;
	line-height: 26px;

	text-decoration:none;	

	color: #c8c8c8;

	font-weight: bold;

	padding-left:15px;

	padding-right:15px;

	



}

ul#nav a:hover {

	color: #fff;
	background-position:center;
	background-repeat:repeat-x;
	/* background-image: url(../images/menu.png); */

	}

	











ul#nav li.activelink a,ul#nav li.activelink a:hover{color: #fff;background-color: #131313;}



#nav a:link#active_menu-nav, #nav a:visited#active_menu-nav{color: #fff; }

	

	

	/*Vertical Nav*/

	

	

.menu {  list-style-type: none;text-indent: 5px; position:relative;

	margin-left:-6px;}



ul.menu

{	

	padding-left: 0;

	list-style-type: none;

	font-family: Arial, Helvetica, sans-serif;

	

	

}



ul.menu a

{

display: block;
padding: 3px;
width: 160px;
background-color: #2B2B2B;
border-bottom: 1px solid #333333;
}



ul.menu  a:link,  ul.menu  a:visited

{

	color: #FFF;

	text-decoration: none;

	font-weight: bold;

		background-image:url(../images/vertnavbutton.png);

background-repeat:repeat-x;



}



ul.menu  a:hover

{

background-color: #7d8395;
color: #fff;
background-image:url(../images/vertnavbutton-hover.png);
background-repeat:repeat-x;



}

ul.menu .active a

{

background-image:none;

background-color: #282828;

color: #fff;

	background-image:url(../images/vertnavbutton-hover.png);

background-repeat:repeat-x;



}

/* default */



.adminform {

}

.article_seperator {

}

.back_button {

}

.blog {

}

.blog_more {

}

.blogsection {

}

.button {



}

.buttonheading {

}

.category {

}

.clip {

}

.componentheading {



	font-family: "Trebuchet MS",Tahoma, Verdana, Arial;

	font-size: 20px;

	font-weight: bold;

	color: #FFFFFF;

	padding-top: 5px;

	padding-bottom:10px;



}

.contact_email {

}

.content_rating {

}

.content_vote {

}

.contentdescription {

}

.contentheading {

	font-family: "Trebuchet MS".Tahoma, Verdana, Arial;
	background-image:url(../images/post_title01.png);
	background-repeat:no-repeat;
	padding-left:38px;

	font-size: 20px;

	font-weight: bold;

	color: #f0f0f0;

}

.contentpagetitle {

}

.contentpane {

}

.contentpaneopen {

}

.contenttoc {

}

.createdate {
color:#f0f0f0;
font-size:9px;;

}

.dtree {

}

.dTreeNode {

}

.editlinktip {

}

.expander {

}

.highlight {

}

.inputbox {

}

.item {

}

.message {

}

.message {

}

.modifydate {

}

.module {

}



.mosimage {

}

.mosimage_caption {

}

.mostread {

}

.newsfeed {

}

.node {

}

.pagenav {

}

.pagenav_next {

}

.pagenav_prev {

}

.pagenavbar {

}

.pagenavcounter {

}

.paramlist {

}

.pathway {

}

.poll {

}

table .pollstableborder{



text-align:left;

}

.pollstableborder td 



{



text-align: left;



}

.profiler {

}

.readon {

}

.row1 {

}

.row2 {

}

.search {

padding-top:1px;

margin-left:20px;

}

.searchintro {

}

.sectiontableentry1 {

}

.sectiontableentry2 {

}

.sectiontablefooter {

}

.sectiontableheader {

}

.small {
color:#f0f0f0;
font-size:10px;

}

.smalldark {

}

.syndicate {

}

.syndicate_text {

}

.tab {

}

.tabclass1 {

}

.tabclass2 {

}

.tab-page {

}

.text_area {

}

.toclink {

}

.toolbar {

}

.tooltip {

}

.wrapper {

}

h3 {

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #ffffff;

width: 190px;

color: #ffffff;

background-color: #111318;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

font-size: 1.1em;
}

h2 {

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

border-bottom-width: 1px;

border-bottom-style: dotted;

border-bottom-color: #ffffff;

width: 190px;

color: #ffffff;

background-color: #111318;

background-image: none;

background-repeat: repeat;

background-attachment: scroll;

background-position: 0% 0%;

font-size: 1.1em;

}

#mod_login_password, #mod_login_username {



width:145px;

color: #FFF;

}



#mod_search_searchword {

	width:145px;



	background-image: url(../images/searchBackground.png);

	background-repeat: repeat-x;

}



#mod_search_searchword.inputbox:hover, #mod_search_searchword.inputbox:focus {



	border: 1px solid #66B5FF;;

	color: #2B2B2B;

	



}

form {



	margin: 0;



	padding: 0;



}







input, select {



	font: 12px "Lucida Grande",	 Arial,sans-serif;



}







select, .inputbox {



	padding: 2px;

	padding-top:2px;

	padding-left:5px;



}







textarea {



	padding-left: 2px;



}







.button, input .button {



	border: 1px solid #2F2F2F;





	padding: 1px 5px!important;



	background: url(../images/vertnavbutton.png) repeat-x top #333;



	color: #FFFFFF;

	

	



}



.button:hover  {

	background: url(../images/button-bg.gif) repeat-x top;

	color: #fff;

	 cursor: pointer;

white-space: nowrap;

cursor: hand;

}



.button:active, .button:focus {



	border: 1px solid #222222;



}







.inputbox {



	border: 1px solid #3F3F3F;

	background: #2F2F2F;

	color: #666;

	



	}

	



#left .inputbox {

	background-image: url(../images/vertnavbutton.png);

	background-repeat: repeat-x;

	

		

}

.inputbox:hover, .inputbox:focus {



	border: 1px solid #606060;

	color: #FFFFFF;

	



}

fieldset.js_loginflat {border:0px; padding:8px; margin-left:12px;margin-right:12px; 	font: 11px Arial,sans-serif; 	text-align:center;

vertical-align:top;}

fieldset.js_loginflat .inputbox {width:145px; }

fieldset.js_loginflat legend {display:none}

.moduletableflat {text-align:center;vertical-align:top;}



.bearright {top:25px; right:15px; position:absolute;}



fieldset {

border:0px;

}

#form-login li {

list-style-type:none;

}

.buttonheading a img{

border:0px;

}



.line {

	color: #CCCCCC;



}

/* LEX code */

#colorfield-border {

	float:left;

	position:relative;

	top:158px;

	left:138px;



}

#colorfield-link {

	float:left;

	position:relative;

	top:180px;

	left:76px;



}

#bear {

position:relative;

font-size:10px;

color:#333333;

	width: 300px;

	float:right;

	text-align:right;

	padding-bottom:20px;

	padding-right:15px;

}

#bear a:link, #bear a:visited {

color:#333333;

text-decoration:none;



} 

#bear a:hover {

color:#666666;

text-decoration:none;

cursor:pointer;

} 

#bear a img{

border:0px;}

.joomla-template-design {

position:absolute;

top:0px;

right:15px;

}

.joomla-template {

position:absolute;

top:5px;

right:48px;

display:block;



}

a.divlink, a.divlink:link, a.divlink:visited  {

	display:block;

	width:100%; /*width needs to be specified to work in IE*/

	height:100%; /*height needs to be specified to work in IE*/

	/*Other browsers expand the link to full width and height.*/

line-height:0px;

	font-size:0px;

	color: #222222;

}

img {border:none;}


#topMenu

{
position: static;
background-image: url(../images/menu.png);
width: 850px;
margin-left: auto;
margin-right: auto;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 50px;
padding-left: 0px;
height: 38px;
}


/* BUTTONS */

.punamenu {
     list-style-type: none;
     list-style-position:outside;
     position: relative;
     margin: 0;
     padding: 0;
	 padding-left:5px;
 }
 
  .punamenu li{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    float: left;
    width: 105px;
    height: 40px;
    margin-right: 0px;
    background-repeat:no-repeat;
}

.punamenu a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#menu1 {
background-image:url(../images/home_nonactive.png);

}
#menu2 {
background-image:url(../images/video_nonactive.png);
}
#menu3 {
background-image:url(../images/dropje_nonactive.png);
}
#menu4 {
background-image:url(../images/reg_nonactive.png);
}
#menu5 {
background-image:url(../images/help_nonactive.png);
}
#menu1:hover  {
background-image:url(../images/home_active.png);

}
#menu2:hover {
background-image:url(../images/video_active.png);
}
#menu3:hover {
background-image:url(../images/dropje_active.png);
}
#menu4:hover {
background-image:url(../images/reg_active.png);
}
#menu5:hover {
background-image:url(../images/help_active.png);
}
#menu a:hover {
color: gray;
}
#menu a {
margin-left: 25px;
}