/*

Author: Abdul Malik Sulley

URL: http://www.qwickfusion.com

Date: Dec, 2008

*/



/* GLOBALS */



body {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	color: #303030;

	background: #ffffff url(../images/top_orange.jpg) repeat-x top;

	font: 12px/20px Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-align: justify;

}



a {

	text-decoration: none;

	color: Maroon;

}



a:hover {

	text-decoration: underline;

}



p {

font-weight: normal;	

}

img {}



a img {

	border: none;

}

ul {}



li {}





#top{

	float: left;

	margin: 0 auto;

	width: 100%;

	height: 100px;

	padding: 0px 0px 0px 0px;

	background: transparent;

}



#top_inside{

	width: 790px;

	padding: 0px 0px 0px 10px;

}

#top p{

	width: 870px;

	margin: 0;

	text-align: left;

	font-family: Garamond;

	line-height: 90px;

}

#top a{

	margin: 0 0 0 0;

	width: 980px;

	color: #101010;

	font-size: 28px;

	font-weight: bold;

	text-decoration: none;

}



#top a:hover{

	text-decoration: none;

	color: #800010;

}



#container{

	float: left;

	width: 100%;

	height: 100%;

	margin: 0px 0px 0px 0px;

}



#outside{

	float: left; 

	width: 200px;

	height: 100%; 

	border-top: solid 4px #800000;

	border-bottom: solid 4px #800000;

	background: none;

}





#box1{

	float: left;

	margin: 0px 0px 10px 0px;

	width: 125px;

	background: #C9BEA0;

	padding: 10px 5px 10px 10px;

	border: solid 1px #202020;

	text-align: left;

}



#left{

	float: left;

	margin: 0 auto;

	width: 180px;

	padding: 10px 10px 10px 10px;

	background: #ffffff;

	text-align: left;

}



#clearer {

	clear: both;

}



.title{

	float: left;

	width: 100%;

	border-bottom: solid 5px #FFD700;

	font-size: 18px;

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

	font-weight: bold;

	text-align: left;

	padding: 10px 0px 15px 0px;

	margin-bottom: 10px;

}



.title2{

	float: left;

	width: 100%;

	border-bottom: solid 5px #FFD700;

	font-size: 16px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}



#content {

	float: left;

	margin: 0;

	width: 97%;

	height: 100%;

	padding: 10px 5px 10px 10px;

	background: transparent url(../images/content2.gif) repeat;

	border-top: solid 4px #800000;

	border-left: solid 2px #800000;

	border-right: none;

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

}



#content_box {

	float: left;

	width: 350px;

	background: #ffffff;

	padding: 10px 10px 10px 10px;

	margin-right: 20px;

}



#box {

	float: left;

	margin: 0 auto;

	margin-bottom: 10px;

	width: 150px;

	padding: 10px 10px 10px 10px;

	background: #eaeaea;

	border: solid 1px #999999;

	font-weight: normal;

	font-size: 11px;

	line-height: 16px;

}



#foot{

	float: left;

	margin: 0 auto;

	width: 100%;

	height: 75px;

	background: #FFD700 url(../images/footer_orange.jpg) repeat-x center;

}



#foot p{

	margin: 0px 0px 0px 0px;

	padding-top: 15px;

	width: 1000px;

	height: 60px;

	background: url(../images/footer_orange.jpg) repeat-x center;

	color: #303030;

	text-align: right;

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

	font-size: 10px;

	line-height: 16px;

}



#foot a{

	border-bottom: dotted 1px #303030;

	text-decoration: none;

	color: #303030;

}



#foot a:hover{

	text-decoration: none;

	border-bottom: dashed 1px #303030;

}













/* JOOMLA CSS STUFF */

blockquote {

    margin: 10px;

}

blockquote div {

}

pre {

    padding: 10px;

}



ul#mainlevel-nav {}

ul#mainlevel-nav li {}

ul#mainlevel-nav li a {}

ul#mainlevel-nav li a:hover {}

ul#mainlevel-nav li a#active_menu {}

/******************/

a.mainlevel-nav {}

a.mainlevel-nav:link, a.mainlevel-nav:visited {}

a.mainlevel-nav:hover {}

a.mainlevel-nav#active_menu {}



/******************/

