@import url(layout.css);

@import url(template_ie6.css);

@import url(rokmoomenu.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;

}



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 { color: #333; font-size: 14px; font-family: "times new roman"; }



body.f-smaller {

	font-size: 10px;

}



body.f-default {

	font-size: 11px;

}



body.f-larger {

	font-size: 15px;

}



h1 {

	font-size: 200%;

}



h2 {

	font-size: 180%;

}



h3 { 

   font-size: 150%;

}



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,

.componentheading { color: #111; font-size: 30px; font-family: times, "times new roman"; font-weight: normal; line-height:30px; text-align: left; margin-top: 10px; margin-bottom: 10px; padding-left: 4px; border-left: 1px solid #111; }



.componentheading {

 margin-bottom: 15px;

}



td.componentheading {

	padding-bottom: 15px;

}



/* @end */



/* @group Family */



body { font-family: "times new roman"; line-height: 135%; }





a {

	/* color: see style css */

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



/* @end */



/* @group Structure */



/* @group pull-down */



#fxContainer {

	position: absolute;

	padding-top: 0px;

	left: 0;

	z-index: 1020;

	width: 100%;

	height: 0;

}



#fxTarget { 

	padding-top: 1px;

	margin: 0;

	width: 100%;

	position: relative;

	top: 0;

	z-index: 1019;

	height: 0;

	overflow: hidden;

}



#fxPadding { visibility: hidden; margin-top: -28px; padding: 0 45px; }



#fxTrigger {

	position: relative;

	cursor: pointer;

}



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



#fxTab a,

#fxContainer a {

	z-index: 1100;

}



#fxTab a:hover {

	text-decoration: none;

}



/* @end */



/* @group mainbody */





td.mainbody {

	width: 100%;

}



/*div#mainbody .contentheading {

	font-size: 100%;

}*/



/* @end */







#template {

	position: relative;

}



div#horiz-menu { text-decoration: none; right: 0; padding-left: 10px; }



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;

}



/* @group content */



/* @group menus */



/* @group Horiz Menu */



div#horiz-menu ul {

	margin: 0;

	padding: 0;

}



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



div#horiz-menu a { font-size: 14px; font-family: "Times New Roman", Times; display: block; float: left; padding: 0 10px; height: 30px; line-height: 36px; 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: 0px;

	padding-right: 2px;

}



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

}



.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-down {

	padding: 0 0px 0px 0px;

}



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-hilite9,

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-hilite9 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: 25px;

}



/* @end */



/* @group content */

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: 3px 0 3px 20px;

}



a.sublevel {

	font-weight: bold;

	text-decoration: none;

	padding-left: 10px;

}



a.mainlevel:hover { background-color: #7d7b73; text-decoration: none; }



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 Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
/*Side Nav*/
/**/
.navbar { position: relative; top: 0; left: 0; z-index: 100; }
.sidenavx { color: #fff; font-size: 12px; font-family: times, "times new roman"; font-weight: normal; font-style: normal; background-image: url(../images/sidenav.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: underline; text-align: left; position: relative; top: 0; left: 0; width: 293px; height: 225px; z-index: 10; padding-right: 734px; }
.sidenavx a { color: #fff; font-size: 12px; font-weight: normal; font-style: normal; text-decoration: none; }
.user4padding {  }
.sidenavbottom { color: #fff; font-size: 12px; font-family: times, "times new roman"; font-style: normal; font-weight: normal; text-decoration: underline; background-image: url(../images/sidenavbottom.gif); top: 0; width: 204px; height: 74px; }
.bodypadding { padding: 25px; }
.sidenavbottompadding { padding-top: 30px; padding-left: 15px; }
/*Top Banner*/
.pcusbanner { background-image: url(../images/pcusbanner.jpg); background-repeat: no-repeat; position: relative; left: 25px; width: 578px; height: 94px; }
.searchbutton { position: relative; top: 7px; left: 4px; }