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

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.f-smaller {
font-size: 10px;
}

body.f-default {
font-size: 12px;
}

body.f-larger {
font-size: 14px;
}

h1 {
font-size: 140%;
}

h2 {
font-size: 130%;
}

h3 {
font-size: 120%;
}

h4 {
font-size: 110%;
}

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

.componentheading {
font-size: 120%;
}

table.sections .contentheading {
font-size: 120%;
}

.contentheading {
font-size: 120%;
}

.componentheading {
padding: 10px 5px;
margin-bottom: 15px;
}

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

/* @end */

/* @group Family */

body {
line-height: 140%;
font-family: Arial, Helvetica, sans-serif;
}

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


a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* @end */

/* @end */

/* @end */

/* @group Structure */

/* @group mainbody */

.hide { display: none; }

td.mainbody {

}

div#mainbody .contentheading {
font-family: Helvetica, Arial, sans-serif;
font-size: 120%;
}


/* @end */
#header .wrapper {
position: relative;
}

#header .shadow-r {
height: 109px;
}


img#logo {
position: absolute;
float: left;
margin-left: 50px;
margin-top: 25px;
width: 240px;
height: 55px;
border: 0;
}

div#topblock {
position: absolute;
right: 26px;
top: 0;
width: 466px;
height: 24px;
line-height: 24px;
text-indent: 10px;
overflow: hidden;
}

div#banner {
position: absolute;
top: 34px;
right: 26px;
width: 468px;
height: 60px;
overflow: hidden;
}

#horiz-menu .shadow-r {
padding-left: 40px;
height: 38px;
}

#divider .shadow-r {
height: 7px;
overflow:hidden;
}

#mainbody .shadow-r {
padding: 0 15px 0 16px;
}

#mainbody td.mainbody.empty {
background: none;
}

td.sidebar {
width: 180px;
}

td.mainbody .padding {
padding: 20px 20px;
}

td.sidebar .padding {
padding: 0px 0px;
}

div#bottom {
margin-top: -8px;
}

#bottom .shadow-r2 {
padding: 0 15px 0 16px;
}

#bottom td.mainbottom.empty {
background: none;
}

#bottom td.mainbottom.empty .padding {
background: none;
}

td.mainbottom .padding {
padding: 15px 10px 0px 10px;
}

#footer .shadow-r {
height: 87px;
padding: 0 16px 0 16px;
}

#footer td.mainfooter {
height: 87px;
text-align: center;
}

#footer td.mainfooter.empty {
background: none;
}

#footer td.sidebar {
background: none;
border: 0;
width: 180px;
}

#footer img#rocket {
width: 145px;
height: 54px;
}

#mainbody td.inset {
width: 180px;
padding-left: 0px;
padding-top: 9px;
}

#mainbody td.subbody {
padding-left: 15px;
padding-top: 9px;
}

/* horiz menu */

div#horiz-menu li {
position: relative;
}

#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {
background: none;
}

/* moomenu */

div#horiz-menu .nav li li {
padding: 0;
margin: 0;
}

div#horiz-menu li li a:link,
div#horiz-menu li li a:visited,
div#horiz-menu li li a:hover,
div#horiz-menu li.active li a:link,
div#horiz-menu li.active li a:visited,
div#horiz-menu li.active li a:hover {
border-left: 0;
margin: 0;
}


/* table structure */

table.mainbody,
table.bottom,
table.footer,
table.subbody,
table.sections {
width: 100%;
padding: 0;
}

table.sections {
margin: 15px 0;
}

td.section {
padding: 0;
}

td.section.w49 {
width: 50%;
}

td.section.w33 {
width: 33%;
}

/* @group content */

/* @group menus */

/* @group Horiz Menu */

div#horiz-menu ul {
margin: 0;
padding: 0;
}

div#horiz-menu li {
margin: 0;
padding: 0;
margin-right: 3px;
float: left;
list-style: none;
}

