html {height: 100%;}
body {margin: 15px; height: 100%; padding: 0px; font-family: Arial, Helvetica, Sans Serif; line-height: 120%; font-size: 11px; color: #333333;}
.clr {clear: both;}
.outline {border: 1px solid #cccccc; background: #ffffff; padding: 2px;}
#buttons_outer {width: 1000px; margin-bottom: 2px; float: left;}
#buttons_inner {border: 1px solid #cccccc; height: 21px !important; height: 23px;}
#pathway_text {overflow: hidden; display: block; height: 25px; line-height: 25px !important; line-height: 22px; padding-left: 4px; border: 1px solid #ccc; margin-bottom: 2px;}
#pathway_text img {margin-left: 5px;	margin-right: 5px; margin-top: 6px;}
#search_outer {float: left; width: 165px;}
#search_inner {border: 1px solid #cccccc; padding: 0px; height: 21px !important; height: 23px; overflow: hidden;}
#search_inner form {padding: 0; margin: 0;}
#search_inner .inputbox {border: 0px; padding: 3px 3px 3px 5px; font-family: arial, helvetica, sans-serif; font-size: 11px; color: #06052f;}
#header_outer {text-align: left; border: 0px; margin: 0px;}
#header {float: middle; padding: 0px; width: 1000px; height: 200px; background: url(logo.jpg) no-repeat;}
#left_outer {float: left; margin-top: 2px; width: 165px;}
#left_inner {border: 1px solid #cccccc; padding: 2px; float: none !important; float: left;}
#content_outer {padding: 0px; margin-top: 0px; margin-left: 2px; /** border: 1px solid #cccccc; **/ float: left; width: 833px;}
#content_inner{float: none !important; float: left; padding: 0; padding-top: 2px; margin: 0;}
table.content_table {width: 100%; padding: 0px; margin: 0px;}
table.content_table td {padding: 0px; margin: 0px;}
#banner_inner {float: left; padding: 0px; height: 70px;}
#poweredby_inner {	float: right; padding: 0px; margin-left: 0px; height: 70px;}
#right_outer {margin-left: 2px; width: 170px;}
#right_inner {float: none !important; float: left; border: 1px solid #cccccc; padding: 2px;}
.user1_inner {border: 1px solid #cccccc; float: none !important; float: left; margin: 0px; padding: 2px;}
.user2_inner {border: 1px solid #cccccc; float: none !important; float: left; margin: 0px;	padding: 2px;}
table td.body_outer {padding: 2px; border: 1px solid #cccccc;}
.maintitle {color: #ffffff; font-size: 40px; padding-left: 15px; padding-top: 20px;}
.error {font-style: italic; text-transform: uppercase; padding: 5px; color: #cccccc; font-size: 14px; font-weight: bold;}

/** old stuff **/
.back_button {float: left; text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/button_bg.png) repeat-x; padding: 0px 10px; line-height: 20px; margin: 1px;}
.pagenav {text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/button_bg.png) repeat-x; padding: 0px 10px; line-height: 20px; margin: 1px;}
.pagenavbar {margin-right: 10px; float: right;}
#footer {	text-align: center; padding: 3px; font-weight: bold; font-size: 11px; color: #ffffff;}
ul {margin: 0; padding: 0; list-style: none;}
li {line-height: 15px; padding-left: 15px; padding-top: 0px; background-image: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/arrow.png); background-repeat: no-repeat; background-position: 0px 2px;}
td {text-align: left; font-size: 12px;}


/* Joomla core stuff */
a.category:link {color: blue; text-decoration: none; font-weight: bold; padding-top:5px;}
a.category:visited {color: #900; text-decoration: none; font-weight: bold; padding-top:5px;}
a.category:hover {	color: red; text-decoration: none; font-weight: bold;}
a:link, a:visited {color: #06052f; text-decoration: none; font-weight: bold;}
a:hover {	color: #900; text-decoration: none; font-weight: bold;}
table.contentpaneopen {width: 100%; padding: 0px; border-collapse: collapse; border-spacing: 0px; margin: 0px;}
table.contentpaneopen td {padding-right: 5px;}
table.contentpaneopen td.componentheading {padding-left: 4px;}
table.contentpane {width: 100%; padding: 0px; border-collapse: collapse;	border-spacing: 0px; margin: 0px;}
table.contentpane td {margin: 0px; padding: 0px;}
table.contentpane td.componentheading {padding-left: 4px;}
table.contentpaneopen fieldset {border: 0px; border-bottom: 1px solid #eee;}
.button {color: #06052f; font-family: Arial, Hevlvetica, sans-serif; text-align: center; font-size: 11px; font-weight: bold; border: 3px double #cccccc; width: auto; background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/button_bg.png) repeat-x; padding: 0px 5px; line-height: 18px !important; line-height: 16px; height: 26px !important; height: 24px; margin: 1px;}
.inputbox {padding: 2px; border:solid 1px #cccccc; background-color: #ffffff;}
.componentheading {background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/subhead_bg.png) repeat-x; color: #666666; text-align: left; padding-top: 4px; padding-left: 4px; height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase;}
.contentcolumn {padding-right: 5px;}
.contentheading {height: 30px; color: #06052f; font-weight: bold; font-size: 14px; white-space: nowrap;}
.contentpagetitle {font-size: 13px; font-weight: bold; color: #cccccc; text-align:left;}
table.searchinto {	width: 100%;}
table.searchintro td {font-weight: bold;}
table.moduletable {width: 100%; margin-bottom: 5px; padding: 0px; border-spacing: 0px; border-collapse: collapse;}
div.moduletable {padding: 0; margin-bottom: 2px;}
table.moduletable th, div.moduletable h3 {background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/subhead_bg.png) repeat-x; color: #666666; text-align: left; padding-left: 4px; height: 21px; line-height: 21px; font-weight: bold; font-size: 10px; text-transform: uppercase; margin: 0 0 2px 0;}
table.moduletable td {font-size: 11px; padding: 0px; margin: 0px; font-weight: normal;}
table.pollstableborder td {padding: 2px;}
.sectiontableheader {font-weight: bold; background: #f0f0f0; padding: 4px;}
.sectiontablefooter {}
.sectiontableentry1 {background-color : #ffffff;}
.sectiontableentry2 {background-color : #f0f0f0;}
.small {color: #999999; font-size: 11px;}
.createdate {height: 15px; padding-bottom: 10px; color: #999999; font-size: 11px;}
.modifydate {height: 15px; padding-top: 10px; color: #999999; font-size: 11px;}
table.contenttoc {border: 1px solid #cccccc; padding: 2px; margin-left: 2px; margin-bottom: 2px;}
table.contenttoc td {padding: 2px;}
table.contenttoc th {background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/subhead_bg.png) repeat-x; color: #666666; text-align: left; padding-top: 2px; padding-left: 4px; height: 21px;font-weight: bold; font-size: 10px; text-transform: uppercase;}
a.mainlevel:link, a.mainlevel:visited {display: block; background: url(http://www.tsoasa.com/templates/rhuk_solarflare_ii/images/menu_bg.png) no-repeat; vertical-align: middle; font-size: 11px; font-weight: bold; color: black; text-align: left; padding-top: 5px; padding-left: 18px; height: 20px !important; height: 25px; width: 100%; text-decoration: none;}
a.mainlevel:hover {background-position: 0px -25px; text-decoration: none; color: #fff;}
a.mainlevel#active_menu {color:black; font-weight: bold;}
a.mainlevel#active_menu:hover {color: #fff;}
a.sublevel:link, a.sublevel:visited {padding-left: 1px; vertical-align: middle; font-size: 11px; font-weight: bold; color: #06052f; text-align: left;}
a.sublevel:hover {color: #0c306b; text-decoration: none;}
a.sublevel#active_menu {color: #333;}
.highlight {background-color: Yellow; color: Blue; padding: 0;}
.code {background-color: #ddd; border: 1px solid #bbb;}
form {/* removes space below form elements */	margin: 0; padding: 0;}
div.mosimage {border: 1px solid #ccc;}
.mosimage {border: 1px solid #cccccc; margin: 5px}
.mosimage_caption { margin-top: 2px; background: #efefef; padding: 1px 2px; color: #666; font-size: 10px; border-top: 1px solid #cccccc;}
span.article_seperator {display: block; height: 1.5em;}


/*
	css template addons for module Latest Events

	Note that these classes can be used to customize the look of the latest events
	module if desired beyond inherited properties from the mambo template being used.
	If you don't want to override some of the template properties such as maybe a
	standard uniform way to display links consistently, then you should comment out
	the link style directives below or make suitable modifications.

	Classes:

	mod_events_latest_first	- the table cell that contains the first event listed
	mod_events_latest	- the table cell that contains an event besides the first

	mod_events_latest_date	- the html span that contains the date for the event on the
				  first line of the table cell.

	mod_events_latest_content - the html span that contains the event title.

	mod_events_latest_content a:{link|visited|hover}  - controls the formatting
		of the event title links if enabled thru the module parameters. See the
		Readme.txt file to get info on parameters.

*/
table.mod_events_latest_table {
}

.mod_events_latest {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: solid 1px red;
	height: 30px;
	}

.mod_events_latest_first {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	}

.mod_events_latest_date {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	}


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

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

.mod_events_latest_content a:hover {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#c0c0c0;
	}