/*
* A Joomla! Template
* @name - 06
* @author - Hazman
* @version 1.0
* @date - Sept 25, 2006
* @website - www.xtremeopensource.org
* @copyright (C) - 2006 Xtreme Open Source - All Rights Reserved.
* @license - XOSL
* @modifications - None
*/


/*#################### CSS ####################*/

body {

}

tr, p, div {
  font-family           : arial, helvetica, sans-serif;
  font-size             : 12px;
  color                 : #666666;
}

ul {
  list-style            : none;
  margin                : 0;
  padding               : 0;
}

li {
  line-height           : 15px;
  padding-top           : 0px;
  padding-left          : 15px;
  background            : url(../images/arrow.png) 0px 2px no-repeat;
}

.clr {
  clear                 : both;
}



/********** Main Container **********/
#main_container {
  width                 : 100%;
  margin                : 0 auto 0 auto;
}


/********** Content Background Images **********/
div.content_top {
  height                : 45px;
  background            : url(../images/bg_tm.png) repeat-x;
}

img.bg_tl { 
  float                 : left; 
}

img.bg_tr { 
  float                 : right; 
}


/********** Content Center Content **********/
div.content { 
  background            : url(../images/bg_ml.png) #ffffff repeat-y;
  
}
	
div.content_layout { 
  padding               : 0 4% 0 4%; 
  background            : url(../images/bg_mr.png) right repeat-y; 
}


/********** Content Bottom Images **********/
div.content_bottom {
  height                : 45px;
  background            : url(../images/bg_bm.png) repeat-x;
}

img.bg_bl { 
  float                 : left; 
}

img.bg_br {  
  float                 : right; 
}


/********** Header **********/
#header_container {
  width                 : 100%;
  height                : 150px;
  clear                 : both;
  margin                : 0 auto 0 auto;
}

#header_left {
  margin                : auto;
  text-align            : center;
}

#logo {
  margin                : 0 0 0 0;

}

#www {
  width                 : 220px;
  font-size             : 16px; 
  text-align            : center;
}

#header_right {
  float                 : right;
  margin                : auto;
}

#banner {
  width                 : 0px;
  height                : 60px;
  margin                : 0px auto 0 auto;
}

#tm_l {
  width: 10px;
  height: 40px;
  float: left;
  margin-right          : 0px !important;
  margin-right          : -3px;
  background: url(../images/tm_l.png) no-repeat;
}

#tm_r {
  width: 10px;
  height: 40px;
  float: right;
  margin-left           : 0px !important;
  margin-left           : -3px;
  background: url(../images/tm_r.png) no-repeat;
}

#tm_m {
  height: 40px;
  background: url(../images/tm_m.png) repeat-x;
}


/********** Top Horizontal Menu **********/
#topmenu {
  height                : 25px;
  font-family           : Helvetica, Arial, SunSans-Regular, sans-serif;
  font-size             : 11px;
  float                 : left;
  text-align            : left;
  padding               : 12px 0 0 0;
}

#topmenu li {
  display               : inline;
  list-style            : none;
  margin                : 0px;
  padding               : 0px 20px 0px 0px !important;
  padding               : 3px 20px 0px 0px;
}

#topmenu li a {
  color                 : #ffffff;
  margin                : 0px;
  padding               : 4px;
}

#topmenu li a:link, #topmenu li a:visited {
  color                 : #ffffff;
  font-weight           : bold;
  text-decoration       : none;
}

#topmenu li a:hover {
  color                 : #cccccc;
  font-weight           : bold;
  text-decoration       : none;
}

#topmenu li a.current {

}

#search {
  float                 : right;
  margin-top            : 10px !important;
  margin-top            : 8px;
}

#date {
  width                 : 265px;
  height                : 20px;
  float                 : left;
  text-align            : center;
  margin                : auto;
}

#newsflash {
  width                 : 530px;
  margin                : auto;
  border                : 1px solid #555555;
}

/********** User 2 & 3 **********/
#topbox_container {
  width                 : 100%;
  float                 : right;
  clear                 : right;
  position              : relative;
}

#leftbox {
  width                 : 49%;
  float                 : left;
  clear                 : left;
  position              : relative;
}

