/*
* A Joomla! Template
* @name - glazed
* @author - Free Css Templates
* @version 1.5
* @date - Nov 13, 2007
* @website - www.freecsstemplates.org
* @copyright (C) - 2007 Xtreme Open Source - All Rights Reserved. 
* @license - Creative Commons Attribution 2.5
* @modifications - Modified for Joomla! by XtremeOpenSource - www.xtremeopensource.org
*/


* {
  margin                : 0;
  padding               : 0;
}

body {
  color                 : #474848;
  background            : url(../images/img01.gif) #f5f5f5 repeat-x;
}


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




/********** Wrapper **********/
#wrapper {
  background            : url(../images/img08.gif) repeat-x left bottom;
}




/********** Top Menu **********/
#menu {
  height                : 50px;
}

#menu ul {
  line-height           : normal;
  list-style            : none;
  margin                : 0;
  padding               : 0;
}

#menu li {
  display               : inline;
}

#menu a {
  height                : 50px;
  float                 : left;
  color                 : #FCFDDF;
  font-size             : 1.4em;
  font-weight           : bold;
  text-decoration       : none;
  padding               : 13px 30px 0px 30px;
  background            : none;
}

#menu a:hover {
  color                 : #FFFFFF;
  text-decoration       : none;
  background            : url(../images/img04.gif) repeat-x;
}


/********** Header **********/
#header {
  height                : 101px;
}


/********** Logo **********/
#logo {
  float                 : left;
}

#logo h1, #logo p {
  float                 : left;
}

#logo h1 {
  color                 : #E43C15;
  font-size             : 3.2em;
  font-weight           : bold;
  padding               : 20px 0 0 20px;
}

#logo p {
  line-height           : normal;
  font                  : normal 1.4em Georgia, "Times New Roman", Times, serif;
  letter-spacing        : 2px;
  margin                : 0;
  padding               : 42px 0 0 6px;
}


/********** Search **********/
#search {
  width                 : 200px;
  float                 : right;
  padding               : 40px 20px 4px 0;
  background            : url(../images/img05.gif) no-repeat left bottom;
}

.search_inputbox {
  color                 : #000000;
  font-family           : Verdana, Arial, Helvetica, sans-serif;
  font-size             : 10px;
}


/********** User Modules **********/
#user1 {
  width                 : 100%;
}

#user2 {
  width                 : 100%;
}


/********** Page **********/
#page {
  width                 : 960px;
  margin                : 0 auto;
  background            : url(../images/img06.gif) #FFFFFF;
}

#bgtop {
  height                : 20px;
  background            : url(../images/img07.gif);
}

#bgbottom {
  padding-bottom        : 20px;
  background            : url(../images/img09.gif) no-repeat left bottom;
}

#page ul {
  list-style            : none;
}




/********** Content **********/
#content {
  width                 : 430px;
  float                 : left;
  padding               : 0 0 0 20px;
}



/********** Post **********/
.post .bigpix {
  margin-bottom         : 20px;
  background            : #F0F0F0;
}

.image {
  width                 : 430px;
  height                : 250px;
  background            : url(../images/img02.jpg) no-repeat;
}

.post .bigpix .caption {
  line-height           : normal;
  color                 : #999999;
  font-size             : .8em;
  font-weight           : bold;
  margin                : 0;
  padding               : 2px 10px 5px 10px;
}

.post .bigpix .caption a {
  color                 : #999999;
}


/********** Sidebar Common Style **********/
#page .sidebar li {
  padding               : 0;
  background            : none;
}


/********** Sidebar One **********/
#sidebar1 {
  width                 : 250px;
  float                 : left;
  padding               : 0 0 0 20px;
}


/********** Sidebar Two **********/
#sidebar2 {
  width                 : 180px;
  float                 : right;
  padding               : 0 20px 0 0;
}


hr {
  display               : none;
}


/********** Footer **********/
#footer {
  width                 : 960px;
  height                : 83px;
  margin                : 0 auto;
  background            : url(../images/img10.gif) no-repeat;
}

#footer p {
  text-align            : center;
  font-size             : .8em;
  font-weight           : bold;
  padding-top           : 20px;
  background            : none;
}




