/* @group html */

html {
 height: 100%;
 margin-bottom: 1px;
}
body {
 background: #fff url(../images/bg.jpg) repeat-x;
 line-height: 125%;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 margin: 0;
 padding: 0;
}
p {
 margin: 10px 20px 15px;
 font-size: 12px;
}
h1, h2, h3, h4, h4 {
 padding-bottom: 5px;
 margin: 15px 0;
}
h1 {
 font-size: 200%;
}
h2 {
 font-size: 170%;
}
h3 { 
 font-size: 150%;
}
h4 {
 font-size:  120%;
}
fieldset {
 border: 0;
 padding: 5px 0;
}
img {
 margin: 0;
 padding: 0;
 border: 0;
}
a {
  color: #014694;
}

/* @end */

/* @group joomla core */

/* @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 {
 float: right;
 display: block;
 height: 20px;
 line-height: 20px;
 padding: 0px 8px;
 text-align: center;
 cursor: pointer;
 font-weight: bold;
}
.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;
 height: 16px;
 line-height: 16px;
 vertical-align: middle;
 margin-top: 5px;
 margin-bottom: 20px;
 font-weight: bold;
}
span.pathway img {
 margin: 0px 10px;
 vertical-align: middle;
}
div#pathway {
 margin-bottom: 10px;
 padding-left: 8px;
}

/* @end */


/* @group sections */

td.sectiontableheader {
 font-weight: bold;
 padding: 4px;
 line-height: 20px;
}
tr.sectiontableentry1 td, 
tr.sectiontableentry2 td {
 padding: 4px;
}
td.sectiontableentry1, 
td.sectiontableentry2 {
 padding: 4px;
}

/* @end */


/* @group mainmenu */

a.mainlevel:link,
a.mainlevel:visited {
 text-decoration: none;
}
a.mainlevel {
 display: block;
 padding: 4px 0 2px 0;
 border-bottom: 1px solid #efefef;
 margin-bottom: 3px;
}
a.sublevel:link,
a.sublevel:visited {
 text-decoration: none;
}
a.sublevel:hover {
 text-decoration: none;
}

/* @end */


/* @group modules */

/* @end */


/* @group misc */

table.adminform textarea {
 width: auto;
 color: #666;
}

/* @end */

/* @group joomla */

div.mainbg {
 background: #efefef;
}
table.mainbg {
 border-top: #fff solid 6px;
 border-bottom: #fff solid 3px;
}
td.main {
 background: #F4F4F4;
}
.main_list ul {
 padding: 0;
}
.main_list ul li {
 background: transparent url(../images/icon_arrow_box.gif) no-repeat;
 margin: 0;
 margin-bottom: 10px;
 padding-left: 20px;
}
.left_main_list {
 float:left;
 width:235px;
 margin-right:20px;
 margin-left:20px;
}
.right_main_list {
 float:left;
 width:235px;
}
body .main .main_list h3 {
 margin-left: 0;
}
td.main h3 {
 color: #017ec0;
 font-size: 14px;
 margin-bottom: 0;
}
.contentheading {
 font-size: 18px;
 font-weight: bold;
 padding: 20px 20px 0;
}
div.hilight {
 border-bottom: 1px solid #E8E8E8;
}
div.block .moduletable h3 {
 background: none;	
}
div.dark .moduletable,
div.dark .moduletable-flush {
 color: #333;
}
div.dark .moduletable h3,
div.dark .moduletable-flush h3 {
 background:  #FEFFF0 url(../images/body/news/modh3_accent_bg.png) no-repeat;
}
div.light .moduletable h3,
div.light .moduletable-flush h3 {
 background: none;
}
ul.sidenav li {
 border-bottom: 1px solid #444;
}
ul.sidenav li a {
 color: #ddd;
}
ul.sidenav a:hover {
 color: #fff;
}
td.sectiontableheader {
 background: #f0f0f0;
 border-bottom: 1px solid #ccc;
}
tr.sectiontableentry1 td, 
tr.sectiontableentry2 td {
 border-bottom: 1px solid #f0f0f0;
}
td.sectiontableentry1, 
td.sectiontableentry2{
 border-bottom: 1px solid #f0f0f0;
}
div#footer {
 background: #fff;
}
/* @end */

/* @end */

/* @group page */

#page_bg {
	height: 100%; 
	padding: 0;
	margin-bottom: 1px;
}
.wrapper {
 width: 750px;  /* control the width here */
 margin: 0 auto;
 position: relative;
 border: 4px solid #fff;
 border-top: none;
}

/* @end */


/* @group header */

