/* CSS Document */





html {


 height: 100%;


}





body {


 height: 100%;


 margin-bottom: 1px;


}





.clr {


 clear: both;


}





.outline {


  border: 1px solid #cccccc;


  background: #ffffff;


 padding: 2px;


}





#buttons_outer {


 width: 635px;


   margin-bottom: 2px;


 margin-right: 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;


}





#buttons {


 float: left;


 margin: 0px;


 padding: 0px;


 width: auto;


}








ul#mainlevel-nav


{


 list-style: none;


 padding: 0;


 margin: 0;


 font-size: 0.8em;


}





ul#mainlevel-nav li


{


 background-image: none;


 padding-left: 0px;


 padding-right: 0px;


 float: left;


 margin: 0;


 font-size: 11px;


 line-height: 21px;


 white-space: nowrap;


 border-right: 1px solid #cccccc;


}





ul#mainlevel-nav li a


{


 display: block;


 padding-left: 15px;


 padding-right: 15px;


 text-decoration: none;


 color: #333333;


 background: transparent;


}





#buttons>ul#mainlevel-nav li a { width: auto; }





 ul#mainlevel-nav li a:hover


{


 color: #fff;


 background: #c64934;


}








#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: #c64934;


}





#header_outer {


 text-align: left;


 border: 0px;


 margin: 0px;


}





#header {


 float: left;


 padding: 0px;


 margin-right: 2px;


 width: 635px;


 height: 150px;


 background: url(../images/header_short.jpg) no-repeat;


}





#top_outer{


 float: left;


 width: 165px;


}





#top_inner {


  border: 1px solid #cccccc;


 padding: 2px;


  height: 144px !important;


  height: 150px;


  overflow: hidden;


  float: none !important;


  float: left;


}





#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: 635px;


}





#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: 165px;


}





#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(../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(../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;


}





ul


{


margin: 0;


padding: 0;


list-style: none;


}





li


{


line-height: 15px;


padding-left: 15px;


padding-top: 0px;


background-image: url(../images/arrow.png);


background-repeat: no-repeat;


background-position: 0px 2px;


}








td {


 text-align: left;


 font-size: 11px;


}











body {


 margin: 15px;


 height: 100%;


 padding: 0px;


 font-family: Arial, Helvetica, Sans Serif;


 line-height: 120%;


 font-size: 11px;


 color: #333333;


 background: #ffffff;


}





/* Joomla core stuff */


a:link, a:visited {


 color: #c64934; text-decoration: none;


 font-weight: bold;


}





a:hover {


 color: #900; text-decoration: none;


 font-weight: bold;


}





table.contentpaneopen {


  width: 100%;


 padding: 5px;


 border-collapse: separate;


 border-spacing: 5px 0; 


 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: #c64934;


  font-family: Arial, Hevlvetica, sans-serif;


  text-align: center;


  font-size: 11px;


  font-weight: bold;


  border: 3px double #cccccc;


  width: auto;


  background: url(../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(../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: #900;


 font-weight: normal;


 font-size: 18px;


 white-space: nowrap;


}











.contentpagetitle {


 font-size: 18px;


 font-weight: bold;


 color: #ffffff;


 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(../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 : #f9f9f9;


}





.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(../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(../images/menu_bg.png) no-repeat;


 vertical-align: middle;


 font-size: 11px;


 font-weight: bold;


 color: #ccc;


 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:#fff;


 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: #c64934;


 text-align: left;


}





a.sublevel:hover {


 color: #900;


 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;


}














/*defaults*/


body  {background:#2765AF url('../images/body_bg.jpg') repeat-x 0 0; color:#000000; margin:20px 0; padding:0; font-family:"Trebuchet MS", verdana, arial, "Times New Roman", serif; font-size:90%; }


p  {margin:0; padding:0 0 15px 0; }


a  {color:#000000; text-decoration:underline; }


a:hover {color:#225799; text-decoration:none;}








/*structural elements*/


#container {margin:0px auto; text-align:center; width:760px; }


#holder  {width:100%; padding:20px 20px 5px 20px; background:#FFFFFF; text-align:left; }


#logo  {background:url('../images/logo.gif') no-repeat 180px 0; border-bottom:1px solid #DADADA; padding:5px 30px 20px 0px; }


#navigation {padding:10px 0; }


#header  {background:#DADADA url('../images/header_home.jpg') no-repeat 10px 10px; padding:10px; height:200px; width:740px;; }


#content {float:left; width:760px; padding:20px 10px 0 0; line-height:105%; }


#news  {float:right; width:250px; padding:20px 0; line-height:140%; text-align:justify; }


.newsItem {padding:20px 20px 5px 20px; background:#FEFFD5; border:1px solid #FFEB70; font-size:90%; margin-bottom:20px; }


#footer  {clear:both; width:100%; font-size:80%; background:#DADADA; padding:20px; text-align:left; border-top:2px solid #2765AF; }


#copyright {float:right; }








/*headings*/


.newsItem h1 {color:#225799; margin:0 0 10px 0; padding:0; font-size:130%; font-weight:normal; }


#content h1  {font-size:170%; font-weight:normal; line-height:130%; margin:0; padding:0 0 20px 0; }


#logo h1  {font-weight:normal; font-size:170%; margin:0; padding:0; color:#225799; }








/*navigation*/


#navigation ul   {margin:0; padding:0; }


#navigation li   {margin:0; padding:0; list-style:none; display:inline; }


#navigation a  {color:#225799; padding:0 20px 0 0; text-decoration:none; }


#navigation a:hover {color:#000000; }





#footer ul   {margin:0; padding:0; }


#footer li   {margin:0; padding:0; list-style:none; display:inline; }


#footer a  {color:#000000; font-weight:bold; padding:0 5px 0 0; text-decoration:underline; }


#footer a:hover {color:#000000; text-decoration:none; }





.createdate {





font-size:10px;


color:#ccc;





}














/*shamelessly borrowed styles from http://www.positioniseverything.net/easyclearing.html*/


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }


.clearfix {display:inline-block; }


/* Hides from IE-mac \*/


* html .clearfix {height:1%; }


.clearfix {display:block; }


/* End hide from IE-mac */
