/* @group Core Elements */ 

html { 
height: 100%; 
margin-bottom: 1px; 
} 

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

body { 
margin: 0; 
padding: 0; 

} 

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

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

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

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

h1 { 
font-size: 200%; 
} 

h2 { 
font-size: 175%; 
} 

h3 { 
font-size: 150%; 
} 

h4 { 
font-size: 120%; 
} 


body { 
margin: 0; 
padding: 0; 
} 

a { 
text-decoration: none; 
} 

a:hover { 
text-decoration: underline; 
} 

/* @end */ 

/* @group Joomla Elements */ 

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

.componentheading { 
font-size: 170%; 
line-height: 100%; 
padding: 0; 
margin: 20px 0 20px 0; 
} 

.contentheading { 
font-size: 20px; 
width: 85%; 
font-weight:bold; 
height: 30px; 
line-height: 30px; 
font-family: Arial Narrow, sans-serif; 
} 

td.buttonheading, 
.contentpaneopen td.buttonheading { 
padding: 7px 3px 0;
display:none;
} 

td.column_separator { 
padding-left: 15px; 
} 

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

.sectiontableheader { 
font-weight: bold; 
padding: 4px; 
line-height: 20px; 
background: #f5f5f5; 
border-bottom: 1px solid #e5e5e5; 
} 

tr.sectiontableentry1 td, 
tr.sectiontableentry2 td { 
text-align: left; 
padding: 4px 0 4px 4px; 
border-top: 1px solid #fff; 
border-bottom: 1px solid #e5e5e5; 
} 

.sectiontableentry2 { 
background: #f1f1f1; 
} 

.contentpane, 
.contentpaneopen { 
width: 950px; 
} 

/* @end */ 

/* @group Structure */ 

#masthead { 
background: url(/images/masthead-bg.png) 0 0 repeat-x; 
overflow: hidden; 
height: 125px; 
position: relative; 
} 

#logo { 
width: 435px; 
height: 127px; 
} 

#mod-top { 
height: 99px; 
position: absolute; 
top: 0; 
right: 25px; 
background: url(/images/top-mod-bg.png) 0 0 repeat-x; 
} 

#mod-top .top2 { 
background: url(/images/top-mod-right.png) 100% 0 no-repeat; 
} 

#mod-top .top3 { 
background: url(/images/top-mod-left.png) 0 0 no-repeat; 
height: 99px; 
width: 400px; 
overflow: hidden; 
} 

#mod-top .padding { 
padding: 15px 10px 10px 10px; 
} 

#mod-top .top-padding { 
padding-left: 15px; 
} 

#primary-nav { 
clear: both; 
} 

#mainbody { 
padding-left: 10px; 
} 

#sidecol { 
float: left; 
margin-top: 28px; 
background: #fff; 
} 

#sidecol table { 
width: 100%; 

} 

#sidecol .col2 { 
padding: 6px 18px 0 18px; 
} 

#secondcol { 
margin-top: 18px; 
float: right; 
} 

#secondcol .col1 { 
background: url(/images/sidecol-right.png) 100% 0 no-repeat; 
} 


#secondcol .col2 { 
padding: 10px 35px 0 35px; 
background: url(/images/sidecol-left.png) 0 0 no-repeat; 
} 

#inset { 
height: 158px; 
margin-right: 30px; 
overflow: hidden; 
} 

#content { 
margin-top: 10px; 
} 


#bottommodules { 
clear: right; 
} 

#topmodules, 
#component { 

} 

#component .padding { 
padding-left: 10px; 
} 

#content.extraspace #component .padding{ 
padding-right:0px; 
} 


.spacer .block { 
float: left; 
} 

.spacer .w99 .block { 
width: 99%; 
} 

.spacer.w49 .block { 
width: 49%; 
} 

.spacer.w33 .block { 
width: 33%; 
} 

#footer-bar { 
padding-top: 20px; 
padding-bottom: 20px; 
width: 100%; 
clear: both; 
overflow: hidden; 
} 

#footer-bar div { 
border-top: 1px solid #e6e6e6; 
background: #efefef; 
height: 20px; 
} 

div#bottom { 
padding-bottom: 30px; 
overflow: auto; 
} 


#pathway { 
height: 30px; 
padding: 0 32px; 
overflow: hidden; 
} 

img#rocket { 
width: 159px; 
height: 18px; 
border: 0; 
margin-left: 50px; 
} 

#footermods { 
float: right; 
width:400px; 

} 

/* @end */ 

/* @group Modules */ 

.module, 
.module-hilite1, 
.module-hilite2, 
.module-hilite3, 
.module-hilite4, 
.module-hilite5, 
.module-hilite6, 
.module-hilite7, 
.module-hilite8, 
.module-quote, 
.module-search { 
margin-top: 0px; 
margin-bottom: 25px; 
} 

