/**
* A Joomla! Template
* @version 1.0
* @package - hazman_01
* @author - Hazman
* @date - July 18, 2006
* @website - www.xtremeopensource.com
* @copyright (C) - This template is released under the GNU/GPL License 
*/


body {
}

tr, p, div {
  font-family           : verdana, Arial, Helvetica, sans-serif;
  font-size             : 11px;
  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;
}


/********** Main Background Images **********/
#top_img {
  width                 : 950px;
  height                : 25px;
  margin                : auto;
  background            : url(../images/top.jpg) no-repeat;
}

#center_img {
  width                 : 950px;
  margin                : auto; 
  background            : url(../images/center.jpg) repeat-y;
}

#bottom_img {
  width                 : 950px; 
  height                : 25px;
  margin                : auto;
  background            : url(../images/bottom.jpg) no-repeat;
}


/********** Header Background Images **********/
#header_top_img {
  width                 : 900px;
  height                : 35px;
  margin                : auto;
  background            : url(../images/header_top.jpg) no-repeat;
}

#header_center_img {
  width                 : 900px;
  height                : 273px;
  margin                : auto; 
  background            : url(../images/header_center.jpg) repeat-y;
}


/********** Top Horizontal Menu **********/
#topmenu_outer {
  width                 : 713px;
  float                 : left;
  margin-right          : 2px;
  margin-bottom         : 2px;

}

#topmenu_inner {
  height                : 21px !important;
  height                : 23px;
  border                : 0px solid #ffffff;
	
}

#topmenu {
  width                 : auto;
  float                 : left;
  margin                : 0px;
  padding               : 0px;
}

ul#mainlevel-nav {
  font-size             : 0.8em;
  list-style            : none;
  margin                : 0;
  padding               : 0;
}

ul#mainlevel-nav li {
  line-height           : 21px !important;
  line-height           : 23px;
  float                 : left;
  font-size             : 11px;
  white-space           : nowrap;
  margin                : 0;
  padding-left          : 0px;
  padding-right         : 0px;
  background-image      : none;
  border-right          : 1px solid #749bc4;
}

ul#mainlevel-nav li a {
  color                 : #333333;
  display               : block;
  text-decoration       : none;
  padding-left          : 15px;
  padding-right         : 15px;
  background            : transparent;
}

#topmenu>ul#mainlevel-nav li a { 
  width: auto; 
}

ul#mainlevel-nav li a:hover {
  color                 : #ffffff;
  background            : #a4c388;
}


/********** Search Box **********/
#search_outer {
  width                 : 135px;
  float                 : left;
}

#search_inner {
  height                : 21px !important;
  height                : 23px;
  overflow              : hidden;
  padding               : 0px;
  border                : 1px solid #ffffff;
}

#search_inner form {
  margin                : 0;
  padding               : 0;
}

#search_inner .inputbox {
  color                 : #ffffff;
  font-family           : arial, helvetica, sans-serif;
  font-size             : 11px;
  padding               : 3px 3px 3px 5px;
  background            : #a4c388;
  border                : 0px;
}


/********** Header **********/
#header_container {
  width                 : 850px;
  height                : 250px;
  display               : table;
  margin-left           : 25px;
  clear                 : both;
}

#header_left {
  width                 : 845px;
  height                : 250px;
  float                 : left;
  background            : url(../images/logo.jpg) no-repeat;
}

#header_right {
  width                 : 0px;
  height                : 250px;
  float                 : right;
  margin-top            : 2px;
}





/********** Background Content Images **********/
#content_center_img {
  width                 : 900px;
  margin                : auto; 
  background            : url(../images/content_center.jpg) repeat-y;
}

#content_bottom_img {
  width                 : 900px; 
  height                : 35px;
  margin                : auto;
  background            : url(../images/content_bottom.jpg) no-repeat;
}


/********** Content Container **********/
#content_container {
  width                 : 850px;
  margin                : auto;
  padding-top: 10px;
}

/********** Left Column **********/
#left_column {
  width                 : 160px;
  padding               : 2px;
}

/********** Right Column **********/
#right_column {
  width                 : 160px;
  padding               : 2px;
}



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

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

/********** Pathway **********/
.pathway {
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-size             : 9px;
  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 {
  line-height           : 17px;
  color                 : #555555;
  font-size             : 11px;
  font-weight           : bold;
  vertical-align        : middle;
  text-align            : left;
  padding-left          : 8px;
  text-decoration       : none;
}

a.mainlevel:hover {
  color                 : #749bc4;
  text-decoration       : none;
}



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

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 **********/
table.moduletable {
  width                 : 100%;
  margin-bottom         : 15px;
  padding               : 0px;
  border-spacing        : 0px;
  border                : 1px dashed #a4c388;
}

table.moduletable th {
  height                : 25px;
  color                 : #ffffff;
  font-weight           : bold;
  font-size             : 10px;
  line-height           : 25px;
  text-align            : left;
  text-transform        : uppercase;
  padding-left          : 4px;
  background            : #a4c388;
}

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


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

.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             : 11px;
  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;
}