div#horiz-menu a {
display: block;
float: left;
padding: 0 25px;
height: 38px;
line-height: 38px;
font-weight: bold;
text-decoration: none;
}


/* @end */

/* @group Side Menu */

/* side menu is just a standard list so it will work with a hilite */

#vert-menu div.module-hilite4 h3 {
margin-left: 0;
margin-right: 0;
margin-bottom: 1px;
}

#vert-menu div.module-hilite4 div,
#vert-menu div.module-hilite4 div div,
#vert-menu div.module-hilite4 div div div {
padding: 0;
margin: 0;
}

#vert-menu ul.sidenav {
margin: 0;
padding: 0;
}

#vert-menu ul.sidenav li {
margin: 0;
padding: 0;
}

#vert-menu ul.sidenav ul {
margin: 0;
padding: 0;
}

#vert-menu ul.sidenav a {
line-height: 25px;
padding-left: 20px;
font-weight: bold;
}

#vert-menu ul.sidenav ul a {
padding-left: 40px;
}

#vert-menu ul.sidenav ul ul a {
padding-left: 60px;
}

/* @end */

/* @group Contact Menu */

div#top ul {
margin: 0;
padding: 0;
float: right;
}

div#top li {
float: left;
list-style: none;
margin-right: 20px;
}

div#top li img {
float: left;
vertical-align: middle;
}

div#top a.mainlevel {
display: block;
float: left;
background: none;
margin: 0;
padding: 0 5px;
font-weight: bold;
}

/* @end */

/* @end */

/* @group Code */

pre {
padding: 10px;
}

blockquote {
font-style: italic;
font-size: 110%;
line-height: 150%;
}

/* @end */

/* @group Notices */

span.alert,
span.info,
span.download,
span.note {
display: block;
padding: 10px 10px 10px 50px;
margin: 15px 0;
}

/* @end */

/* @group Lists */

td.mainbody ul,
td.sidebar ul,
td.section ul,
div.module-hilite1 ul,
div.module-hilite2 ul,
div.module-hilite3 ul,
div.module-hilite4 ul {
padding-left: 10px;
margin-left: 0;
}

td.mainbody li,
td.sidebar li,
td.section li,
div.module-hilite1 li,
div.module-hilite2 li,
div.module-hilite3 li,
div.module-hilite4 li {
list-style: none;
margin-left: 0;
padding-left: 20px;
}

ul.bullet-a,
ul.bullet-b,
ul.bullet-c,
ul.bullet-d,
ul.bullet-e,
ul.bullet-f {
padding-left: 30px;
margin-left: 0;
}

ul.bullet-a li,
ul.bullet-b li,
ul.bullet-c li,
ul.bullet-d li,
ul.bullet-e li,
ul.bullet-f li {
list-style: none;
margin-left: 0;
padding-left: 35px;

}

ul.number {
margin: 25px 0;
list-style: none;
padding-left: 20px;
}

ul.number li {
padding-left: 45px;
padding-right: 20px;
padding-bottom: 10px;
}

/* @end */

/* @group Blockquote */

blockquote {
width: auto;
padding: 10px 10px 10px 50px;
margin: 15px 0;
}

/* @end */

.topadvert {
margin-bottom: 15px;
}

.screenshot {
float: right;
margin-top: -35px;
z-index: 9;
}

.hide {
display: none;
}

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

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

/* @end */

/* @end */

/* @group Joomla Core */



/* @group content */

.contentheading {
padding: 10px 0;
line-height:100%;
}

td.buttonheading {
vertical-align: middle;
}

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

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

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

.clr {
clear: both;
}

div.mosimage {
margin: 0px;
}

a.readon {
margin-top: 15px;
display: block;
width: 116px;
height: 36px;
line-height: 26px;
padding-left: 5px;
font-weight: bold;
}

a.readon:hover {
text-decoration: none;
}

span.content_rating img {
vertical-align: top;
}

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

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

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

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

/* @end */

/* @group pathway */

/* My Comment */