.module-hilite1, 
.module-hilite2, 
.module-hilite3, 
.module-hilite4, 
.module-hilite5, 
.module-hilite6, 
.module-hilite7, 
.module-hilite8, 
.module-quote { 
background: url(/images/module-left.png) 0 100% no-repeat; 
height: 1%; 
} 

.module-hilite1 div, 
.module-hilite2 div, 
.module-hilite3 div, 
.module-hilite4 div { 
background: none; 
margin: 0; 
padding: 0; 
} 

.module-hilite5 div, 
.module-hilite6 div, 
.module-hilite7 div, 
.module-hilite8 div { 
background: url(/images/module-right.png) 100% 100% no-repeat; 
height: 1%; 
margin: 0; 
padding: 0; 
} 

.module h3, 
.module-hilite1 h3, 
.module-hilite2 h3, 
.module-hilite3 h3, 
.module-hilite4 h3, 
.module-hilite5 h3, 
.module-hilite6 h3, 
.module-hilite7 h3, 
.module-hilite8 h3, 
.module-quote h3 { 
font-size: 145%; 
font-weight: normal; 
margin: 5px 0 10px 0; 
} 

.module div div div { 
padding: 0 5px; 
} 

.module-hilite1 div div, 
.module-hilite2 div div, 
.module-hilite3 div div, 
.module-hilite4 div div { 
background: none; 
padding: 0 5px 18px 13px; 
} 

.module-hilite5 div div, 
.module-hilite6 div div, 
.module-hilite7 div div, 
.module-hilite8 div div { 
background: none; 
padding: 0 8px 18px 13px; 
} 

.module-hilite1 div div div, 
.module-hilite2 div div div, 
.module-hilite3 div div div, 
.module-hilite4 div div div, 
.module-hilite5 div div div, 
.module-hilite6 div div div, 
.module-hilite7 div div div, 
.module-hilite8 div div div { 
padding: 0 0 0 8px; 
} 

.module-quote div div div { 
padding: 13px 13px 35px 13px; 
} 

.module div div div div, 
.module-hilite1 div div div div, 
.module-hilite2 div div div div, 
.module-hilite3 div div div div, 
.module-hilite4 div div div div, 
.module-hilite5 div div div div, 
.module-hilite6 div div div div, 
.module-hilite7 div div div div, 
.module-hilite8 div div div div, 
.module-quote div div div div, 
.module-search div div div div { 
background: none; 
padding: 0; 
border: 0; 
} 

.spacer div.module, 
.spacer div.module-hilite1, 
.spacer div.module-hilite2, 
.spacer div.module-hilite3, 
.spacer div.module-hilite4, 
.spacer div.module-hilite5, 
.spacer div.module-hilite6, 
.spacer div.module-hilite7, 
.spacer div.module-hilite8, 
.spacer div.module-quote { 
margin-left: 10px; 
} 

.module-hilite1 h3, 
.module-hilite5 h3 { 
color: #666; 
} 

.module-hilite1 div div div, 
.module-hilite5 div div div { 
border-left: 8px solid #eee; 
} 

.module-quote { 
background: url(/images/quote-tl.png) 0 0 no-repeat; 
} 

.module-quote div { 
background: url(/images/quote-tr.png) 100% 0 no-repeat; 
} 

.module-quote div div { 
background: url(/images/quote-bl.png) 0 100% no-repeat; 
} 

.module-quote div div div { 
background: url(/images/quote-br.png) 100% 100% no-repeat; 
} 

.module-search { 
background: url(/images/search-bg.png) 0 0 no-repeat; 
width: 184px; 
height: 45px; 
} 

.module-search input { 
background: transparent; 
border: 0; 
margin-left: 66px; 
margin-top: 14px; 
padding: 2px 0 0 5px; 
overflow: hidden; 
width: 105px; 
} 

#footer-1 .module h3 { 
padding-left: 0; 
background: none; 
} 

#footer-1 .module div div div { 
padding: 0px 18px; 
} 


/* section table overrides */ 
.sections .left .module-hilite1 div div, 
.sections .left .module-hilite2 div div, 
.sections .left .module-hilite3 div div, 
.sections .left .module-hilite4 div div, 
.sections .right .module-hilite1 div div, 
.sections .right .module-hilite2 div div, 
.sections .right .module-hilite3 div div, 
.sections .right .module-hilite4 div div { 
background: none; 
} 

/* @end */ 

/* @group Horizontal Menu */ 

#horiz-menu { 
height: 36px; 
} 

#horiz-menu ul.menu { 
padding-left: 35px; 
} 

