/* TOP NAVIGATION ROUGHED OUT */

/* This is all you should need for the top nav */



#navigation-bar {
	width:699px;
	background:#ffffff repeat-x;
	margin: 0 auto;
	border-bottom:1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	font-family: "Lucida Grande", Helvetica, Arial;
		font-weight: bold;

}

#navigation-bar ul {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#navigation-bar li {
	margin: 0;
	padding: 0;
	display: inline;
}

#navigation-bar li a {
	float: left;
	font-size:11px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Lucida Grande", Helvetica, Arial;
	color:#aaaaaa; 
	padding: 9px .8em 10px .8em;
	border-right: 1px solid #666;
}

#navigation-bar li a:hover {
	color:#334; 
	text-decoration: none;

}

#navigation-bar li a.selected {
	display: inline;
	
}

#navigation-bar a:hover {
}


/* 
This CSS-2 hack below adds a block element 'period' after the element and then hides it so that any float can be cleared.
Add this to any container that encloses one or more floating elements so that it does not protrude over the container edges.
*/
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }
/* End hide from IE-mac */

ul { list-style-position:outside; margin-left:12px; }
ol { list-style-position:outside; margin-left:20px; }
li { padding:2px; }

ul.nav {list-style-type: none;padding-left:0em;}
ul.nav li {float:left; padding:.25em;font-size:12px;}

/*-----[ Start HomePage Styles ]-----*/
body#HomePage { padding:0; margin:0; }

#PageLayout 
{
	padding:0; 
	width:701px; 
	margin: 0px auto;

	text-align:left;
}

/* END OF TOP NAVIGATION ROUGHED OUT */


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

.footer {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}
.footernav {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
}
a:link.footernav {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
}
a:visited.footernav {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 9px;
	text-decoration: none;
	font-weight: bold;
}
a:hover.footernav {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 9px;
	text-decoration: underline;
	font-weight: bold;
}

.pipe {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-weight: bold;
	color: #999900;
	font-size: 11px;
}

body {
	
	margin-top: 43px;
	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 */



.dots {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	line-height: 15px;
}
.bodytextsub {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #81742B;
	text-decoration: none;
	line-height: 15px;
	font-style: italic;
}
.bodytextitalic {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height: 15px;
	font-style: italic;
}
.bodytextgold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #81742B;
	text-decoration: none;
	line-height: 15px;
}
a.articlesub:hover {
	font-family: "Lucida Grande", Helvetica, Arial;
	text-decoration: none;
}
.articlesub {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
.tablewhite {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
.tabletext {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.tabletextbold {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.tabletextboldgold {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 10px;
	color: #81742B;
	text-decoration: none;
	font-weight: bold;
}
.tabletextitalic {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-style: italic;
}

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

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

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

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-family: "Lucida Grande", Helvetica, Arial;
	font-size: 14px;
	color: #81742B;
	font-weight: bold;
}

table.sections .contentheading {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 14px;
	color: #81742B;
	font-weight: bold;
}

.contentheading {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 14px;
	color: #81742B;
	font-weight: bold;
}

.componentheading {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 14px;
	padding: 12px 1px;
	margin-bottom: 5px;
	color: #81742B;
	font-weight: bold;
}

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

/* @end */

/* @group Family */

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

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


a {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

a:visited {
	font-family: "Lucida Grande", Helvetica, Arial;
	color: #666666;
	text-decoration: none;
}

a:hover {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-weight: bold;
	color: #999;
	text-decoration: underline;
}



/* @end */

/* @end */

/* @end */

/* @group Structure */

/* @group mainbody */

.hide { display: none; }

td.mainbody {

}

div#mainbody .contentheading {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;

}
.bodytext { 	font-family: Georgia, "Times New Roman", Times, serif; color:#666666;}
div#mosMainBody {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: none !important;
	float: left;
	width: 350px;
}

div#rightside {
	float: right;

}

/* @end */
#header .wrapper {
	position: relative;
	margin-top: 25px;
	height: 132px;
	width: 731px;
}

#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: 16px;
	height: 28px;
	
}

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

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;
}



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

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

/* horiz menu */

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

#navigation-bar li.active li.active,
#navigation-bar li.active li.active a {
	background: none;
}

/* moomenu */

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

div#navigation-bar li li a:link,
div#navigation-bar li li a:visited,
div#navigation-bar li li a:hover,
div#navigation-bar li.active li a:link,
div#navigation-bar li.active li a:visited,
div#navigation-bar 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;
	float: left;
	list-style: none;
	text-transform: uppercase;
}

div#horiz-menu a {
	
	display: block;
	width: 6.2em;
	float: left;
	padding: 0 15px;
	height: 28px;
	line-height: 28px;
	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: 120%;
	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: 0;
	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: 9px;
	line-height: 20px;
	margin-right: -2px;
	padding-left: 1px;
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	/*background: url('../images/horizdots.gif') 0 0 repeat-x;*/
	border-bottom: 1px dotted #7c7c7c;
}

div.module-hilite4 a:link,a:visited {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #56493b;
}

div.module-hilite4 a:hover {
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 11px;
	font-weight: bold;
	color: gray;
	text-decoration: underline;
}

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 {
	font-style: italic;
	width: auto;
	padding: 5px 5px 5px 20px;
	margin: 10px 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;
	padding: 0;
}

/* @end */

/* @end */

/* @group Joomla Core */

/* @group modules */

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

td.section div.moduletable {
	margin-bottom: 25px;
	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: 12px;
	
}

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: 11px;
	margin-bottom: 20px;
}

/* module hilite tweaks */

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

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: 25px;
	margin-bottom: 10px;
	margin-top: -10px;
	margin-left:  -10px;
}

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

.topadvert div.moduletable {
	padding: 0;
}

/* @end */

/* @group content */

.contentheading {
	padding-top: 10px;
	line-height: 20px;

}

td.buttonheading {
 	vertical-align: middle;
}

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

table.contentpaneopen, table.contentpane {
  border-collapse: collapse;
	font-family: "Lucida Grande", Helvetica, Arial;
  padding: 0;
  margin: 0;
  width: 100%;
  color: #666666;
}

div.contentpane, div.contentpaneopen {
	font-family: "Lucida Grande", Helvetica, Arial;
  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;
}

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;}