/* @override http://localhost:8888/workspace/rokwebify/templates/rt_rokwebify/css/template_css.css */

/* @group Main */

html {
  /* this is a hack to force scrollbars on at 
     all times so that the page does not jump
     when going from short to long pages */
  height: 100%;
  margin-bottom: 1px;
  background: #fff;
}

body {
	margin: 0;
	padding: 0;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h3, h4, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 15px 0;
}

/* @group Fonts */

/* @group Sizes */


body {
	font-size: 13px;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 150%;
}

h3 { 
   font-size: 120%;
}

h4 {
	font-size:  100%;
}
h5{
	font-size: 200%; color:#16B5E9; display:inline;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 100%;
}

div.moduletable h3,
.componentheading {
	font-size: 130%;
}

.contentheading {
	font-size: 100%;
}

.componentheading {
 margin-bottom: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}


/* group family */

/*body {
		line-height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		color: #1D2D45;
}*/

div#top {
	color: #666;
}

.contentheading,
.componentheading {
	font-weight: bold;
}

div.moduletable h3,
div.moduletable-hilite1 h3,
div.mdouletable-hilite2 h3,
.contentheading {
	/* see style css */
}

table.headlines div.moduletable h3,
.componentheading {
	/* see style css */
}

a:link,
a:visited {
	/* color: see style css */
	color: #42C5F0;
	text-decoration: none;
}

div#bottom a:link,
div#bottom a:visited {
	color: #99cc00;
}
#piclink a{
border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;
}
#piclink a:hover {
border-left: 2px solid #800000; border-right: 2px solid #800000;
}

a:hover {

	text-decoration: underline;
}


/* group structure */

/*html {
	background: #99cc99 url('../images/main_bg.png') repeat-x 0 0;
}*/

div#wrapper {
	margin: 0 auto;
	width: 1010px;
	padding-top: 0px;
}

/* searchbox group */

div#search {
position: absolute;
/*float: right;*/
right: 11px;
top: 22px;
width: 250px;
height: 32px;
}

span.searchtitle {
color: #ffffff;
font-weight: bold;
}

#search input.inputbox {
background: #99cc99 url('../images/search_icon.png') no-repeat 100% 50%;
border: 1px solid #006600
} 

#search form {
margin: 0;
padding: 0;
}

#search .search {
float: left;
margin-top: 5px;
margin-left: 10px;
}

#search input.inputbox {
width: 140px;
padding-left: 5px;
}

span.searchtitle {
display: block;
float: left;
height: 33px;
line-height: 33px;
}

span.weblink {
color: #ffffff;
}

.weblink a:link {
color: #ffffff;
text-align: right;
}

.weblink a:visited {
color: #ffffff;
text-align: right;
}

img#logo {
	float:  left;
	margin-left: 38px;
	width: 350px;
	height: 100px;
	background: url('../images/mtaclogo_header.gif') no-repeat 0 0;
}

div#top {
	margin-left:  520px;
	height: 105px;
	font-style: italic;
}

div#top .padding {
	padding:  15px;
}

div#top_menu {
background: url('../images/menu_bg.png') repeat-x 0 0;
height: 36px
}

div#slideshow {
background: #510404;
width: auto; 
height: 250px;
margin: 0;
padding: 0;
overflow: hidden;
}


table.mainbody,
table.usermodules {
	width: 100%;
	padding: 0;
}

td.mainbody {
	background: #ffffff;
}

td.usermodules {
	padding: 0 10px;
}

td.mainbody .padding,
td.left .padding {
	padding: 20px,0px,15px,0px;
}

td.mainbody .padding {
	padding: 0px 15px;
}

td.left {
background: #42C5F0;
width: auto;
}

div#bottom {
	background: #42C5F0 url('../images/bottom_bg.png') repeat-x 0 0;
}


#footer {
color: #333333;
font-size: 90%;
font-weight: bold;
padding: 1.5em 20px;
padding-bottom: 2.5em;
text-align: center;
}


#footer ul,
#footer p {
clear: left;
margin: .5em 0;
padding: 0;
list-style: none;
}	

#footer li {
display: inline;
padding: 0 5px;
border-right: 1px #333333 solid;
}


#footer li.last {
border-right: 0px none;
}
	
#footer a:link, 
#footer a:visited, 
#footer a:hover {
color: #333333;
}



/* top menu #42C5F0 */



div#top_menu ul {
margin: 0;
padding: 6px 0 0 0;
}

div#top_menu li {
margin: 0;
padding-right: 0px;
float: left;
background: url('../images/menu_divider.png') repeat-y 100% 0;; list-style-type:none; padding-left:0; padding-top:0; padding-bottom:0
}

div#top_menu a:link,
div#top_menu a:visited {
display: block;
float: left;
padding: 0 25px;
height: 30px;
line-height: 30px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
margin-top: 6px;
background: #42C5F0;
}

div#top_menu a:hover {
background: #535353;
}
/* group content */

.hide {
	display: none;
}

form {
	border: 0px none;
	margin: 0;
	padding: 0
}

table.blog span.article_seperator {
	display: block;
	height: 20px;
}