/*#################### JOOMLA! 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                 : #666666;
  font-weight           : bold;
  text-decoration       : none;
  background            : none;
}

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


/********** MainLevel Links **********/
a.mainlevel:link, a.mainlevel:visited {
  line-height           : 13px;
  display               : block;
  color                 : #1D62B3;
  font-size             : 12px;
  text-decoration       : none;
  padding               : 5px 15px 5px 25px;
  background            : url(../images/img11.gif) no-repeat 10px 10px;
  border-bottom         : 1px solid #F0F0F0;
}

a.mainlevel:hover {
  color                 : #E43C15;
  text-decoration       : none;
  background            : url(../images/img11.gif) no-repeat 10px 10px;
}


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

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


/********** Active MainLevel Links **********/
#active_menu {
  color                 : #35D538;
  font-weight           : normal;
}

a#active_menu:hover {
  color                 : #E43C15;
}


/********** 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                 : #1D62B3;
  text-decoration       : none;
  background            : url(../images/img03.gif) repeat-x left bottom;
}

a:hover {
  color                 : #E43C15;
  background            : none;
}


/********** Main Menu, Other Menu & Key Concepts Modules **********/
table.moduletable_menu {
  width                 : 100%;
  margin-bottom         : 15px;
}

table.moduletable_menu th {
  width                 : 100%;
  color                 : #666666;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 16px;
  font-weight           : bold;
  letter-spacing        : -1px;
  text-align            : left;
  text-indent           : 5px;
  text-transform        : uppercase;
  padding-left          : 10px; 
}

table.moduletable_menu ul {
  padding               : 0px;
}

table.moduletable_menu li {
}

table.moduletable_menu td {
  padding               : 10px 0 0 10px;
}

table.moduletable_menu a {
  display               : block;
  color                 : #1D62B3;
  font-size             : 12px;
  text-decoration       : none;
  padding               : 5px 15px 5px 25px;
  background            : url(../images/img11.gif) no-repeat 10px 10px;
  border-bottom         : 1px solid #F0F0F0;
}

table.moduletable_menu a:hover {
  color                 : #E43C15;
  text-decoration       : none;
  background            : url(../images/img11.gif) no-repeat 10px 10px;
}

  
/********** Modules **********/
table.moduletable {
  width                 : 100%;
  text-align            : left;
  margin-bottom         : 15px;
}

table.moduletable th {
  width                 : 100%;
  color                 : #666666;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 16px;
  font-weight           : bold;
  letter-spacing        : -1px;
  text-align            : left;
  text-indent           : 5px;
  text-transform        : uppercase;
  margin                : 5px 5px 20px 5px;
  
}

table.moduletable ul {
  padding               : 0px;
}

table.moduletable li {
}

table.moduletable td {
  padding               : 2px;
}


/********** User 1 & 2 Modules **********/
#user1 table.moduletable,
#user2 table.moduletable {
  width                 : 100%;
  border                : none;
}

#user1 table.moduletable th,
#user2 table.moduletable th {
  color                 : #666666;
  font-size             : 16px;
  padding-left          : 10px;
}

#user1 table.moduletable td,
#user2 table.moduletable td {
  padding               : 10px 0 0 10px;
  
}

#user1 table.moduletable a,
#user2 table.moduletable a {
  display               : block;
  color                 : #1D62B3;
  font-size             : 12px;
  text-decoration       : none;
  padding               : 5px 15px 5px 25px !important;
  padding               : 5px 15px 6px 25px;
  background            : url(../images/img11.gif) no-repeat 10px 10px;
  border-bottom         : 1px solid #F0F0F0;
}

#user1 table.moduletable a:hover,
#user2 table.moduletable a:hover {
  color                 : #E43C15;
  text-decoration       : none;
}

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


/********** 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                 : #1D62B3;
  font-family           : Georgia, "Times New Roman", Times, serif;
  font-size             : 30px;
  font-weight           : normal;
  text-align            : left;
  padding-top           : 10px;
}


/***** Home, Mambo License, Blog, Lower Content for Advanced Search *****/
.contentpaneopen {
  width                 : 100%;
  padding-left          : 5px;
}

/***** 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;
}


img { 
  border                : 0 none; 
}

.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 #CCCCCC;
}

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



/* 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;
}