/*
* A Joomla! Template
* @name - terrafirma
* @version 1.5
* @date - May 30, 2008
* @author - NodeThirtyThree & Free CSS Templates
* @website - www.freecsstemplates.org
* @copyright (C) -
* @license - Creative Commons Attribution 2.5
* @modifications - Modified for Joomla! by Hazman - www.xtremeopensource.org
*/


body {
  line-height           : 18px;
  color                 : #89898A;
  font-family           : "trebuchet ms", helvetica, sans-serif;
  font-size             : 11px;
  background            : #F9F9F7 url(../images/a1.gif) repeat-x;

}

p {
  text-align            : justify;
  margin-bottom         : 14px;
}

li {
 margin                 : 0 0 0 25px;
}


#outer {
  width                 : 747px;
  position              : relative;
  margin                : 0 auto;
  background            : #fff url(../images/abg.gif) repeat-y;
}

#upbg {
  width                 : 747px;
  height                : 264px;
  position              : absolute;
  top                   : 0px;
  left                  : 0px;
  z-index               : 1;
  background            : #fff url(../images/upbg.gif) no-repeat;
}

#inner {
  position              : relative;
  z-index               : 2;
	padding               : 13px 30px 13px 30px;
}


#header {
  width                 : 687px;
  height                : 184px;
  color                 : #fff;
  position              : absolute;
  
  
}

#header span {
  font-weight           : normal;
}

#header h1 {
  line-height           : normal;
  font-size             : 23px;
  letter-spacing        : -1px;
  top                   : 10px;
  position              : absolute;
}

#header h2 {
  color                 : #FCE2CA;
  font-size             : 10px;
  font-weight           : normal;
  top                   : 41px;
  position              : absolute;
}

#header sup {
  color                 : #FCE2CA;
}


#splash {
  width                 : 458px;
  height                : 92px;
  position              : absolute;
  right                 : 30px;
  background            : #EAEAE2 url(../images/a10.jpg) no-repeat;
}


#topmenu {
  height                : 67px;
  position              : relative;
  margin                : 198px 0px 20px 0px;
  padding               : 0px 20px 0px 5px;
  background            : #46461F url(../images/a16.gif) repeat-x;
}

#topmenu ul {
}

#topmenu ul li {
  line-height           : 52px;
  display               : inline;
  padding-left          : 3px;
}

#topmenu ul li.first {
  border-left           : 0px;
}

#topmenu ul li a {
  color                 : #fff;
  font-size             : 12px;
  font-weight           : bold;
  padding               : 8px 12px 8px 12px;
  background-color      : transparent;
  background-repeat     : repeat-x;
}

#topmenu ul li a:hover {
  color                 : #4A4A24;
  text-decoration       : none;
  background            : #fff url(../images/a18.gif) repeat-x top;
}

#date {
  line-height           : 52px;
  color                 : #E60005;
  font-size             : 12px;
  font-weight           : bold;
  letter-spacing        : -1px;
  position              : absolute;
  top                   : 0px;
  right                 : 30px;
}


a {
  color                 : #3366C0;
  text-decoration       : underline;
}

a:hover {
  text-decoration       : none;
}


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

#primarycontent {
  width                 : 480px;
  float                 : left;
  position              : relative;
	margin                : 0 0 30px 0;
}

/***** Header for contentpaneopen *****/
.contentheading {
  line-height           : 25px;
  color                 : #E60005;
  font-size             : 18px;
  letter-spacing        : -1px;
  position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0px 0px 0px 0px;
  background            : url(../images/a22.gif) bottom repeat-x;
}

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

table.blog span.article_separator  {
	display               : block;
	height                : 14px;
	background            : url(../images/a33.gif) bottom repeat-x;
}


/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/
.componentheading {
  color                 : #3366C0;
  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-weight           : bold;
  text-align            : left;
  text-decoration       : none;
}

a.contentpagetitle:hover {
  color                 : #7B8DA1;
  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;
}


#newsflash {
  margin                : 10px 0 0 0;
  padding               : 0;
}


#secondarycontent {
  width                 : 180px;
  float                 : right;
  position              : relative;
	margin                : 0 0 30px 0;
}