#rightbox {
  width                 : 49%;
  float                 : right;
  clear                 : right;
  position              : relative;
}


/********** Footer **********/
#footer {
  width                 : 100%;
  height                : 20px;
  text-align            : center;
  font-size             : 9px;
}




/*######################### JOOMLA! CSS #########################*/

/********** Pathway **********/
.pathway {
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-size             : 10px;
  padding-top           : 6px !important;
  padding-top           : 7px;
  padding-left          : 4px;
}

a.pathway:link, a.pathway:visited {
  color                 : #000000;
  font-weight           : normal;
}

a.pathway:hover {
  color                 : #ff9900;
  font-weight           : normal;
  text-decoration       : none;
}


/********** MainLevel Links **********/
a.mainlevel:link, a.mainlevel:visited {
  width                 : 135px;
  line-height           : 20px;
  color                 : #555555;
  display               : block;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : none;
  padding-left          : 15px;
}

a.mainlevel:hover {
  color                 : #56b9f5;
  text-decoration       : none;
  background            : #ececec;
}


/********** SubLevel Links **********/
a.sublevel:link, a.sublevel:visited {
  height                : 20px;
  color                 : #000000;
  font-size             : 12px;
  vertical-align        : middle;
  text-align            : left;
  text-decoration       : none;
  padding-left          : 5px;
}

a.sublevel:hover {
  color                 : #336699; 
  text-decoration       : none;
}


/********** Active MainLevel Links **********/
#active_menu {
  color                 : #ff9900;
  font-weight           : bold;
}

a#active_menu:hover {
  color                 : #749bc4;
}


/********** MainMenu Links **********/
a.mainmenu:link, a.mainmenu:visited {
  color                 : #000080; 
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-weight           : none;
}

a.mainmenu:hover {
  color                 : #000080;
  text-decoration       : underline; 
}


/********** Other Links **********/
a:link, a:visited {
  color                 : #6993bd;
  text-decoration       : underline;
}

a:hover {
  color                 : #666666;
  font-weight           : none;
  text-decoration       : underline;
}


/*####################### MODULES #######################*/

/********** Modules **********/
div.module h3 {
  width                 : 140px;
  height                : 21px;
  color                 : #555555;
  line-height           : 21px;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : left;
  text-transform        : uppercase;
  margin                : 0 0 2px 2px;
  padding-left          : 4px;
  border-bottom: 1px solid #6993bd;
}

#left_column div.module {
  width				    : 170px;
  margin-bottom		    : 5px;
  background			: url(../images/col_m.png) repeat-y;
}

#left_column div.module div {
  padding               : 0 0 14px 0;
  background			: url(../images/col_b.png) bottom left no-repeat;
}

#left_column div.module div div {
  padding				: 15px 0 0 10px;
  background			: url(../images/col_t.png) top left no-repeat;
}

#left_column div.module div div div {
  width				    : auto !important;
  width				    : 100%;
  padding				: 0;
  margin                : 0;
  background			: none;
}

#left_column {
  width				    : 170px;
  float				    : left;
  margin-left           : 5px;
}


div.module-xxx h3 {
  width                 : 140px;
  height                : 21px;
  color                 : #555555;
  line-height           : 21px;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-transform        : uppercase;
  margin                : 0 0 2px 2px;
  padding-left          : 4px;
  border-bottom: 1px solid #6993bd;
}

#left_column div.module-xxx {
  width				    : 170px;
  margin-bottom		    : 5px;
}

#left_column div.module-xxx div {
  padding               : 0 0 14px 0;
}

#left_column div.module-xxx div div {
  padding				: 15px 0 0 10px;
}

#left_column div.module-xxx div div div {
  width				    : auto !important;
  width				    : 100%;
  padding				: 0;
  margin                : 0;
  background			: none;
}



  
/********** Modules **********/  
table.moduletable {
  width                 : 160px;
  margin-bottom         : 15px;
  padding               : 0px;
  border                : 1px solid #cccccc;
}

table.moduletable th {
  width                 : 100%;
  height                : 27px;
  line-height           : 25px;
  color                 : #000000;
  font-size             : 13px;
  font-weight           : bold;
  text-align            : left;
  text-transform        : uppercase;
  margin                : 0 0 5px 0;
  padding-left          : 4px;
  background            : #e7e7e7;
}