a.mainlevel:link, a.mainlevel:visited {

	display: block;

	width: 190px;

	padding-left: 10px;

	text-decoration: none;

	font-size: 11px;

	text-align: left;

	font-weight: bold;

	color: #050505;

	background: none;

	border-bottom: dotted 1px #ffffff;

}



a.mainlevel:hover {

	text-decoration: none;

	font-size: 11px;

	font-weight: bold;

/*	color: #B75A15;*/

	color: #ffffff;

	background: #FFD700;

}



a.mainlevel#active_menu {

	text-decoration: none;

	font-size: 11px;

	font-weight: bold;

	color: #ffffff;

	background: #FFD700;

}



a.mainlevel#active_menu:hover {

	color: #FFEFD5;

}



a.sublevel:link, a.sublevel:visited {}

a.sublevel:hover {}

a.sublevel#active_menu {}





table.contenttoc {

    border:  1px solid #CCCCCC ;

    margin:  3px;

    padding: 5px;

}

.contenttoc th {

    background-color: #3E4A4F;

    padding:          3px;

    color:            #FFFFFF;

    font-weight:      bold;

}

.contenttoc a {

    font-size:   11px;

    padding:     0 5px 0 5px;

    font-weight: normal;

}

.contenttoc a:hover {

    font-size:    11px;

    color:        #666666;

    padding-left: 5px;

}

.contenttoc td {

    padding:    3px;

    background: #FFFFFF ;

}

.contentpane {

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

    font-size:   11px;

    line-height: 18px;

    text-align:  left;

}

.contentpaneopen ul {

    margin-left: 10px;

}

.contentpane ul {

    margin-left: 10px;

}

table.contentpaneopen,table.contentpane {

}

table.contentpaneopen li {

    margin-left: 40px;

}



/*

div.moduletable {

    margin-bottom: 10px;

    text-align:    left;

    width: 100%;

}

div.moduletable td {

    text-align: left;

    width: 100%;

}

div.moduletable h3 {

	float: left;

	display: block;

	width: 100%;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

div.moduletable th {

	float: left;

	display: block;

	width: 100%;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}



div.moduletable_l {

    margin-bottom: 10px;

    text-align:    left;

width: 180px;

}

div.moduletable_l td {

    text-align: left;

	 width: 180px;

}

div.moduletable_l h3 {

   float: left;

	display: block;

	width: 180px;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

div.moduletable_l th {

	float: left;

	display: block;

	width: 180px;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}



div.moduletable_m {

    margin-bottom: 10px;

    text-align:    left;

width: 100%;

}

div.moduletable_m td {

    text-align: left;

	 width: 100%;

}

div.moduletable_m h3 {

   float: left;

	display: block;

	width: 100%;

	border-bottom: solid 2px #800000;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

div.moduletable_m th {

	float: left;

	display: block;

	width: 100%;

	border-bottom: solid 2px #800000;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

*/



table.moduletable {

    margin-bottom: 10px;

    text-align:    left;

	width: 100%;

}

table.moduletable td {

    text-align: left;

	 width: 100%;

}