/********** Login Form, Rounded Modules **********/
div.module h3 {
	line-height           : 25px;
  color                 : #E60005;
  font-size             : 16px;
  letter-spacing        : -1px;
	position              : relative;
  top                   : 4px;
  margin                : 0;
  padding               : 0 0 0 10px;
}

div.module {
	margin                : 0 0 15px 0;
	padding               : 0;
}

div.module ul {
  width                 : 95%;
	margin                : 0;
	padding               : 0;
}

div.module li {
  padding               : 2px 0 2px 15px;
}



/********** _menu rounded Modules **********/
div.module_menu h3 {
  line-height           : 25px;
  color                 : #E60005;
  font-size             : 16px;
  letter-spacing        : -1px;
	position              : relative;
  top                   : 4px;
  margin-bottom         : 20px;
  padding               : 0 0 10px 10px;
  background            : url(../images/a22.gif) bottom repeat-x;
}

div.module_menu {
	margin                : 0 0 0px 0;
	padding               : 0;
}


div.module_menu ul {
	
	/*width                 : 95%;
	margin                : 0;
	padding               : 0;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#3366C0;
	
	/* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
}

div.module_menu li {
	list-style            : none;
	padding               : 4px;
}

/* style, color and size links and headings to suit */
div.module_menu a, div.module_menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

div.module_menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

div.module_menu a {
color: #3366C0;
background: #efefef;
text-decoration: none;
}

div.module_menu a:hover {
color: #a00;
background: #fff;
}

div.module_menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

div.module_menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

/********** XHTML Modules **********/
div.moduletable h3 {
	height                : 30px;
  line-height           : 25px;
  color                 : #E60005;
  font-size             : 18px;
  font-weight           : bold;
  text-align            : left;
  margin                : 0;
  padding               : 7px 0 0 10px;
}

div.moduletable {
	margin                : 0 0 15px 0;
	padding               : 0;
}

div.moduletable ul {
	margin                : 0;
	padding               : 0;
}

div.moduletable li {
  padding               : 2px 0 2px 5px;
}


/********** Modules **********/  
table.moduletable {
  width                 : 185px;
  margin-bottom         : 15px;
  padding               : 0px;
}

table.moduletable th {
  height                : 27px;
  line-height           : 25px;
  color                 : #ffcc00;
  font-size             : 18px;
  font-weight           : bold;
  text-align            : left;
  text-transform        : uppercase;
  margin                : 0 0 5px 0;
  padding-left          : 4px;
  background            : #555555;
}

table.moduletable td {
  font-size             : 11px;
  font-weight           : normal;
  margin                : 0px;
  padding-left          : 2px;
}


/********** _menu Modules **********/  
table.moduletable_menu {
  width                 : 185px;
  margin                : 0 0 15px 0;
  padding               : 0px;
}

table.moduletable_menu th {
  height                : 40px;
  line-height           : 25px;
  color                 : #dadada;
  font-size             : 18px;
  font-weight           : normal;
  text-align            : left;
  text-transform        : lowercase;
  margin                : 0 0 15px 0;
  padding               : 7px 0 20px 10px;
}

table.moduletable_menu td {
  font-size             : 11px;
  font-weight           : normal;
  padding               : 0 0 5px 0;
}


/********** Login Form **********/
form#form-login fieldset { 
  margin                : 0em; 
	padding               : 0 0 0 15px;
	border                : none;
}

form#form-login ul { 
  padding               : 5px 0 0 30px; 
}

form#form-login li {
  font-size             : 9px;
  padding               : 0 0 0 10px;
}


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

tr.sectiontableentry1 td {
  padding: 5px;
	background-color      : #F0F0F0
}

tr.sectiontableentry2 td {
  padding: 5px;
	background-color      : #E0E0E0;
}


/********** PDF, Print, Email Small buttons **********/
td.buttonheading img {
  border                : 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;
	padding               : 0 0 10px 0;
}

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


#footer {
height                  : 66px;
line-height             : 66px;
color                   : #3366C0;
position                : relative;
clear                   : both;
text-align              : center;
margin                  : 0 0 40px 0;
background              : url(../images/a50.gif);
}

#footer a {
  color                 : #8C8C73;
}