#leftbox table.moduletable,
#rightbox table.moduletable {
  width                 : 100%;
  border                : 1px solid #666633;
}

#user4 table.moduletable,
#user5 table.moduletable,
#user6 table.moduletable {
  width                 : 100%;
  border                : 1px solid #666633;
}

table.moduletable td {
  font-size             : 12px;
  font-weight           : normal;
}


/********** Poll **********/
.poll {
  color                 : #666666;
  line-height           : 14px;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 12px;
}

.pollstableborder {
  padding               : 1px;
  border                : 1px solid;
}


/*############### CONTENT ###############*/

/***** Header for contentpaneopen *****/
.contentheading {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : left;
  padding-top           : 10px;
}


/***** Home, Joomla! License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {
  width                 : 100%;
}

/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 14px;
  font-weight           : bold;
  text-align            : left;
  padding-top           : 10px;
  padding-left          : 10px;
}

/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/
.contentdescription {
  padding-left          : 0px !important;
  padding-left          : 10px;
}

/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/
.contentpane {
  padding-top           : 10px;
  padding-left          : 10px;
}


/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  color                 : #7B8DA1;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 12px;
  font-weight           : bold;
  text-align            : left;
  text-decoration       : underline;
  
}

a.category:link, a.category:visited {
  color                 : #333333;
  font-size             : 12px;
  font-weight           : bold;
}

a.category:hover {
  color                 : #7B8DA1;
}


/********** Inner Content **********/
.sectiontableheader {
  color                 : #7B8DA1;
  font-weight           : bold;
  background-color      : #CCCCCC;
}

.sectiontableentry1 {
  background-color      : #F0F0F0;
}

.sectiontableentry2 {
  background-color      : #E0E0E0;
}


/********** Rating **********/
.content_rating {
  padding               : 5px;
}

.small {
  color                 : #3366C0;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : bold;
  text-decoration       : none;
}

.smalldark {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-weight           : normal;
  text-decoration       : none;
}

.createdate {
  color                 : #999999;
  font-family           : Arial, Helvetica, sans-serif;
  font-size             : 10px;
  text-align            : left;
}

.button {
  color                 : #990000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  font-style            : normal;
  font-weight           : bold;
  background-color      : #F0F0F0;
  border                : 1px solid #555555;
}

.inputbox {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
  background-color      : #F0F0F0;
  border                : 1px solid #555555;
}




/* Styles for dhtml tabbed-pages */
.ontab {
  color                 : #FFFFFF;
  font-weight           : bold;
  text-align            : center;
  background-color      : #ffae00;
  border-left           : outset 2px #ff9900;
  border-right          : outset 2px #808080;
  border-top            : outset 2px #ff9900;
  border-bottom         : solid 1px #d5d5d5;
    /* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
}

.offtab {
  font-weight           : normal;
  text-align            : center;
  background-color      : #e5e5e5;
  border-left           : outset 2px #E0E0E0;
  border-right          : outset 2px #E0E0E0;
  border-top            : outset 2px #E0E0E0;
  border-bottom         : solid 1px #d5d5d5;
    /* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
}

.tabpadding {
}

.tabheading {
  text-align            : left;
  background-color      : #ffae00;
}

.pagetext {
  visibility            : hidden;
  display               : none;
  position              : relative;
  top                   : 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
  background-color      : #f0f0f0;
}
.code {
  background-color      : #f0f0f0;
  border                : 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
  color                 : #ff6600;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10pt;
  font-weight           : bold;
  text-align            : center;
}

/* Javascript Back button */
.back_button {
  text-align            : center;
  margin-top            : 40px;
}

table.contenttoc {
  color                 : #333300;
  background-color      : #ffffff;
  border                : 1px solid #333;
}

table.contenttoc td {
  font-size             : 8pt;
  font-weight           : normal;
  text-align            : left;
}

table.searchinto {
  width                 : 100%;
}

table.searchintro td {
  color                 : #ffffff;
  font-weight           : bold;
  background-color      : #293C43;
}