#header {
 position: relative;
 height: 107px;
 background: transparent url(../images/logo.jpg) no-repeat;
}
#logo {
position: absolute;
 top: 0px;
 left: 0px;
 display: block;
 width: 441px;
 height: 107px;
 border: 0;
}
#scroller {
 position: absolute;
 width: 350px;
 height: 28px;
 line-height: 28px;
 overflow:hidden;
}
#header_spotlight {
 position: absolute;
 height:  106px;
 right: 0;
 width: 534px;
 background: url(../images/header_spotlight.jpg) no-repeat 0 0;
}
#searchbox {
 position: absolute;
 height: 28px;
 width: 100%;
}
#searchbox div.search {
 float: right;
 margin-top: 2px;
 margin-right: 10px;
}
div.thedate {
 position: absolute;
 right: 180px;
 line-height: 25px;
 height: 25px;
 color: #666;
 font-weight: bold;
 padding:  0 10px 0 0;
 width: 300px;
 }
 #search_icon {
 background: transparent url(../images/icon_search.gif)  0 0 no-repeat;
 height: 18px;
 width: 18px;
 float: left;
 padding-right: 6px;
 margin-top: 2px;
}
#searchbox form#searchform {
 margin-left: 370px;
 margin-top: 5px;
}
#searchform {

}
#topbox {
 position: absolute;
 top: 28px;
 width: 100%;
 height: 78px;
}

/* @end */


/* @group sitewide */

.clear_both {
 clear: both;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
 font-size: 100%;
}
div.moduletable h3,
div.moduletable-hilite h3,
div.moduletable-flush h3,
.componentheading {
 font-size: 110%;
}
.componentheading {
 margin-bottom: 15px;
 font-weight: bold;
}

/* @end */


/* @group custom */

table.mainbg,
table.user {
 width: 100%;
}
td.middle {
 width: 240px;
 border-left: 1px solid #E8E8E8;
 border-right: 1px solid #E8E8E8;
 background: #f6f6f6;
}
td.side {
 border-left: 1px solid #fff;	
 width: 160px;
}
td.side h3 {
 margin-top: 20px;
 padding-left: 18px;
 font-size: 16px;
}
body .side tr a {
 margin-top: 0;
 padding-top: 0;
 font-size: 11px;
}
.mainlevel {
 margin-left: 18px;
}
table.userblock {
 width: 100%;
}
td.user {
 width: 50%;
}
div.block.dark {
 width: 100%;
 padding: 0;
}
div.extra_pad {
 padding: 6px 5px 0 5px;
}
.moduletable-dummy {
 padding: 10px 10px 0 10px;
}
.moduletable,
.moduletable-hilite,
.moduletable-flush {
 padding: 0;
 margin: 0;
}
.moduletable-flush {
 padding: 0;
}
.moduletable h3,
.moduletable-hilite h3,
.moduletable-flush h3 {
 padding: 0;
 margin-top: -5px;
 margin-left: -5px;
 margin-right: -5px;
 margin-bottom: 10px;
 padding: 3px 5px 5px 8px;
 line-height: 100%;
}
.moduletable-flush h3 {
 margin: 0;
}


/* @group slideshow */

#mySlideshow {
 z-index:5;
 margin-bottom: -10px;
}
.jdSlideshow {
 display: none;
 overflow:hidden;
 position: relative;
}
.jdSlideshow img {
 border: 0;
 margin: 0;
}
.jdSlideshow .slideElement {
 width: 100%;
 height: 100%;
 background-color: #000;
 background-repeat: no-repeat;
}
.jdSlideshow .loadingElement {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center center;
 background-image: url('../images/loading-bar-black.gif');
}
.jdSlideshow .slideInfoZone{
 position: absolute;
 z-index: 10;
 width: 100%;
 margin: 0px;
 left: 0;
 bottom: 0;
 height: 40px;
 background: #333;
 color: #fff;
 text-indent: 0;
}
.jdSlideshow .slideInfoZone h2 {
 padding: 0;
 font-size: 90%;
 margin: 0;
 margin: 2px 5px;
 font-weight: bold;
 color: inherit;
}
.jdSlideshow .slideInfoZone p {
 padding: 0;
 font-size: 80%;
 margin: 2px 5px;
 color: #eee;
}
.jdSlideshow a {
 font-size: 100%;
 text-decoration: none;
 color: inherit;
}

/* @end */


/* @group scroller */

div#scroller-v {
 height: 28px;
 color: #fff;
}
div#scroller-v div {
 padding: 0;
 padding-left: 5px;
 height: 28px;
 line-height: 24px;
}
div#scroller-v a:link,
div#scroller-v a:visited {
 color: #333;
 text-decoration: none;
}

/* @end */


/* @group styles */

