/*  
Original Author: will rossiter
Copyright: Its a FREE template but i would like if you left this notice here :D

Modified and ported to Joomla! by Shayne Bartlett :: www.thejfactory.com
*/

/***Misc Tags***/

* {
 margin: 0px;
 padding: 0px;
}

body {
 background: #fff url(../images/bodybg.png) repeat-x;
 font-family: Verdana, Arial, sans-serif;
 font-size: .75em;
 color: #666666;
 text-align: center;}
 
a img{
 border: 0px;}

a {
	text-decoration: none;
	color: #FF6600;
}

a:hover {
	color: #999999;
}

.hidden {
 text-indent: -9000px;
 background: inherit;}
 
 li {
	list-style-type: none;
}

p {
	padding-top:5px;
	padding-bottom:5px;

}


/***Header/logo tags***/

#header {
 width: 850px;
 margin: 0 auto;
 height: 180px;
 border-top: 1px solid #000;}
 	
#logo {
 float: left;
 margin-left: 10px;
 margin-top: 10px;
 width: 250px;}

#logo h1,#logo h2 {
font-weight:400;
letter-spacing:-2px;

}

#logo h1 {
font-size:2.4em;
padding-top:10px;
color: #F58220;
}

#logo h2 {
font-size:1.3em;
color: #a0a0a0;
}
 
 
 /***Top Navigation - try not to findle this took me a while to work out and get right***/

#topnav {
	font-size:.9em;
 margin-top:105px;
 margin-left: 250px;
 list-style-type: none;
  }

#topnav li {
	float:left;
	}

#topnav li a{
	display: block;
	float: left;
	text-align: center;
	width: 95px;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	color: #a0a0a0;
	text-transform: uppercase;
	background-image:url(../images/tab.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	list-style-type: none;
}

#topnav a:hover {
 background-image:url(../images/tab.png);
 color: #000;
 background-position:top left;
 background-repeat:no-repeat;
 list-style-type: none;
}
	
#topnav li #active_menu {
 background-image:url(../images/tab.png);
 color: #000;
 background-position:top left;
 background-repeat:no-repeat;}
	
/***MAIN CONTENT (WHITE) AREA***/

#content_container {
 clear: both;
 text-align: left;
 width: 750px;
 margin: 20px auto 0 auto;
 padding: 5px;
 width: 755px;}
 
 #content_narrow {
 float:left;
 width: 540px;
 }
 
  #content {
 width: 750px;
 }
 
#content h2{
 padding-left: 8px;
 font-size: 1.2em;
 text-transform: uppercase;
 margin-left: 15px;
 letter-spacing:-1px;
 margin-bottom: 10px;
 color: #F58220;}

#content p a{
 color: #324A97;}
 
#content p a:hover {
 color: #fff;
 background: #324A97;}

#content blockquote {
 margin: 15px;
 border: 1px solid #b0b0b0;
 padding: 10px;
 width: 430px;
 background: #f4f4f4;
 font-size: 0.8em;
 font-family: Verdana, Arial, sans-serif;
 color: #a0a0a0;}
 
#content abbr {
 border-bottom: 1px dotted #8f8f8f;}
 
 #right {
	float:right;
	padding:5px;
	width: 175px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-top: 40px;
 }

#right h3 {
	font-size:1em;
	color:#003399;
	text-transform: uppercase;
}

#right li {
	line-height: 180%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


#right li a:link {
	display: block;
}

#right li a:hover {
	display: block;
	background-color: #E0DFE3;
}

/***Bottom Modules***/

 
#bottom {
	clear: both;
	background: #333333 url(../images/bg2.png) repeat-x;
	padding-top: 80px;
	padding-bottom: 10px;
}

#bottom_modules {
 background: #333333;
 text-align: left;
 width: 650px;
 color: #fff;
 margin: 0 auto;
 }

#bottom_modules h3{
 font-size: 1.2em;
 text-transform: uppercase;
 margin-left: 10px;
 letter-spacing:-1px;
 margin-bottom: 10px;
 color: #CCCCCC;}
 
 
#bottom li {
	font-size:1em;
	line-height: 300%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

 /* Latest News Module*/
#bottom a:link   {
  display: block;  
  color: #fff;
} 

 /* Latest News Module*/
#bottom li a:hover   {
	display: block;
	color: #666666;
	background-color: #cccccc;
} 
 
.name {
color: #c0c0c0;
}

#bottom_modules li a:link a:visited {
  display: block;  
  padding: 10px;
  color: #fff;
 background: #333333; 
  border-top: 1px dotted #a0a0a0;
}

#bottom_modules li a:hover  { 
  display: block; 
  color: #DDD;
  background: #525252;
}

 
#bottom_left {
 width: 320px;
 float: left;
 background: #333333;}

#bottom_right {
 width: 320px;
 float: right;
 background: #333333;}
	
/***FOOTER***/

#footer {
 padding-top:10px;
 width: 100%;
 clear: both;
 text-align: center;
  text-align: center;
 background: #333333;
 font-size: 0.8em;
 color: #a0a0a0;
}

.footer {

}
 
 /* From here down all styles are those used specifically by Joomla! */

#blockrandom {
}

#contact_email_copy {
}

/* Contact display */
#contact_text {
}

