/*
* A Joomla! Template
* @name - hyperglass
* @author - NodeThirtyThree & Free CSS Templates
* @version 1.0
* @date - Dec 03, 2007
* @website - www.nodethirtythree.com & www.freecsstemplates.org
* @license - Creative Commons Attribution 2.5
* @modifications - Modified for Joomla! by XtremeOpenSource - www.xtremeopensource.org
*/



body {
  color                 : #405A67;
  font-family           : "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size             : 14px;
  margin                : 0;
  padding               : 0;
  background            : url(../images/img01.jpg) #F4FBFF repeat-x;
}

h1, h2, h3 {
  color                 : #4F6977;
  font-weight           : normal;
  margin                : 0;
}

h1 {
  font-size             : 44px;
  letter-spacing        : -1px;
}

h2 {
  font-size             : 28px;
}

h3 {
  font-size             : 16px;
}

p, ul, ol {
  line-height           : 1.5em;
  margin                : 0 0 1.5em 0;
  text-align            : justify;
}




hr {
  display               : none;
}

img {
  border                : none;
}




/********** Header **********/
#header {
  width                 : 954px;
  height                : 183px;
  margin                : 0 auto;
  background            : url(../images/img02.jpg);
}


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

#logo h1, #logo h2 {
  float                 : left;
  color                 : #FFFFFF;
  text-transform        : lowercase;
}

#logo h1 {
  font-weight           : bold;
  padding               : 115px 0 0 50px;
}

#logo h2 {
  font-size             : 14px;
  font-weight           : bold;
  padding               : 143px 0 0 8px;
}

#logo a {
  color                 : #FFFFFF;
  text-decoration       : none;
}


/********** Menu **********/
#menu {
  float                 : right;
}

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

#menu li {
  display               : inline;
}

#menu a {
  color                 : #FFFFFF;
  font-size             : 16px;
  font-weight           : bold;
  text-transform        : lowercase;
  text-decoration       : none;
  padding               : 0 28px 0 0;
}


/********** Page **********/
#page {
  width                 : 954px;
  margin                : 0 auto;
  background            : url(../images/img03.jpg) #FFFFFF repeat-y;
}

#bg {
  background            : url(../images/img06.jpg) no-repeat left bottom;
}


/********** Content **********/
#content {
  width                 : 680px;
  float                 : left;
  background            : url(../images/img04.jpg) no-repeat;
}

#content_container {
  width                 : 95%;
  margin-left           : 20px;
}



#date {
  color                 : #79AFCD;
  text-align            : right;
  margin                : -26px 25px 15px 0;
}




/********** About Box **********/
#about-box {
  width                 : 185px;
  height                : 162px;
  padding               : 70px 37px 0 35px;
  background            : url(../images/img11.jpg) no-repeat left bottom;
}

#about-box h2 {
  font-size             : 18px;
  font-weight           : normal;
  margin-bottom         : 25px;
}

#about-box p {
  font-size             : 12px;
}


/********** Sidebar **********/

#sidebar {
  width                 : 274px;
  float                 : right;
  background            : url(../images/img05.jpg) no-repeat;
}


/********** Footer **********/

#footer {
  padding               : 30px 0;
}

#footer p {
  color                 : #83B3CE;
  font-size             : 12px;
  text-align            : center;
}

#footer a {
  color                 : #83B3CE;
}




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

/********** Pathway **********/
.pathway {
  font-family           : Verdana, Helvetica, Arial, sans-serif;
  font-size             : 9px;
  padding-top           : 15px !important;
  padding-top           : 16px;
  padding-left          : 20px;
}

a.pathway:link, a.pathway:visited {
  color                 : #38B5F1;
  font-weight           : normal;
  text-decoration       : none;
}

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


/********** MainLevel Links **********/
a.mainlevel:link, a.mainlevel:visited {
  width                 : 200px;
  color                 : #38B5F1;
  display               : block;
  margin-left           : 30px;
  background            : url(../images/img13.gif) repeat-x;
}

a.mainlevel:hover {
  text-decoration       : none;
}


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

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


/********** 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: #38B5F1;
}

a:hover {
  text-decoration       : none;
}
  
  

/********** Modules **********/
table.moduletable {
}

table.moduletable th {
  width                 : 274px;
  font-family           : "Trebuchet MS", Arial, Helvetica, sans-serif;
  color                 : #4F6977;
  font-size             : 18px;
  font-weight           : bold;
  letter-spacing        : 1px;
  text-align            : left;
  text-indent           : 25px;
  background            : url(../images/img12.jpg) no-repeat;
}

table.moduletable ul {
  padding               : 0px;
}

table.moduletable li {
}

table.moduletable td {
  padding               : 5px 0 5px 0;
}


/********** 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                 : #4F6977;
  font-family           : "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size             : 30px;
  font-weight           : normal;
  text-align            : left;
 
  
}


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

/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #CCCCCC;
  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                 : #000000;
  font-size             : 11px;
  font-weight           : bold;
}

a.category:hover {
  color                 : #7B8DA1;
  text-decoration       : none;
}


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

.sectiontableentry1 {
  background-color      : #FFFFFF;
}

.sectiontableentry2 {
  background-color      : #cccccc;
}


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