div.style {
 float: left;
 width: 280px;
 text-align: center;
 margin-top: 20px;
 margin-left: 20px;
}
div.style img.album {
 border: 3px solid #ddd;
}
div.style img {
 border: 0;
}
img.album.left {
 float: left;
 margin-right: 15px;
 margin-top: -5px;
 margin-bottom: 25px;
}
img.album.right {
 float: right;
 margin-left: 15px;
 margin-top: -5px;
 margin-bottom: 25px;
}

/* @end */


/* @group livesearch */

#LSShadow {
 padding: 2px;
 position: relative;
 left: -3px;
 top: -3px;
 background-color: #eee;
 border: 1px solid #ccc;
}
#LSResult {
 position: absolute;
 width: 200px;
 font-size: 95%;
 z-index: 500;
 margin-left: 3px;
 background: #aaa url(../images/dropshadow.png);
 color: #333;
}
.LSRow {
 text-align: left;
 padding: 3px;
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #bbb;
}
#LSResult a:link,
#LSResult a:visited {
 text-decoration: none;
}
#LSHeader {
 z-index: 550;
 background-color: #aaa;
 color: #fff;
}
#searchcontrols {
 padding: 3px;
}
#LSResult a:link,
#LSResult a:visited {
 color: #333;
}
#LSResult a:hover {
 color: #333;
}
#LSHighlight {
 background-color: #666;
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
 font-weight: bold;
}
#LSHighlight.LSRow a {
 color: #fff;
}
#nav_supersucker,
#nav_supersucker ul li ul,
#nav_supersucker ul li.on a:link,
#nav_supersucker ul li.on a:visited,
#nav_supersucker ul li.on ul:hover,
#nav_supersucker ul li.on:hover ul,
#nav_supersucker ul li.on ul.sfhover,
#nav_supersucker ul li.on.sfhover ul {

}


/* @end */


/* @group lists */

ul {
 list-style: none;
 margin-left: 0;
 padding-left: 10px;
}
td.left ul li,
td.right ul li {
 margin-left: -30px;
}
ul.arrow {
 margin: 25px 0;
 padding: 0;
 list-style: none;
 padding-left: 20px;
}
ul.arrow li {
 padding-left: 25px;
 padding-bottom: 10px;
}
ul.big {
 margin: 25px 0;
 list-style: none;
 padding-left:  20px;
}
ul.big li {
 padding-left: 25px;
 padding-right: 20px;
}

/* @end */


/* @group alert styles */

span.notice {
 display: block;
 background: #ffd;
 padding: 10px;
 margin-bottom: 10px;
 color: #333;
 border: 3px double #ddb;
}

/* @end */


/* @group quote */

span.quote {
 display: block;
 font-style: italic;
}
div.author {
 text-align: right;
 font-weight: bold;
}

/* @end */

/* @group blockquote */

div.moduletable blockquote,
div.moduletable-hilite blockquote {
 margin: -10px;
}
blockquote {
 padding: 10px;
 padding-left: 50px;
 margin:  15px 0;
}

/* @end */


/* @group code */

pre {
 padding: 10px;
 font-size: 95%;
 background: #fff;
 border: 1px solid #ddd;
 border-left: 15px solid #ddd;
}

/* @end */


/* @group login form */

div#topbox div.moduletable h3 {
 margin-bottom: 3px;
 margin-left: 0px;
 padding: 2px 0 0 0;
 font-size: 110%;
}
div.loginelement {
 float:  left;
 margin-right: 10px;
 line-height: 16px;
}
div.loginelement label {
 display: block;
 float: left;
 text-align: right;
 padding-right: 5px;;
 width: 65px;
 line-height:24px;
}
div.loginelement input {
 width: 90px;
}
span.loginsubmit,
span.logoutsubmit {
 position: absolute;
 top: 50px;
 right: 60px;
 width: 61px;
 height: 20px;
 line-height: 20px;
 border: 1px solid #666;
 text-align: center;
 cursor: pointer;
 font-weight: bold;
 color: #fff;
 background: url(../images/button_bg2.png) 0 0 repeat-x;
}
span.logoutsubmit {
 top: 35px;
 left: 40%;
}

/* @end */


/* @group content area */

.right_image {
 float: right;
 margin-left: 10px;
 border: 0;
}
.left_image {
 float: left;
 margin-right: 10px;
 border: 0;
}

/* @end */

.fakevideo {
 padding: 1px;
}
.vert_spacing {
 margin: 15px 0;
}
.hide {
 display: none;
}
form {
 border: 0;
 margin: 0;
 padding: 0;
}
.article_seperator {
 display: none;
}
table.blog span.article_seperator {
 display: none;
}
table.pollstableborder td {
 text-align: left;
 padding: 2px 0;
}
input#mod_search_searchword {
 width: 120px;
}
a:link.nounder,
a:visited.nounder,
a:hover.nounder {
 text-decoration: none;
}
.highlight {
 background-color: #ffc;
}

