/*  

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:5 px;



}



#logo h1 {

font-size:2.4em;

padding-top:10px;

color: #F58220;

}



#logo h2 {

font-size:1.5em;

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 {

}