/* Contact display form */
#emailForm {
}

/* Login Module */
#mod_login_password {
}

/* Login Module */
#mod_login_remember {
}

/* Login Module */
#mod_login_username {
}

/* Search component */
#search_ordering {
}

/* Search component */
#search_searchword {
}

/* Search component */
#searchphraseall {
}

/* Search component */
#searchphraseany {
}

/* Search component */
#searchphraseexact {
}

/* Vertical seperator between blog items where two comlumns is used, ie. frontpage */
.article_seperator {
	width: 30px;
}


/* Back button link displays below content */
.back_button {
	padding-top: 10px;
}

/* Back button link displays below content */
.back_button a:link {
	font-size: .9em;
	color: #999999;
	padding-top: 10px;
}

.back_button a:hover {
	font-size: .9em;
	color: #FF6600;
}

/* Section or Category Blogs */
.blog {
}

/* Section or Category Blog More link */
.blog_more {
}

/* Section or Category Blogs */
.blogsection {
}


/* Form Button*/
.button {
	margin-top: 2px;
	margin-bottom: 2px;
}

/* Form Button*/
.buttonheading {
}

.category {
}


/*Contact Email address*/
.contact_email {
}

/*Content rating if used*/
.content_rating {
}

/*Content vote if used*/
.content_vote {
}

.contentdescription {
}

/*Main Titles, I generally keep these identical to maintain consistancy*/
.contentheading, .contentpagetitle, .componentheading {
 font-size: 1.3em;
 text-transform: uppercase;
 margin-left: 10px;
 letter-spacing:-1px;
 margin-bottom: 10px;
 color: #F58220;
}

table.contentpaneopen, table.contentpane {
  width: 100%;
}

.contentpane {
	text-align:left;
}

/*Generally a div or table wrapping main content or component*/
.contentpaneopen {
	text-align:left;
}   

/*Table of contents for multi-page articles */
.contenttoc {
}   

/*Date created, under content title if displayed*/
.createdate {
font-size: 80%;
color:#999999;
}  

/*Modified date under title if displayed*/ 
.fase4rdf {
}  

/* Top of frontpage welcome if displayed */  
.frontpageheader {

} 

/* Form input box */  
.inputbox {
	margin-top: 2px;
	margin-bottom: 2px;
}  

.message   {
} 

/*Modified date under title if displayed*/
.modifydate  {
	font-size: 80%;
	color: #CCCCCC;
	background-color:inherit;
}  

/* Wrapper used by most core and some non-core modules */
/* Should generally be a div in this template */
/* Can have a suffix applied in module eg _modulename */
#right .moduletable {
	margin-bottom:20px;
} 


.mosimage {
	border: 1px solid #CCCCCC;
	margin: 5px;
}

.mosimage_caption {
	font-size: .8em;
	color: #666666;
	background-color: #CCCCCC;
	padding: 3px;
}

/* RSS Feeds */
.newsfeed {
}

/* RSS Feeds Date  */
.newsfeeddate {
}

/* RSS Feeds Title */
.newsfeedheading {
}

/* Pagination */
.pagenav {
	font-size: .9em;
	color: #FF9900;
}

/* Pagination */
.pagenav_next a {
	font-size: .9em;
	color: #FF9900;
}

/* Pagination */
.pagenav_prev a {
	font-size: .9em;
	color: #FF9900;
}

/* Pagination */
.pagenavbar {
	background-color: #E0DFE3;
}

/* Pagination */
.pagenavcounter {
}

/* Used for the Pathway(Breadcrumb) */
.pathway {
	line-height: 25px;
	font-size: 95%;
	color: #999999;	
}

/* Used for the Pathway(Breadcrumb) */
.pathway a:link {
	font-size: 95%;
	color: #003366;
	background-color: #FFFFFF;
}

/* Polls Component */
.polls {
}

/* Used for the Polls */
.pollsborder {
}

/* Used for the Polls */
.pollstableborder {
}

/* Read On link used in blog pages to indicate more content to the article */
.readon {
	font-size: .8em;
	color: #FF6600;
}


/* Read On link used in blog pages to indicate more content to the article */
.readon:hover {
}

/* Search Component */
.search {
}

/* Search results */
a.search:link, a.search:visited, a.search:active, a.search:hover {
}

/* Search text */
.searchintro {
}

td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
}

tr.sectiontableentry1 td, tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry1, td.sectiontableentry2{
  padding: 3px;
}

/* For Site Title if used in template (not used in CABT) */
.sitetitle {
}

/* Small text typicaly used in modules */
.small {
 font-size: 0.8em;
 line-height: 1.5em;
 color: #8f8f8f;
}

/* Small text typicaly used in modules */
.smalldark {
 font-size: 0.8em;
 line-height: 1.1em;
 color: #ccc;
}

.sublevel {
}

/* RSS */
.syndicate {
}

/* RSS */
.syndicate_text {
}

/* Form Text Area */
.text_area {
}

table.contenttoc {
  margin: 3px;
  border: 1px dotted #ccc;
  padding: 5px;
}

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

/* Table of contents links, if used for multipage articles */
.toclink {
}

/* Weblinks Component */
.weblinks {
}

/* Wrapper Component */
.wrapper {
}


#rsslink{ position:absolute; right:0px; top:0px; }