/* @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%;
}

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 100%;
}

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

.contentheading {
	font-size: 150%;
}

.componentheading {
 margin-bottom: 15px;
}

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


/* group family */

body {
		line-height: 135%;
		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: #819D26;
	text-decoration: none;
}

div#bottom a:link,
div#bottom a:visited {
	color: #99cc00;
}

a:hover {

	text-decoration: underline;
}


/* group structure */

html {
	background: #295117 url('main_bg.png') repeat-x 0 0;
}

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

/* searchbox group */

div#search {
position: absolute;
/*float: right;*/
right: 70px;
top: 5px;
width: 350px;
height: 32px;
}

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

#search input.inputbox {
background: #295117 url('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;
display:block;
}

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

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


div#header {
}


img#logo {
	float:  left;
	margin-left: 38px;
	width: 350px;
	height: 100px;
	background: url('maklogo_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('menu_bg.png') repeat-x 0 0;
height: 36px
}

div#slideshow {
background: #ff0000;
width: auto; 
height: 225px;
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: 15px;
}

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

td.left {
background: #0B1500;
width: 255px;
}

div#bottom {
	background: #2d872d url('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: 0;
}
	
#footer a:link, 
#footer a:visited, 
#footer a:hover {
color: #333333;
}



/* top menu */


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

div#top_menu li {
margin: 0;
padding-right: 2px;
float: left;
background: url('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;
}

div#top_menu a:hover {
background: #99cc00;
}



/* group content */

.hide {
	display: none;
}

form {
	border: 0;
	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 #66ff00;
padding: 3px 0;
}


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

td.left div.moduletable h3 {
border-bottom: 0px none;
background: #2d872d url('mod_header_bullet.gif') no-repeat 6px 6px;
margin-left: -5px;
margin-right: -5px; 
color: #ffffff;
line-height: 25px;
width: 225px;
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: #99CC00;
}

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 #295117;
 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:  0;
}


/* 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 #2d872d;
margin: 0;
 }

#mainlevel a {
display: block;
height: 25px;
line-height: 25px;
text-indent: 25px;
background:#0B1500 url('list_bullet.gif') no-repeat 10px 7px;
color: #ffffff;
text-decoration: none;
font-weight: bold
}

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

#mainlevel li a:hover, 
a#active_menu:link, 
a#active_menu:visited { 
background:#99cc00 url('list_bullet_active.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 #295117;
margin: 0;
}

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

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

.wrap {
border: 0;
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: #009900;
}

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: #ffffff;
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;
}

#socialnetworkicons {
width:350px;
height:auto;
display:table;
font-size:10px;
color:#ffffff;
}
.facebooklink {
width:22px;
height:22px;
background:url('facebook_icon.gif') no-repeat;
display:block;
float:left;
margin:3px 5px;
border:medium none;
}

.twitterlink {
width:22px;
height:22px;
background:url('twitter_icon.gif') no-repeat;
display:block;
float:left;
margin:3px 5px;
border:medium none;
}