/* custom stuff */
html{ height:100%; margin-bottom:1px}
body{margin:0; padding:0}
p{  margin-top:0; margin-bottom:5px}
fieldset{border:0; padding:5px 0}
span.pathway{display:block; height:16px; line-height:16px; vertical-align:middle; margin-top:5px; margin-bottom:10px; font-weight:bold}
span.pathway img{margin:0px 10px; vertical-align:middle}
div#pathway{margin-bottom:10px; padding-left:8px}
a.readon{display:block; float:left; padding-left:20px; margin-top:10px; line-height:14px; height:16px; background:url(/images/default/play.png) no-repeat}

/* dark header */
#header {background: #3c3c3c url(/images/header/dark/header-bg.png) repeat-x;}
.header-dark #top {color: #999;}
#logo {background: url(/images/header/dark/logo.png) no-repeat;}
.font-selector,
.width-selector {background: url(/images/header/dark/access-select.png) no-repeat;}
.lrg .button {background: url(/images/header/dark/access-lrg.png);}
.sml .button {background: url(/images/header/dark/access-sml.png);}
.med .button {background: url(/images/header/dark/access-med.png);}
.thin .button {background: url(/images/header/dark/access-thin.png);}
.wide .button {background: url(/images/header/dark/access-wide.png);}
.fluid .button {background: url(/images/header/dark/access-fluid.png);}