/* @end */

/* @group main column */

p.main_images {
 float:right;
 margin-bottom: 0;
}
.main_images img {
 border: 1px solid #fff;
}
.mainbody h3 {
 margin-left: 20px;
}

/* @end */



/* @group front */

#front {
 border-top: 12px solid #fff;
 float: left;
 background: transparent url(../images/front.jpg) repeat-y;
 width: 589px;
 padding-bottom: 20px;
}
#front_top {
 float: left;
 background: transparent url(../images/front_top.jpg) no-repeat;
 width: 589px;
}

/* @group front_solutions */

#front_solutions {
 float:left;
 width:360px;
 margin-left: 10px;
}
#front_solutions h4 {
 margin:0;
 padding:10px 5px 5px 5px;
 font-size:14px;
}
#front_solutions h5 {
 margin:0;
 padding: 0 5px 5px 5px;
 font-size:12px;
}
#front_solutions p {
 font-size:12px;
 margin:0;
 padding:5px 5px 0;
}


/* @end */


/* @group front_consultation */

#front_consultation {
 float:right;
 width:180px;
 margin-right: 12px;
}
#front_consultation h4 { 
 color:#fff;
 font-size:14px;
 margin: 10px 0 6px;
 padding: 0;
}
#front_consultation h5 {
 color:#666;
 margin:0;
 padding:0 0 5px;
 font-size:11px;
}

/* @end */

/* @end */

/* @group scrolling news */

.moduletablefeed h3 {
/* text-transform: uppercase; */
 font-size: 14px;
 }
 .moduletablefeed h4 {
 margin-left: 8px;
 font-size: 11px;
 color: #017ec0;
 }

/* @end */

/* @group contact us form */

/* adminForm - the name of contact us form*/

#adminForm {
 padding: 0 20px;
 font-size: 11px;
}
#adminForm h3 {
 padding: 0 0 10px;
 margin: 0;
}
#adminForm textarea {
 width: 300px;
}
#adminForm img {
 visibility: hidden;
}

.mod_contentitemcontact_info {
 color: #333;
}
.mod_contentitemcontact_info h3 {
 font-size: 12px;
 margin: 20px 10px 0;
 padding: 0;
}
.mod_contentitemcontact_info p {
 font-size: 12px;
 margin: 0 10px 0 ;
 padding: 0;
}
.mod_contentitemcontact_info hr {
 border: none;
 border-bottom: 1px dotted #666;
 margin: 10px;
}
#contact_us_middle_column img {
 border: 1px dotted #666;
}

.contact_us_right_column {
 color: #333;
}
body .contact_us_right_column h3 {
 margin: 5px 10px 0;
 padding: 0;
}
.contact_us_right_column p {
 margin: 0 10px 0 ;
 padding: 0;
}
.contact_us_right_column hr {
 border: none;
 border-bottom: 1px dotted #666;
 margin: 10px;
}
input {
 border: 1px solid #777;
}
.check_boxes input {
 border: none;
 }

/* @end */

/* @group apply online form */

#apply_online hr {
 border: none;
 border-bottom: 1px dotted #666;
 margin: 10px 20px;
}
#job_listings li {
 background: transparent url(../images/icon_arrow_box.gif) no-repeat;
 margin: 10px 10px;
 font-size: 12px;
 padding-left: 20px;
}
#job_listings li a {
 color: #017ec0;
}
#job_title_instructions {
 background-color: #ddd;
 margin:0 0 10px;
 padding: 10px;
}
.open_positions {
 margin:0 10px;
}
.open_positions ul li {
 margin: 5px 0;
}

/* @end */


/* @group side */

p.promo_side_item {
 float: left;
 margin: 10px 15px 10px 15px;
}
p.promo_side_item a {
 margin: 0;
 padding: 0;
}
.side .moduletable {
 margin-right: 10px;
}
.side .moduletable h3 {
 font-size: 12px;
}

/* @end */



/* @group footer */

div#footer {
 background-color: #f6f6f6;
 text-align: center;
}
div#footer table {
 width:auto;
 margin: 0 auto;
}
div#footer a.mainlevel {
 display: inline;
 width: auto;
 padding: 0 5px;
 border: 0;
}
#footer p {
 padding-top: 0;
 padding-bottom: 0;
 margin: 0;
}
#footer h6 {
 font-size: 11px;
 margin: 6px 0 0;
 padding: 0;
}
#footer img {
 border: none;
 margin-bottom: 10px;
}
.mod_contentitemfooter {
 background-color: #f2f2f2;
 height: 31px;
 line-height: 22px;
 margin: 0;
 padding: 0;
}

/* @end */