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

.button{font:normal 10px Arial,Helvetica,sans-serif; padding:2px; margin-top:5px; color:#fff; border :0px; background-color:#999}

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}

.pagenav, 
.pagenav_next, 
.pagenav_prev{text-align:center; color:#ccc; border:1px solid #F3F3F3; padding:2px 7px; font-size:11px; font-family:Arial,Verdana,Helvetica,sans-serif; font-weight:bold}
.pagenav:hover, 
.pagenav_next:hover, 
.pagenav_prev:hover{border:1px solid #EB7800; background:#FFFFF2; color:#EB7800}
.pagenav_next a, 
.pagenav_prev a{color:#d2965a}
.pagenav_next a:hover, 
.pagenav_prev a:hover{color:#EB7800; text-decoration:none}
.pagenavcounter{font-weight:bold}
a.pagenav, a.pagenav:visited{color:#d2965a}
a.pagenav:hover{color:#EB7800; text-decoration:none; border:1px solid #EB7800}

body{font-size:13px}

body.f-smaller{font-size:10px}

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

body.f-larger{font-size:15px}

h1{font-size:150%}

h2{font-size:140%}

h3{ font-size:130%}

h4{font-size: 120%}

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

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

table.sections .contentheading{font-size:145%}

.contentheading{font-size:160%}

.componentheading{ margin-bottom:15px}

td.componentheading{padding-bottom:15px}

/* @end */
/* @group Family */
body{line-height:135%; font-family:Verdana,Arial,Helvetica,sans-serif}

.contentheading, 
.componentheading{font-weight:bold; line-height:150%}

a{/* color:see style css */text-decoration:none}

a:hover{text-decoration:underline}

/* @end */
/* @end */
/* @end */
/* @group Structure */
/* @group pull-down */
#fxContainer{position:absolute; padding-top:0px; left:0; z-index:20; width:100%; height:0}

#fxTarget{padding-top:1px; margin:0; width:100%; position:relative; top:0; z-index:19; height:0; overflow:hidden}

#fxPadding{visibility:hidden; padding:0 45px}

#fxTrigger{position:relative; cursor:pointer}

#fxTab{position:relative; margin:-6px auto 0; text-align:center; height:38px; line-height:36px; font-weight:bold; width:176px; z-index:21}

#fxTab a, 
#fxContainer a{z-index:100}

#fxTab a:hover{text-decoration:none}

/* @end */
/* @group mainbody */
td.mainbody{width:100%}

div#mainbody .contentheading{font-size:160%}

/* @end */
#template{position:relative}

img#logo{position: absolute; float:left; margin-left:20px; margin-top:40px; width:327px; height:57px}

div#banner{margin-left: 370px; padding-top:20px; height:84px; overflow:hidden}

div#banner .padding{padding: 10px}

div#horiz-menu{height:46px}

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

td.section{padding:0}

td.section.w49{width:50%}

td.section.w24{width:33%}

td.mainbody .padding{padding:15px}

div#footer .rk-2{height:114px; overflow:hidden}

div#the-footer{text-align:center}

img#rocket{width:150px; height:105px}

/* @group content */
/* @group menus */
/* @group Horiz Menu */
div#horiz-menu ul{margin:0; padding:0}

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

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

/* @end */
/* @group Side Menu */
/* side menu is just a standard list so it will work with a hilite */
.sidenav a{font-weight:bold}

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

/* @end */
/* @group Notices */
span.alert, 
span.info, 
span.download, 
span.note{display:block; padding:10px 10px 10px 50px; margin:15px 0}

/* @end */
/* @group Lists */
#section1 ul, 
#section2 ul, 
#mainbody ul{margin-left:0; padding-left:1em}

#section1 li, 
#section2 li, 
#mainbody li{margin-left:0; list-style:none; padding-left:25px; padding-top:2px; margin-bottom:3px}

#mainbody ul.check1, 
#mainbody ul.check2, 
#mainbody ul.arrow1, 
#mainbody ul.arrow2, 
#mainbody ul.arrow3, 
#mainbody ul.star, 
#mainbody ul.circle, 
#mainbody ul.morespace{margin-left:35px; padding:0}

ul.check1 li, 
ul.check2 li, 
ul.arrow1 li, 
ul.arrow2 li, 
ul.arrow3 li, 
ul.star li, 
ul.circle li, 
li.check1, 
li.check2, 
li.arrow1, 
li.arrow2, 
li.arrow3, 
li.star, 
li.circle{list-style:none; padding-bottom:15px; padding-left:40px}

/* @end */
/* @group Blockquote */
blockquote{width:auto; padding:10px 10px 10px 80px; margin:15px 0}

/* @group My Group */
/* @end */
/* @end */
/* @group Login Area */
#fxPadding div.moduletable h3{float:left; margin:0; padding:0; line-height:40px; height:40px}

#fxPadding form{float:left; padding-left:30px; height:22px; margin-top:8px}

#fxPadding div.loginelement{float:left; margin-left:30px; height:22px; line-height:22px}

#fxPadding div.loginelement input{width:100px; padding-left:5px}

span.loginsubmit, 
span.logoutsubmit{display:block; padding-left:8px; margin-left:10px; line-height:25px; width:96px; float:left; cursor:pointer}

/* @end */
/* @group Regular Content Items */
table.contentpaneopen tbody tr td span.small, 
td.createdate{padding-left:20px}

/* @end */
.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 modules */
div.moduletable, 
div.moduletable-hilite1, 
div.moduletable-hilite2, 
div.moduletable-hilite3, 
div.moduletable-hilite4, 
div.moduletable-hilite5, 
div.moduletable-hilite6, 
div.moduletable-hilite7, 
div.moduletable-hilite8{padding:0 15px 10px 15px}

div.moduletable h3, 
div.moduletable-hilite1 h3, 
div.moduletable-hilite2 h3, 
div.moduletable-hilite3 h3, 
div.moduletable-hilite4 h3, 
div.moduletable-hilite5 h3, 
div.moduletable-hilite6 h3, 
div.moduletable-hilite7 h3, 
div.moduletable-hilite8 h3{margin:0 -15px 15px -15px; padding:10px 15px; line-height:100%}

td.left div.moduletable, 
td.right div.moduletable{margin-bottom:5px}

/* @end */
/* @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:5px}

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

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 */
span.pathway{display:block; float: left; height:16px; line-height:18px; vertical-align:middle; margin-left:25px; margin-bottom:10px; font-weight:bold}

span.pathway img{float: left; margin:0 12px 0 14px; border:0; width:17px; height:16px; 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 */
/*
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}
#flickr_badge_icon{float:left; margin-right:5px}
#flickr_www{display:block; padding:0 10px 0 10px !important; font:11px Verdana,Arial,Helvetica,sans-serif !important; color:#3993ff !important}