/*RESETS - DO NOT MODIFY */
html{color:#333;margin-bottom:1px;height:100%;}body,div,ul,li,h1,h2,h3,h4,h5,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}em{font-style:normal;font-weight:normal;}li{list-style:none;list-style-image:none;}th{text-align:left;}h1,h2,h3,h4,h5{font-size:100%;font-weight:normal;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}body{font:13px/1.231 arial,helvetica,sans-serif;}table{font-size:inherit;}body{height:100%;}
.clr {clear: both;}

/*********************************   TYPOGRAPHY   ****************************/
h1,
.contentheading,
.componentheading {font-size:180%;font-weight:bold;}
.contentheading,
.componentheading {padding-bottom:0px;}
p span.contentheading {display:block;}
h1 {padding:3px 0 6px;}
h2 {font-size:160%; padding:3px 0 6px 0;}
h3 {font-size:140%; padding:3px 0 6px 0;}
h4 {font-size:120%; padding:3px 0 6px 0;}
h5 {font-weight:bold; padding:3px 0 5px 0;}
p {line-height:125%; padding:8px 0;}
.createdate,
.modifydate {font-size:80%; height:20px; line-height:20px; padding:0 0 0 20px;}
#rightcol ul {padding:5px 0 2px;}
ul li {padding:0 0 0 20px; margin-bottom:5px;}
div.userdivs h3 {font-size:130%;}

/*********************************  LINKS   *******************************/
a {text-decoration:none;}
a.pathway {border-bottom:none;}
a.pagenav {background:#F1F1F1; border-bottom:none; font-weight:bold; padding:2px 5px; text-align:center;}
a.readon {border-bottom:none; float:right; font-size:12px; line-height:140%; margin-top:5px; padding:3px 4px 2px 20px; text-decoration:none;}
.back_button a {border-bottom:none; float:right; font-size:12px; line-height:140%; margin-top:5px; padding:2px 4px; text-decoration:none;}
.contentheading a {font-weight:bold; text-decoration:none;}
div.pagenavbar a {border-bottom:none; padding:1px 2px;}
div#banner a {border-bottom:none;}

/*********************************   STRUCTURE   ***************************/
div.wrapper {margin:0 auto; position:relative; width:960px;}
div#hd {height:110px; position:relative; z-index:999;}
div#hd h2 {float:left; padding:0px;}
div#hd a#logo {border-bottom:none; height:110px; margin:0 0 0 -6px; text-indent:-3000px; width:268px; display:block;}
div#banner {overflow:hidden; padding:10px 0; width:922px;}
div#pathway {line-height:22px; padding-right:6px; position:absolute; right:6px; text-align:right; top:90px;}
div#tools {float:left; padding:20px 30px;width:240px;}
div#rsswrap {float:right;}
a#rss {border-bottom:none; float:right; height:22px; width:20px;}
a#rss span {display:block; height:22px; text-indent:-5000px; width:20px;}
div#cpanel {float:left; height:22px; width:160px;}
div#top {padding:20px 30px 0 20px;}
div#bd {position:relative;}
div#bot-l {padding:0;}
div#shadow-tr {margin:0 0 0 20px; height:6px;}
div#shadow-tl {height:6px; width:20px; position:relative; left:-20px;}
div#shadow-l {padding:0 0 0 9px; display:block; height:1%;}
div#shadow-r {padding:0 9px 0 0;}
div#bottom-l {padding:0 0 0 10px; display:block; height:1%;}
div#bottom-r {height:1%;}
div.wrap {float:left; display:block; width:100%; overflow:hidden; position:relative;}
div#rightcol {float:left; width:300px;}
div#rightcol-topbg {clear:both; padding-top:20px;}
div#mainright div#rightcol-bot-bg,
div#main div.maincol {float:left; width:100%;}
div#mainright div.maincol {float:left;width:632px;}
div#mainright div.maincol div.content {padding:20px 30px 20px 20px;}
div#main div.maincol div.content {padding:20px 30px 30px 20px;}
div#bd div.userdivs {clear:both;}
div#bd div.userdivs .moduletable {float:left; margin:0 0 5px 0; overflow:hidden;}
div#bd div.twodivs .moduletable {margin:0 10px 5px; width:48.2%;}
div#bd div.twodivs .moduletable:first-child {margin-left:0;}
div#bd div.twodivs .moduletable:last-child {margin-right:0;}
div#bd div.threedivs .moduletable {margin:0 10px 5px; width:31%;}
div#bd div.threedivs .moduletable:first-child {margin-left:0;}
div#bd div.threedivs .moduletable:last-child {margin-right:0;}
div#ft .wrapper {width:920px;}
div#ft .footwrap {padding-right:20px;}
div#ft .modwrap .moduletable {padding:10px 0 20px 20px;}
.modwrap {float:left;}
div#ft div.onediv .modwrap {width:100%;}
div#ft div.twodivs .modwrap {width:50%;}
div#ft div.threedivs .modwrap {width:33.33%;}
div#ft div.fourdivs .modwrap {width:25%;}
div#ft div.fivedivs .modwrap {width:20%;}
div#bottom .wrapper {width:900px; padding:10px 0 40px;}
div#bottom #botleft {float:left; line-height:125%; width:68%;}

/************************* FOOTER & BOTTOM STYLING **************************/
div#ft ul {margin:0;}
div#ft h3 {font-size:130%; padding:3px 0 2px;}
div#bottom ul,
div#bottom li {margin:0; padding:0;}
div#bottom li {background:transparent; float:left; padding-right:20px;}
div#bottom p#about {float:right; padding:0;}
div#bottom a#credits {background: url(../images/ninjatheme.png) no-repeat; display:block; height:16px; text-indent:-5000px; width:78px;}

/**************************   JOOMLA STYLING   *****************************/
table.blog,
table.contentpane {margin-bottom:10px;}
table.contenttoc {float:right; width:200px;}
table.contenttoc td,
table.contenttoc th {padding:3px 5px 1px 10px; width:140px;}
table.contenttoc td:last-child {padding-bottom:5px;}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontablefooter {height:20px; padding:5px;}
td.buttonheading {padding:0 4px; width:16px;}
td.buttonheading a,
td.buttonheading a:hover {border:none;}
td.buttonheading img {vertical-align:top; display:block;}
td.column_separator {padding-left:20px;}
td.sectiontableheader {font-weight:bold; margin-top:5px; padding:5px;}
form#searchForm td {padding: 3px 2px;}
form#searchForm label {padding: 10px;}
form#form-login p {padding: 0 0 8px 0;}
input,
input#mod_search_searchword,
input#search_searchword {padding:2px 3px;}
input.button {cursor:pointer; padding:1px 2px;}
input.inputbox {margin:0; padding:0;}
button {cursor:pointer; line-height:140%; padding-bottom:1px;}
div.back_button {height:30px;}
div#pathway img {position:relative; padding:0 2px; top: 1px;}
.mosimage_caption {font-size:10px; padding-top:5px;}
.pagenavbar {margin-right:10px; float:right;}
span.pagenav {padding:2px;}
fieldset.phrase,
fieldset.only {float:left; padding:20px 0 10px; width:44%;}
fieldset.only {padding-left:40px}
fieldset.word {padding-left:0}
form.search_result p {clear:both; padding-top:0; position:relative; top:-20px;}

/***************************  TOP HORIZ MENU *******************************/
div#horiz-nav {float:right; font-size:130%; height:39px; margin:38px 6px 0 0; text-transform:uppercase;}
div#horiz-nav .menu {float:left; margin:0; padding:4px 7px 5px 7px;}
div#horiz-nav .menu a {display: block;}
div#horiz-nav .menu li {float:left;	height:31px; line-height:31px; margin-bottom:0;	padding:0 10px;}
/*2nd level */
div#horiz-nav .menu li ul {margin:0 0 0 -10px;	position:absolute;	width:180px; left:-999em;	z-index:999;}
div#horiz-nav .menu li li {font-size:13px;	line-height:31px;	padding:0 10px;	width:160px;}
/*3rd level and below*/
div#horiz-nav .menu li ul ul {margin:-26px 0 0 170px;}
div#horiz-nav .menu li:hover > ul {left:auto;}

/****************************   MODULE STYLING   ***************************/
div.moduletable{padding:0 0 20px 0;}
div#top .moduletable {padding:0px;}
div.module,
div.module-hilite1,
div.module-hilite2,
div.module-hilite3 {margin:0 20px 20px;}
div.module-hilite4 {margin-bottom:14px; padding:10px 30px 20px; top:-10px}
.module div div div,
.module-hilite1 div div div,
.module-hilite2 div div div,
.module-hilite3 div div div{padding:10px;}

/************************   MODULE HEADER STYLING **************************/
div#rightcol h3 {font-size:140%; letter-spacing:-0.5px; margin-bottom:-5px; padding:0; position:relative; text-indent: 20px; top:-5px;}