#horiz-menu ul { 
list-style: none; 
margin: 0; 
padding: 0 0 0 0px; 
} 

#horiz-menu li { 
background: url(/images/horiz-menu-divider.png) 100% 0 no-repeat; 
display: block; 
float: left; 
margin: 0; 
padding: 0; 
} 

#horiz-menu a { 
white-space: nowrap; 
font-family: Arial Narrow, Helvetica, sans-serif; 
display: block; 
float: left; 
height: 36px; 
line-height: 33px; 
padding: 0 22px 0 18px; 
font-weight: normal; 
font-size: 130%; 
} 

#horiz-menu.moomenu li.active li a, 
#horiz-menu.moomenu li.active:hover a.topdaddy, 
#horiz-menu.moomenu li.active.sfHover a.topdaddy, 
#horiz-menu.suckerfish li.active li a, 
#horiz-menu.suckerfish li.active:hover a.topdaddy, 
#horiz-menu.suckerfish li.active.sfHover a.topdaddy { 
background: none; 
} 

#horiz-menu li li a { 
font-family: Helvetica, Arial, sans-serif; 
font-size: 100%; 
font-weight: normal; 
} 

#horiz-menu a:hover { 
text-decoration: none; 
} 

/* @end */ 

/* @group Sub Menu */ 

#sidecol ul.menu, 
#secondcol ul.menu { 
margin: 0; 
padding: 0; 
} 

#sidecol ul.menu li, 
#secondcol ul.menu li { 
list-style: none; 
margin: 0; 
padding: 0; 
} 

#sidecol ul.menu li.active a, 
#secondcol ul.menu li.active a { 
background-position: 0 -74px; 
} 

#sidecol ul.menu li.active li a, 
#secondcol ul.menu li.active li a { 
font-weight: normal; 
font-size: 100%; 
} 

#sidecol ul.menu span, 
#secondcol ul.menu span { 
display: block; 
} 

#sidecol ul.menu a, 
#secondcol ul.menu a { 
display: block; 
line-height: 37px; 
text-indent: 37px; 
height: 37px; 
font-family: Arial Narrow, Helvetica, sans-serif; 
font-size: 130%; 
} 

#sidecol ul.menu a:hover, 
#secondcol ul.menu a:hover { 
background-position: 0 -37px; 
} 

#sidecol ul.menu ul, 
#secondcol ul.menu ul { 
margin-left: 35px; 
padding: 0; 
} 

#sidecol ul.menu ul ul, 
#secondcol ul.menu ul ul { 
padding: 0; 
margin: 0; 
} 

#sidecol ul.menu li li, 
#secondcol ul.menu li li { 
padding: 0; 
margin: 0; 
} 

#sidecol ul.menu ul a, 
#secondcol ul.menu ul a { 
background-image: none; 
text-indent: 0; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 100%; 
} 

#sidecol ul.menu ul ul a, 
#secondcol ul.menu ul ul a { 
text-indent: 15px; 
} 

#sidecol ul.menu ul ul ul a, 
#secondcol ul.menu ul ul ul a { 
text-indent: 30px; 
} 

/* @end */ 

/* @group footer menus */ 

#bottom ul { 
display: block; 
float: left; 
padding: 0 10px 0 0; 
margin: 0; 
} 

#bottom li { 
margin: 0; 
padding: 0; 
display: block; 
float: left; 
padding-left: 40px; 
} 

#bottom a { 
font-size: 100%; 
background: none; 
padding: 0; 
margin: 0; 
display: block; 
float: left; 
text-indent: 0; 
font-family: Helvetica, Arial, sans-serif; 
} 


/* @end */ 

/* @group Content Styles */ 

/* @group Top Module */ 


/* @end */ 




/* @group Readon */ 

/* @group Inset Position */ 

div.header { 
overflow: auto; 
} 

div.sample-header { 
margin-top: 20px; 
margin-bottom: 10px; 
height: 70px; 
width: 512px; 
float: right; 
} 

div.sample-header p { 
display: none; 
} 

/* @end */ 

.readon { 
font-family: Arial Narrow, Helvetica, sans-serif; 
font-weight: bold; 
font-style: italic; 
display: block; 
margin-top: 10px; 
margin-bottom: 10px; 

} 

#inset .readon { 
height: 25px; 
line-height: 25px; 
width: 106px; 
float: right; 
cursor: pointer; 
text-indent: 24px; 
} 

a.readon:hover { 
text-decoration: underline; 
} 

/* @end */ 

/* @group Pathway */ 
span.pathway { 
display: block; 
line-height: 1.2em; 
font-weight: normal; 
margin-bottom: 15px; 
padding-left: 10px; 
} 

span.pathway img { 
float: left; 
width: 10px; 
height: 10px; 
padding-right: 10px; 
} 