.highlight {
  background-color: #ffc;
}
/* group Joomla Core */

/* group modules */

div.moduletable h3 {
color: #121a28;
border-bottom: 3px solid #42C5F0;
padding: 3px 0;
}

td.left div.moduletable {
color: #121a28;
}

td.left div.moduletable h3 {
border-bottom: 0px none;
background: #16B5E9 url('images/icon.gif') no-repeat 6px 6px;
margin-left: -5px;
margin-right: -5px; 
color: #ffffff;
line-height: 25px;
width: auto;
text-indent: 28px
}

div#bottom div.moduletable {
color: #ffffff;
}

div#bottom div.moduletable h3 {
border-bottom: 3px solid #66ff00;
color: #ffffff;
}


/* group content */

.contentheading {
	padding: 10px 0;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height:100%;
	color: #16B5E9;
}

td.buttonheading {
 	vertical-align: middle;
}

td.buttonheading img {
	margin-right: 5px;
}

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

.contentpaneopen img {
 border: 1px solid #ffffff;
 margin: 0px 10px;
 padding: 5px;
}

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

.clr {
	clear: both;
}

div.mosimage {
  margin: 5px;
}

a.readon {
display: block;
float: left;
padding-left: 20px;
margin-top: 10px;
line-height: 14px;
height: 14px;
}


.small {
color: #666;
}

.modifydate {
height: 20px;
vertical-align: bottom;
color: #666;
}

.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
color: #666;
}

table.contenttoc {
margin: 5px;
padding: 5px;
}

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


/* group pathway */

span.pathway {
display: block;
height: 16px;
line-height: 16px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 20px;
font-weight: bold;
}

span.pathway img {
margin: 0px 10px;
vertical-align: middle;
}

div#pathway {
margin-bottom: 10px;
padding-left: 8px;
}


/* group sections */

table.mainbody td.mainbody td.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
background: #f6f6f6;
border-bottom: 1px solid #ddd;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 5px;
border-top: 1px #fff;
border-bottom: 1px solid #efefef;	
}

tr.sectiontableentry2 td,
td.sectiontableentry1 {
background: #fcfcfc;
}


.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
background: none;
border:  0px none;
}


/* group mainmenu */
/* left navigation */

#mainlevel{
padding: 0;
}

ul#mainlevel {
list-style-type: none;
margin: 0;
width: 225px; 
margin-left: -5px;
margin-right: -5px;
margin-bottom: -6px;
margin-top: -14px;
padding: 0; 
}

#mainlevel li {
text-indent: 0;
padding:0;
background: none;
list-style-type: none;
border-bottom: 1px solid #510404;
margin: 0;
 }

#mainlevel a {
	display: block;
	height: 25px;
	line-height: 25px;
	text-indent: 45px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	background-color: #42C5F0;
	background-image: url(images/icon3.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

* html body #mainlevel a { width: auto; }

#mainlevel li a:hover 
/*,a#active_menu:link 
#active_menu:visited*/{ 
background:#535353 url('images/icon3.gif') no-repeat 10px 7px;
color: #ffffff
}



/* top shelf */

#mainlevel_topsh{
padding: 0;
}

ul#mainlevel_topsh {
list-style-type: none;
margin: 0;
margin-left: 5px;
margin-right: -5px;
margin-bottom: -6px;
margin-top: -14px;
padding: 0 15px 0 5px; 
}

#mainlevel_topsh li {
text-indent: 0;
padding:0;
background: none;
list-style-type: none;
border-bottom: 1px solid #99cc99;
margin: 0;
}

#mainlevel_topsh a {
display: block;
height: 20px;
line-height: 20px;
text-indent: 10px;
color: #800000;
text-decoration: none;
font-weight: normal;
}

* html body #mainlevel_topsh a { width: auto; }

.wrap {
border: 0px none;
clear: both;
float: none;
font-size: 1px;
height: 0;
line-height: 1px;
margin: 0;
padding: 0;
visibility: hidden
}

/* Clearfix */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}


/* Firefox Scrollbar Hack */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}

/* slideshow */
div#ja-slideshow-wrap {
width: 100%;
color: #ffffff;
}

div.ja-slideshow-case {
margin: 0;
}

div.ja-slideshow-case p {
padding-top: 9px;
}

div.ja-slidebar {
margin: 0;
padding: 0;
width: 100%;
background: #510404;
}

div.ja-slidebar ul {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
z-index: 10001;
}

div.ja-slidebar ul li {
margin: 0;
padding: 0;
float: left;
display: block;
background: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

div.ja-slidebar ul a.active,
div.ja-slidebar ul a:hover {
border: none;
background: #ff0000;
color: #ffffff;
}

div.ja-slidebar ul a.active {
font-weight: bold;
}

div.ja-slidebar ul li a {
border: none;
float: left;
margin-right: 1px;
padding: 1px 8px;
display: block;
color: #fffff0;
background: 50% 50%;
cursor: pointer;
}

div.ja-slidebar ul li a.prev,
div.ja-slidebar ul li a.next {
display: block;
font-weight: bold;
}
 
div.ja-slidebar ul li a.prev {
padding-left: 20px;
}