span.pathway {
display: block;
height: 30px;
line-height: 30px;
vertical-align: middle;
margin-bottom: 10px;
font-weight: bold;
padding: 0px 15px;

}

span.pathway img {
float: left;
margin: 6px 12px 0 14px;
border: 0;
width: 17px;
height: 18px;
vertical-align: middle;
}

span.pathway a {
float: left;
font-weight: normal;
}


/* @end */

/* @group sections */

table.mainbody td.mainbody td.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 5px;
}

/* @group My Group */

/* @end */

.pollstableborder {
text-align: left;
}

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


/* @end */

/* @group mainmenu */

a.mainlevel {
text-decoration: none;
}

a.mainlevel {
font-weight: bold;
display: block;
padding: 2px 0 2px 20px;
margin-bottom: 3px;
}

a.sublevel {
font-weight: bold;
text-decoration: none;
padding-left: 10px;
}

a.mainlevel:hover {
text-decoration: underline;
}

a.sublevel:hover {
text-decoration: none;
}

.nounder {
text-decoration: none;
border: 0;
}

.style-wrapper {
padding-left: 70px;
padding-top: 30px;
}

.style {
float: left;
margin-right: 50px;
margin-bottom: 50px;
}

/* @end */

/* @end */

.rokslide {
padding: 15px;
}

img.album {
border: 0;
}

/* roklatest stuff */

#accordian {
margin-right: -10px;
margin-top: -29px;

}

#accordian h3.toggler {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 25px;
line-height: 25px;
font-weight: bold;
padding: 0 5px;
margin: 0;

}

#accordian div.element {
padding: 10px 5px;
}

/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper {text-align:center;}
#flickr_badge_wrapper {padding:10px 0 10px 0;}
.flickr_badge_image { float:left;}
.flickr_badge_image img {float: left; margin: 0 3px 3px 0;border: 0;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}

/* @group modules */

div.moduletable h3,
div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3 {
background-color: #E3E3E3;
line-height: 100%;
font-size: 120%;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
}

td.section div.moduletable {
padding-right: 25px;
padding-left: 10px;
padding-top: 0px;
}

td.section div.moduletable h3 {
height: 35px;
line-height: 32px;
margin-top: 0;
margin-right: -8px;
margin-bottom: 0;
}

td.sidenav div.module,
td.sidenav div.module-hilite1,
td.sidenav div.module-hilite2,
td.sidenav div.module-hilite3,
td.sidenav div.module-hilite4 {
margin-bottom: 25px;
padding-right: 15px;
}

td.sidenav div.module div {
padding-right: 10px;
}

td.sidenav div.module div div,
td.sidenav div.module-hilite1 div div,
td.sidenav div.module-hilite2 div div,
td.sidenav div.module-hilite3 div div,
td.sidenav div.module-hilite4 div div {
padding: 0;
}

td.sidenav div.module h3,
td.sidenav div.module-hilite1 h3,
td.sidenav div.module-hilite2 h3,
td.sidenav div.module-hilite3 h3,
td.sidenav div.module-hilite4 h3 {
height: 55px;
line-height: 32px;
margin-bottom: -15px;
margin-right: -10px;
}

td.subbody div.moduletable h3,
td.inset div.moduletable h3,
td.sidebar div.moduletable h3 {
line-height: 100%;
height: 19px;
line-height: 20px;
margin-top: 0px;
margin-bottom: 0px;
}


div.moduletable,
div.moduletable-hilite1,
div.moduletable-hilite2,
div.moduletable-hilite3
{
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}

div.moduletable-hilite1{
background:#333333;
color:#fc0;
}
div.moduletable-hilite2{
background:#ffff99;
color:#b0130d;
}
div.moduletable-hilite3{
background:#99CCFF;
color:#fff;
}

div.moduletable-hilite1 h3{
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
background:#000;
color:#fc0;;
}
div.moduletable-hilite2 h3{
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
background:#CCCC66;
color:#b0130d;
}
div.moduletable-hilite3 h3{
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
background:#6699CC;
color:#fff;
}