span.pathway a { 
float: left; 
padding: 0 20px 0 0; 
} 

/* @end */ 

/* @group Typography */ 

ul.number, 
ul.arrow-1, 
ul.arrow-2, 
ul.arrow-3, 
ul.arrow-4, 
ul.triangle-1, 
ul.triangle-2, 
ul.bullet-1, 
ul.bullet-2, 
ul.plus-1, 
ul.plus-2 { 
padding-left: 0; 
margin-left: 0; 
} 

ul.number li { 
list-style: none; 
margin-left: 0; 
margin-bottom: 10px; 
padding-left: 28px; 
} 

ul.arrow-1 li, 
ul.arrow-2 li, 
ul.arrow-3 li, 
ul.arrow-4 li, 
ul.triangle-1 li, 
ul.triangle-2 li, 
ul.bullet-1 li, 
ul.bullet-2 li, 
ul.plus-1 li, 
ul.plus-2 li { 
list-style: none; 
margin-left: 0; 
margin-bottom: 10px; 
padding-left: 22px; 
} 

pre { 
padding: 10px; 
background: #f5f5f5; 
} 

blockquote { 
color: #555; 
font-style: italic; 
font-size: 120%; 
line-height: 150%; 
width: auto; 
padding: 10px 10px 5px 45px; 
margin: 15px 0; 
background: #fff url(/images/quote-start.png) 0 0 no-repeat; 
} 

blockquote p { 
background: #fff url(/images/quote-end.png) 100% 100% no-repeat; 
padding: 0 35px 10px 0; 
margin-top: 0; 
} 

span.alert { 
color: #c00; 
border-top: 3px solid #fe7b7a; 
border-bottom: 3px solid #fe7b7a; 
background: #FFD6D6 url(/images/status-alert.png) 10px 50% no-repeat; 
} 

span.info { 
color: #0055BB; 
border-top: 3px solid #629de3; 
border-bottom: 3px solid #629de3; 
background: #D8E5F8 url(/images/status-info.png) 10px 50% no-repeat; 
} 

span.note { 
color: #B79000; 
border-top: 3px solid #fde179; 
border-bottom: 3px solid #fde179; 
background: #FEF6D8 url(/images/status-note.png) 10px 50% no-repeat; 
} 

span.download { 
color: #57861A; 
border-top: 3px solid #c2df88; 
border-bottom: 3px solid #c2df88; 
background: #EEF7DD url(/images/status-download.png) 10px 50% no-repeat; 
} 

/* @end */ 

/* @group Notice Styles */ 

span.alert, 
span.info, 
span.download, 
span.note { 
display: block; 
padding: 10px 10px 10px 45px; 
margin: 15px 0; 
} 


/* @end */ 

/* @group Login */ 

#mod-top h3 { 
padding: 0 0 0 8px; 
font-size: 120%; 
margin: 0; 
line-height: 100%; 
color: #666; 
} 

#mod-top .spacer { 
overflow: auto; 
margin-top: 10px; 
margin-bottom: 8px; 
position: relative; 
} 

#mod-top form { 
padding: 0; 
margin: 0; 
} 

#mod-top .spacer.extra { 
padding-left: 25px; 
} 

div.loginelement { 
float: left; 
padding-left: 10px; 
} 

div.loginelement label { 
margin: 0; 
padding-right: 5px; 
color: #666; 
} 

div.loginelement .inputbox { 
margin: 0; 
width: 100px; 
border: 1px inset #ccc; 
} 

#mod-top a { 
background: url(/images/topmod-bullet.png) 0 50% no-repeat; 
padding-left: 15px; 
font-size: 100%; 
padding-right: 10px; 
display: block; 
float: left; 
} 

#mod-top a:hover { 
text-decoration: none; 
} 

/* @end */ 

/* @group RokSlide */ 

ul#rokslide-toolbar { 

} 

#rokslide-toolbar li.active { 
background: #D7D7D7; 
} 

#rokslide-toolbar li.current { 
background: #f2f2f2; 
color: #333; 
} 

#rokslide-toolbar li { 
background: #ddd; 
color: #777; 
} 

div#frame { 
border: 5px solid #f2f2f2; 
} 

div#frame div.button#left { 
background: url(/images/tabs-prev.png) 0 -20px no-repeat; 
} 

div#frame div.button#right { 
background: url(/images/tabs-next.png) 0 -20px no-repeat; 
} 
/* @end */ 
a img { 
border: 0; 
} 

a.nounder { 
text-decoration: none; 
border: 0; 
cursor: pointer; 
} 

a.nounder:hover { 
text-decoration: none; 
} 

.clr { 
clear:both; 
} 

fieldset.input { 
border: 0; 
} 

/* @end */