table.moduletable h3 {

	float: left;

	display: block;

	width: 100%;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

table.moduletable th {

	float: left;

	display: block;

	width: 100%;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}



table.moduletable_l {

    margin-bottom: 10px;

    text-align:    left;

width: 180px;

}

table.moduletable_l td {

    text-align: left;

	 width: 180px;

}

table.moduletable_l h3 {

   float: left;

	display: block;

	width: 180px;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

table.moduletable_l th {

	float: left;

	display: block;

	width: 180px;

	border-bottom: solid 5px #FFD700;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}



table.moduletable_m {

    margin-bottom: 10px;

    text-align:    left;

width: 100%;

}

table.moduletable_m td {

    text-align: left;

	 width: 100%;

}

table.moduletable_m h3 {

   float: left;

	display: block;

	width: 100%;

	border-bottom: solid 2px #800000;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

table.moduletable_m th {

	float: left;

	display: block;

	width: 100%;

	border-bottom: solid 2px #800000;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	margin-bottom: 10px;

}

.contentpaneopen fieldset {

    border: none ;

    width:  100%;

}

.contentpaneopen td {

    padding:     0;

    text-align:  left;

    line-height: 18px;

}

.contentdescription {

}

.latestnews li {

    list-style: none;

}

.latestnews li a {

    display:       block;

}

.latestnews li a:hover {

}

.mostread li {

    list-style: none;

}

.mostread li a {

    border-bottom: 1px dashed #666666 ;

    display:       block;

}

.mostread li a:hover {

}

ul.latestnews li {

    padding:     2px 2px 3px 0px;

    margin-left: 0px;

    color:       #202020;

    width:       auto;

    text-align:  left;

}

.latestnews a:link {

    color:          #202020;

}

.latestnews a:visited {

    color: #CCCCCC;

}

.latestnews a:hover {

    color: #666666;

}

ul.mostread li {

    margin-left: 0px;

    color:       #808080;

    width:       auto;

    text-align:  left;

    padding:     2px 2px 3px 40px;

}

.mostread a:link {

    text-transform: lowercase;

    color:          #CCCCCC;

}

.mostread a:visited {

    color: #CCCCCC;

}

.mostread a:hover {

    color: #666666;

}

td.contentheading {

    color:           #101010;

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

    font-weight: bold;

    font-size:       18px;

    padding-top:     15px;

    border-bottom: solid 5px #FFD700;

}



div.componentheading {

    color:           #000000;

    text-decoration: none;

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

    font-weight: bold;;

    font-size:       20px;

    text-align:      left;

    border-bottom: solid 5px #FFD700;

    padding-top:     15px;

}

a.contentpagetitle:link,a.contentpagetitle:hover {

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

    text-decoration: none;

    font-size:       18px;

}

a.contentpagetitle:hover {

    color: #CCCC99;

}

.createdate {

    color:          #E36D42;

    font-size:      11px;

    font-weight:    bold;

    text-transform: uppercase;

    border-bottom:  1px dashed #C9987E ;

}

.modifydate,.small {

    color:          #666666;

    font-size:      10px;

    font-weight:    normal;

    text-transform: none;

}

.highlight {

    color:            #FFFFFF;

    background-color: gray;

}

div.mosimage {

  border: 1px solid #ccc;

}



.mosimage {

  border: 1px solid #cccccc;

  margin: 5px

}



.mosimage_caption {

  margin-top: 2px;

  background: #efefef;

  padding: 1px 2px;

  color: #666;

  font-size: 10px;

  border-top: 1px solid #cccccc;

}

.contentpaneopen img {

    margin: 5px;

}

.contentpane img {

    margin: 5px;

}



.button {

	color: #505050;

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

	text-align: center;

	font-size: 11px;

	font-weight: bold;

	/*border: 3px double #cccccc;*/

	border: double 3px #ADD8E6; 

	width: auto;

	padding: 0px 5px;

	line-height: 18px !important;

	line-height: 16px;

	height: 26px !important;

	height: 24px;

	margin: 1px;

}



.inputbox {

	padding: 2px;

	border: solid 1px #ADD8E6; 

	background: #EAF5FF; 

	margin-bottom: 5px;

}

.sectiontableheader {

    font-weight: bold;

    background:  #FFBE00;

    padding:     4px;

    color:       #fff;

}

.sectiontableentry1 td {

    padding: 3px;

}

.sectiontableentry2 td {

    padding:    3px;

    background: #f0f0f0 ;

}

.sectiontableentry1 {

    padding: 2px;

}

.sectiontableentry2 {

    padding: 2px;

}

.readon {

    font-size: 11px;

    height:    20px;

    padding:   2px 5px 2px 22px;

}

.readon a:link, .readon a:visited {

    color: #FFFFFF;

}

.readon a:hover {

    color: #999999;

}

.back_button a {

    padding:    2px 5px 2px 5px;

    background: none;

}

.pagenav {

    text-align:        center;

    color:             #ffffff;

    margin:            0px -2px 0px 0px;

    padding:           1px 6px 1px 6px;

    font-size:         11px;

    font-family:       arial,verdana,tahoma;

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

    background-repeat: repeat-x;

}

a.pagenav, a.pagenav:visited {

    color: #ffffff;

}

a.pagenav:hover {

    color:            #ffffff;

    background-color: #000000;

    border:           1px solid #5d5d5d ;

}

/* content style */

.penting {

    border:           1px dotted #FFCC99 ;

    background-color: threedlightshadow;

}