/* green toolbar */
a {color: #7EA32C;}
a:hover {color: #000;}
#toolbar {background: url(/images/toolbar/green/toolbar-bg.png) repeat-x;}
.header-dark #nav li.active_menu a {background: url(/images/toolbar/green/toolbar-select-dark.png) 50% 0 no-repeat;}
.header-light #nav li.active_menu a {background: url(/images/toolbar/green/toolbar-select-light.png) 50% 0 no-repeat;}
#nav {background: url(/images/toolbar/green/toolbarhead-div.png) 0 0 no-repeat;}
#nav li {background: url(/images/toolbar/green/toolbar-div.png) 100% 0 no-repeat;}
#nav li a {color: #fff;}
#nav a:hover {color: #333;}
/* dark/green toolbar footer */
body.footer-dark #footer h3 {color: #9DCA3F;}

/* green footer */
body.footer-green{background: #698724;}
#footer {background: #698724 url(/images/footer/green/footer-bg.png) repeat-x;}
#footer li {border-bottom: 1px dotted #A1C746;}
#footer div.moduletable {color: #fff;}
#the-footer {color: #ccc;}
body.footer-green #footer a {color: #fff;}
body.footer-green #footer a:hover {color: #000;}
body.footer-green #footer h3 {color: #333;}

/*** fonts ***/
body{line-height:125%; font-family:"Lucida Grande",Tahoma,Helvetica,sans-serif; color:#444}
/* size attributes */
body.f-smaller{font-size:11px}
body.f-default{font-size:12px}
body.f-larger{font-size:13px}
.small, 
.modifydate, 
.createdate, 
div.mosimage_caption{font-size:100%}
/* Gallery Module */
.sig{clear:both; margin:16px 4px; padding:0px; display:table-cell}
.sig_clr{clear:both}
.sig_cont{float:center}
.sig_thumb{float:center; margin:0px 10px 10px 10px; padding:0px; background:url(/images/shadowAlpha.png) no-repeat bottom right !important; background:url(/images/shadow.gif) no-repeat bottom right}
.sig_thumb img{display:block; position:relative; background:#FFF; border:0px solid #ccc; margin:-5px 5px 5px -5px; padding:4px}
#lbOverlay{position:absolute; left:0; width:100%; background-color:#000; cursor:pointer}
#lbCenter, #lbBottom{position:absolute; left:50%; overflow:hidden; background-color:#fff}
.lbLoading{background:#fff url(/images/loading.gif) no-repeat center}
#lbImage{border:10px solid #fff}
#lbPrevLink, #lbNextLink{display:block; position:absolute; top:0; width:50%; outline:none}
#lbPrevLink{left:0}
#lbPrevLink:hover{background:transparent url(/images/prevlabel.gif) no-repeat 0% 15%}
#lbNextLink{right:0}
#lbNextLink:hover{background:transparent url(/images/nextlabel.gif) no-repeat 100% 15%}
#lbBottom{font-family:Verdana,Helvetica,sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none}
#lbCloseLink{display:block; float:right; width:66px; height:22px; background:transparent url(/images/closelabel.gif) no-repeat center; margin:5px 0}
#lbCaption, #lbNumber{margin-right:71px}
#lbCaption{font-weight:normal}
#lbCaption b{color:#C63C13; font-size:11px}
#lbOverlay, #lbCenter, #lbBottom, #lbPrevLink, #lbNextLink{z-index:999}
ul.postnav, ul.postnav li{list-style-type:none}
ul.postnav li{float:left; width:9em; font-size:90%; margin-right:5px}
ul.postnav a{display:block; width:9em; padding:3px 0; font:90% Verdana,Arial,sans-serif; text-transform:uppercase; background:#EEE; color:#000; text-decoration:none; text-align:center}
ul.postnav a:hover{background:#8F8057; color:#FFF}
#nav a, 
#inset a{font-size:110%}
div.moduletable h3, 
.componentheading{font-size:100%; color:#222}
.componentheading{ margin-bottom:15px}
td.componentheading{padding-bottom:15px}
/* gradient 2 */
.contentheading h1 {
font: bold 220%/100% "Lucida Grande", Arial, sans-serif;position: relative;margin: 0px 0 0px;color: #464646;letter-spacing: -2px; }
.contentheading h1 span {background: url(/images/gradient-glossy.png) repeat-x;position: absolute;display: block;width: 100%;height: 17px;}
.contentheading a {color: #000;text-decoration: none;}
.contentheading a:visited {color: #000;}
.contentheading a:hover {color: #555;}
/* font family */
h3, 
.componentheading, 
#nav, 
.sectiontableheader, 
span.pathway, 
.small, 
.createdate, 
.modifydate, 
#inset{font-family:Arial,Helvetica,sans-serif; font-weight:bold}
a:link, 
a:visited{text-decoration:none}
a:hover{text-decoration:none}
/* module settings */
div.moduletable h3{margin-top:5px; margin-bottom:10px; padding-bottom:0}
div.moduletable{margin-bottom:10px}
td.left div.moduletable, 
td.right div.moduletable{margin-bottom:15px}
div.moduletable ul{margin:5px 0; padding:0 2em}
div.moduletable ul li{padding-bottom:3px}
/* default menu link styles */
a.mainlevel{display:block}
a.sublevel{}
a.mainlevel:hover{text-decoration:none}
a.sublevel:hover{text-decoration:none}
#inset a.mainlevel{display:inline; background:none; padding:0 15px}
/** regular joomla menu **/
a.mainlevel{display:block; height:16px; line-height:15px; padding:0; padding-left:20px; background:url(/images/default/play.png) no-repeat; margin-bottom:3px}
a#active_menu:link{font-weight:bold}
a#active_menu:visited{color:#333;font-weight:bold}
li.active_menu a:link, 
li.active_menu a:visited{ color:#333}
a.sublevel:link, 
a.sublevel:visited{font-weight:normal}
/* headings */
h1{padding-bottom:5px}
h2{ padding-bottom:5px}
h3{ padding-bottom:5px}
h4{ padding-bottom:5px}
.small{font-weight:bold; color:#999}
.modifydate{height:20px; vertical-align:bottom; font-weight:bold; color:#999}
.createdate{height:20px; vertical-align:top; font-weight:bold; vertical-align:top; padding-bottom:5px; padding-top:0px; color:#999}
/** some joomla class stuff */
table.contenttoc{ margin:5px;  padding:5px}
table.contenttoc td{ padding:0 5px}
td.buttonheading{ vertical-align:middle}
td.buttonheading img{margin-right:5px}
table.mainbody td.mainbody td.sectiontableheader{ font-weight:bold;  padding:4px;  line-height:20px;  background:#f6f6f6;  border-bottom:1px solid #ddd}
table.mainbody td.mainbody tr.sectiontableentry1 td, 
table.mainbody td.mainbody tr.sectiontableentry2 td{ padding:4px;  border-bottom:1px solid #efefef}
table.mainbody td.mainbody td.sectiontableentry1, 
table.mainbody td.mainbody td.sectiontableentry2{ padding:4px;  border-bottom:1px solid #efefef}
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}
table.adminform textarea{ width:auto;  color:#666}
/** width stuff **/
.w-wide div.wrapper{width:900px}
.w-thin div.wrapper{width:750px}
.w-fluid div.wrapper{margin:0 20px}
/* showcase */
#showcase{border-bottom:1px solid #B8B8B8; border-top:1px solid #B8B8B8; background:#ccc url(/images/default/showcase-bg.png) repeat-x; color:#444}
/** template layout stuff **/
#page_bg{height:100%; padding:0; margin-bottom:1px}
div.wrapper{margin:auto; position:relative}
#header{height:187px; overflow:hidden}
#access{position:absolute; z-index:10000; top:0; right:25px; width:200px; height:20px; overflow:hidden}
#access #selectors{position:relative; height:8px}
#access span{background-repeat:no-repeat}
#access a{text-decoration:none}
.font-selector, 
.width-selector{display:block; position:absolute; top:0; width:12px; height:6px}
.f-smaller #selectors .font-selector{right:159px}
.f-default #selectors .font-selector{right:129px}
.f-larger #selectors .font-selector{right:99px}
.w-thin #selectors .width-selector{right:70px}
.w-wide #selectors .width-selector{right:40px}
.w-fluid #selectors .width-selector{right:10px}
#access #buttons{float:right}
#access .button{display:block; float:right; width:20px; height:12px; margin:0 5px; background-repeat:no-repeat}
#logo{position:absolute; top:35px; left:0; display:block; width:398px; height:435px}
#top{height:60px; padding-top:35px; overflow:hidden; margin-left:395px; margin-bottom:10px; margin-right:25px}
#toolbar{height:31px}
#showcase ul, 
td.left ul, 
td.right ul, 
#footer ul{list-style:none; margin:0; padding:0}
#showcase li, 
td.left li, 
td.right li, 
#footer li{border-bottom:1px dotted #999; padding-bottom:0; margin-bottom:2px}
#showcase .padding, 
#footer .padding{padding:5px 25px}
#mainbody{background:#ccc url(/images/default/body-bg.png) repeat-x}
#mainbody-2{background:transparent url(/images/default/body-shadow-br.png) 100% 0 repeat-y}
#mainbody-3{background:transparent url(/images/default/body-shadow-bl.png) 0 0 repeat-y}
#mainbody-4{background:transparent url(/images/default/body-shadow-tr.png) 100% 0 no-repeat}
#mainbody-5{background:transparent url(/images/default/body-shadow-tl.png) 0 0 no-repeat; padding:0 15px}
#mainbody-padding{background:#fff; padding:5px 10px}
#inset{color:#ccc; text-align:center; margin:15px 0}
#inset table{width:auto; margin:0 auto}
#footer{padding-top:10px}
#the-footer{text-align:center; margin:20px 0}
table.showcase, 
table.mainbody, 
table.headlines, 
table.footer{width:100%; padding:0}
table.headlines{margin-top:-5px}
table.showcase tr, 
table.mainbody tr, 
table.headlines tr, 
table.footer tr{vertical-align:top}
table.showcase td.showcase, 
table.footer td.footer, 
table.headlines td.headlines{width:33%}
table.showcase td.showcase, 
table.footer td.footer, 
table.mainbody td.left, 
table.mainbody td.right, 
table.headlines td.headlines{padding:0 10px}
table.mainbody td.mainbody{padding:0}
#mainbody td.mainbody .padding{padding:0 15px}
table.mainbody td.left, 
table.mainbody td.right{width:18%}
table.mainbody td.left{border-right:1px solid #e6e6e6}
table.mainbody td.right{border-left:1px solid #e6e6e6}
table.headlines td.headlines{border:1px solid #e6e6e6}
/*****************************
 ****   splitmenu   ****
 *****************************/
#nav{margin:0 0 0 20px; padding:0; height:31px; overflow:hidden}
#nav ul{padding:0; margin:0; margin-left:2px}
#nav li{margin:0; padding:0; float:left; display:block}
#nav a{text-decoration:none; cursor:pointer; font-weight:bold}
#nav li.on li.on a{text-decoration:underline}
#nav li a{display:block; float:left; height:31px; line-height:31px; padding:0 15px}
ul.subemenu{padding:0; margin:0}
ul.submenu li{border:0; margin:0px; height:16px; line-height:15px; padding:0; padding-left:20px; background:url(/images/default/play.png) no-repeat}
ul.submenu ul li{ margin-left:10px;  background:none}
ul.submenu ul ul li{ margin-left:20px;  background:none}

/* some page content things */
.hide{display:none}
form{border:0; margin:0; padding:0}
table.blog span.article_seperator{display:block; height:20px}
table.pollstableborder td{text-align:left; padding:2px 0}
input#mod_search_searchword{width:120px}
.highlight{ background-color:#ffc}


/* Nifty Corners Launcher */
b.niftycorners,b.niftyfill{display:block}b.niftycorners *{display:block;height:1px;line-height:1px;font-size:1px;overflow:hidden;border-style:solid;border-width:0 1px}b.r1{margin:0 3px;border-width:0 2px}b.r2{margin:0 2px}b.r3{margin:0 1px}b.r4{height:2px}b.rb1{margin:0 8px;border-width:0 2px}b.rb2{margin:0 6px;border-width:0 2px}b.rb3{margin:0 5px}b.rb4{margin:0 4px}b.rb5{margin:0 3px}b.rb6{margin:0 2px}b.rb7{margin:0 1px;height:2px}b.rb8{margin:0;height:2px}b.rs1{margin:0 1px}b.t1{border-width:0 5px}b.t2{border-width:0 3px}b.t3{border-width:0 2px}b.t4{height:2px}b.tb1{border-width:0 10px}b.tb2{border-width:0 8px}b.tb3{border-width:0 6px}b.tb4{border-width:0 5px}b.tb5{border-width:0 4px}b.tb6{border-width:0 3px}b.tb7{border-width:0 2px;height:2px}b.tb8{border-width:0 1px;height:2px}b.ts1{border-width:0 2px}

/* other Rounded Corners */
.t {background: url(/images/titlesort/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(/images/titlesort/dot.gif) 0 100% repeat-x}
.l {background: url(/images/titlesort/dot.gif) 0 0 repeat-y}
.r {background: url(/images/titlesort/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/titlesort/bl.gif) 0 100% no-repeat}
.br {background: url(/images/titlesort/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/titlesort/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/titlesort/tr.gif) 100% 0 no-repeat; padding:10px}