/*
Public Stylesheet for Full-Fill Industries by SpinWeb [Patrick Johnson].

/* --------------- Global Styles --------------- */

body#public {margin: 0;padding: 0; background: url(graphics/images/background.gif) top center no-repeat; }

body, body#public, .paragraph {
    font-size: 14px;
    line-height: 1.2;
    font-family: Helvetica, "Lucida Grande", "Lucida Sans", Verdana, Tahoma, "Trebuchet MS", Sans-Serif;
    color: #555;
    }
a:link, a:visited {color: #104075;text-decoration: none;}
a:hover, a:active {color: #0055a5;text-decoration: underline;}
a img {border: 0;margin: 0;padding: 0;}
.errorMessage {font-weight: bold; color:#f00;}
.left {float: left;  margin: 0 10px 10px 0;}
.right {float: right; margin: 0 0 10px 10px;}
.center {text-align: center;}
h1 {font-size: 30px;}
h3, .sub-heading {font-size: 16px; font-weight: bold;}
.pdf {
 background: url(graphics/images/pdf.gif) no-repeat;
 line-height: 40px;
 display: block;
 padding: 0 0 0 50px;
}

hr {
    color: #e7e7e7;
    background-color: #e7e7e7;
    height: 1px;
    margin: 15px 0;
   }
.clear {clear: both;}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "graphics/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
vertical-align:top;
}

table td {padding: 5px;}
.map {position: absolute; margin-left: 198px;}
ul {
list-style-type:disc;
}

/* --------------- Layout --------------- */

#wrapper {
	width: 960px;
	margin: 0 auto;
	}
#header {
	position: relative;
	width: 960px;
	height: 147px;
	}
.search {
	background: url(graphics/images/search.gif) no-repeat;
	width: 272px;
	height: 21px;
	margin: 14px 27px 0 0;
    overflow: hidden;
    float: right;
	border: 1px solid #555;
	}
.search:hover {
	border: 1px solid #1e4a7e;
	}
.search p {
    margin: 0;
    padding: 0;
    line-height: 0;
    height: 23px;
    }
.search form {
	margin: 0;
	padding: 0;
    position:static;
    overflow: hidden;
    height: 0;
	}
.search input {
	background: none;
	border: none;
	margin: 3px 8px;
	color: #555;
	}
.search .submit {
	background: url(graphics/images/search-button.gif) no-repeat;
	border:0 ;
	cursor:pointer;
	width:12px;
	height:13px;
	position: absolute;
	margin: 5px 0 0 255px;
	text-indent: -4000px;	
	}
.searchItem {
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        border-bottom: 1px solid #ccc;
        }
.searchItem h3 {margin-bottom: 0;}
.searchTopMatches {
        font-style: italic;
        font-weight: bold;
        margin: 0 0 20px 0;
        }
#bar {
	float: right;
	background: url(graphics/images/tagline.gif) no-repeat;
	width: 640px;
	height: 54px;
	}
.logo {
	float: left;
	margin: 25px 8px;
	}
.feature {
	height: 300px;
        width:960px;
        overflow:hidden;
        position: relative;
	}
.feature .featureContent {
        height: 300px;
        width:960px;
        }
.feature .featureText {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px #000;
	padding: 20px 506px 20px 20px;
	}
.feature img {
	position: absolute;
	z-index: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(graphics/border-radius.htc);
	}
.feature h1, .feature p, .feature a {
	z-index: 999;
	position: relative;
	}
.feature h1 {
	font-size: 30px;
	text-shadow: 1px 1px #000;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 10px;
	}
.feature a.more {
	background: url(graphics/images/blue-button.png) no-repeat;
	width: 228px;
	height: 45px;
	display: block;
	line-height: 45px;
	font-size: 14px;
	text-align: center;
	color: #fff;
	}
.feature a:hover {
	color: #fff;
	text-decoration: underline;
	}
.pager {
	position: absolute;
	margin: 260px 0 0 20px;
	z-index: 9999;
	}
.pager a {
	background: url(graphics/images/dot.png) no-repeat top left;
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -4000px;
	margin: 0 10px 0 0;
	}
.pager a:hover, .pager a.activeSlide {
	background-position: bottom center;
	}
.promos {
	margin: 10px 0 0 0;
	}
.promos img {
	padding: 8px;
	}
.leftCol {
	float: left;
	width: 300px;
	padding: 0px 20px 0 0;
	}
.rightCol {
	float: right;
	width: 598px;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(graphics/border-radius.htc);
	border: 1px solid #c8dade;
	padding: 20px;
        min-height:500px;
        height:auto !important;
        height:500px;
	}
.rightCol h1 {
	font-style: italic;
	font-size: 30px;
	color: #59789f;
	border-bottom: 2px solid #59789f;
	margin: 0 0 20px 0;
	letter-spacing: -2px;
	}
.rightCol h2, .heading {
	font-style: italic;
	font-size: 24px;
	color: #59789f;
	margin: 0 0 20px 0;
	letter-spacing: -1px;
	width: 100%;
	background: url(graphics/images/h2-bg.gif) no-repeat bottom left;
	padding: 13px 0;
	}
#footer {	
	border-top: 1px solid #d76f31;
	padding: 15px 0 0 0;
	margin: 15px 0;
	float: left;
	width: 960px;
	}

#applyNow {
    background: url(graphics/images/nav-item.gif) repeat-x center top;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 6px 15px;
    display: block;
    color: #fff;
    float: left;
    clear: both;
    margin: 0 0 20px 0;
    font-weight: bold;
    }

a.photoButton {
    font-size: .9em;
    padding: 5px 20px;
    margin: 20px 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-weight: normal;
    border: 1px solid #D76F31;
background: #f1ccb6; /* Old browsers */
background: -moz-linear-gradient(top, #f1ccb6 0%, #d76f31 58%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1ccb6), color-stop(58%,#d76f31)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1ccb6 0%,#d76f31 58%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1ccb6 0%,#d76f31 58%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f1ccb6 0%,#d76f31 58%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1ccb6', endColorstr='#d76f31',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f1ccb6 0%,#d76f31 58%); /* W3C */
    }

/* --------------- Navigation --------------- */

#mainNav li ul, .footerNav li ul {
	display:none !important;
	}
#mainNav li, #footerNav li {
	margin:0;
	}
#footer a {
    text-decoration: none;
	}
#footer a:hover {
    text-decoration: underline;
	}
#mainNav {
    float: right;
    overflow: hidden;
	margin: 31px 0 0 0;
	width: 640px;
	}
#mainNav ul {
    margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
	}
#mainNav li {
    float: left;
	}
#mainNav li a {
    color: #104075;
    font-size: 14px;
    margin: 0 0 0 1px;
    padding: 0 8px;
    text-decoration: none;
    font-weight: bold;
	height: 30px;
	line-height: 30px;
	float: left;
	}


#mainNav li a:hover, #mainNav li a.current {
	border: 1px solid #d76f31;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(graphics/border-radius.htc);
	background: #d76f31 url(graphics/images/nav-item.gif) repeat-x;
	color: #fff;
    text-decoration: none;
	padding: 0 7px;
	}
#subNav {
	background: #004076 url(graphics/images/sub-nav-bg.gif) repeat-y;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(graphics/border-radius.htc);
	width: 300px;
	float: left;
	margin: 0 0 20px 0;
	}
.subNav {
    padding: 20px 0;
    margin: 0;
	float: left;
	list-style-type: none;
	width: 300px;
	}
.subNav li {
	padding: 0;
	margin: 0;
	}
.subNav li a, .subNav li a:visited {
	display: block;
	line-height: 31px;
    height: 31px;
	padding: 0 30px;
	font-weight: bold;
	color: #fff;
	}
.subNav li a:hover, .subNav li a.current {
	text-decoration: none;
	background: #3569a6 url(graphics/images/sub-nav-hover.gif) no-repeat;
	color: #fff;
	}
.footerNav {
	list-style-type: none;
	font-size:11px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align:left;
	width: 800px;
	float: left;
        clear: both;
	}
.footerNav ul{
        margin: 0 0 10px 0;
        padding: 0;
        }
.footerNav li {
	display:inline;
	margin: 0 15px 0 0;
	float: left;
	}
.footerNav li a {
	font-weight: bold;
	text-transform: uppercase;
	}
.spinweb {
	float: right;
	display: block;
	width: 79px;
	height: 19px;
	margin: 15px 0 0 0;
	}
.spinweb:hover {
	opacity: .8;
	}

.resourceSearch {
        background: #efefef;
        border: 1px solid #ccc;
        width: 90%;
        padding: 5%;
        margin: 0 0 15px 0;
}
.resourceLister ul, .resourceLister li {
       list-style-type: none;
       margin: 0;
       padding: 0;
}
.resourceLister li {
       margin: 0 0 15px 0;
       padding: 0 0 15px 0;
       border-bottom: 1px solid #ccc;
}
.resourceLister h3 {
       margin: 0;
}
.resourceLister p {
       margin: 5px 0;
}


/* --------------- Photo Album ----------------- */


#photoAlbum, .photoLister {
      list-style-type: none;
      margin: 0;
      padding:
      }

#photoAlbum li {
      margin: 0;
      padding: 0;
      float: left;
      margin: 0 20px 20px 0;
      }

#photoAlbum li a {
    width: 100px;
    height: 70px;
    overflow: hidden;
    float: left;
    padding: 2px;
    border: 1px solid #ccc;
    }

#photoAlbum li a:hover {
    border: 1px solid #06763C;
    }

.photoLister {
    margin: 0;
    padding: 0;
    }

.photoLister li {
    margin: 0;
    padding: 0;
    float: left;
    width: 270px;
    height: 300px;
    overflow: hidden;
    }

.photoLister img {
    border: 1px solid #ccc;
    height: 140px;
    margin: 0 20px 20px 0;
    padding: 2px;
    width: 230px;
    }

.photoLister img:hover {
    border: 1px solid #06763C;
    }


/* ---------------Global Styles--------------- */
#atff { display: none; }

/* End Global Styles */

/* ---------------General Module Styles--------------- */
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */

/* ModuleBegin::news */
.newsList h3 {margin-bottom: 5px;}
.newsWrapper { }
.newsWrapper .newsList { margin: 0; list-style: none; padding: 0; }
.newsWrapper .newsList li { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ccc; }
.newsWrapper .meta { color: #888; font-size: smaller; font-style: italic; margin: 0 0 10px 0; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

.formtextRequired {
font-weight:bold;
}

/* ModuleBegin::photo */
/* Photo Lister */
.photoListerWrapper { clear: both; }
.photoListerWrapper .itemList { margin-bottom: 20px;}
.photoListerWrapper span {display:block;}
.photoListerWrapper .photoImage {float: left;  padding-right: 20px;}
.photoListerWrapper .photoImage img {padding:5px; border: 1px solid #ccc;}
.photoListerWrapper .photoDescription { }

/* Photo Thumbnails */
.photoThumbnailWrapper { }
.photoIntro { padding-bottom: 10px; }
.photoOther { }
.photoThumbnail { float: left; width: 180px; height: 160px; text-align: center; }
.photoThumbnail img { border:1px solid #ccc; padding: 5px;}
.photoThumbnailWrapper .photoTitle { display: block; }

/* Photo Detail */
.photoDetailWrapper { }
.photoDetailWrapper .photoDetail { padding: 10px 0px; text-align: center; }
.photoDetail span { display: block; }
.photoImage img {border:1px solid #ccc; padding:5px;}
.photoDetailWrapper .photoDescription { text-align: left; padding: 5px 0px; width: 400px; margin: 0 auto;} 
.photoRemote { width: 420px; margin: 0 auto; border: 0; clear: both;}
.photoRemote:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.photoRemote span{ border: 0; }
.photoRemote span a{display: block; width: 68px; padding: 4px 0px; border: 1px solid #ccc; text-decoration:none; text-align:center; float:left;}
.photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #000;}
.photoDetailWrapper .pagination { text-align: center; }

/* Photo Slide */
.photoSlidelWrapper { }
.photoSlideWrapper .photoDetail { padding: 10px 0px; text-align: center; }
.photoSlide span { display: block; }
.photoImage img {border:1px solid #ccc; padding:5px;}
.photoSlideWrapper .photoRemote { width: 210px; margin: 0 auto; border: 0; clear: both; }
/* ModuleEnd::photo */

/* ModuleBegin::jobs */
.jobsDetailWrapper a.applyNow {
        background: #66cc33;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -khtml-border-radius: 7px;
        border-radius: 7px;
        /*behavior: url(graphics/css/border-radius.htc);*/
/*        -moz-box-shadow: 0px 0px 5px #8F8F8F;
        -webkit-box-shadow: 0px 0px 5px #8F8F8F; */
        padding: 15px;
        color: #fff;
        border: 1px solid #fff;
        float: right;
        text-shadow: 1px 1px #4ea025;
        border: 1px solid #66cc33;
        margin-top: 30px;
}
.applyLink {
 float: right;
 margin-top: 30px;
}

.jobsDetailWrapper a.applyNow:hover {
        background: #fff;
 /*       -moz-box-shadow: 0px 1px 1px #8F8F8F;
        -webkit-box-shadow: 0px 1px 1px #8F8F8F; */
        background: #afd88e;
        text-decoration: none;
/*   -moz-box-shadow:inset 0 0 5px #66cc33;
 /*  -webkit-box-shadow:inset 0 0 5px #66cc33; */
   box-shadow:inset 0 0 5px #66cc33; */
}
.jobsListWrapper { }
.jobsDetailWrapper { }
.jobsDetailWrapper span { display: block; }
.jobsDetailWrapper span.itemLabel { display: inline; }
.jobsJobCode { }
.jobsCategory { }
.jobsLocation { }
.jobsKeywords { }
.jobsDescription { }
/* ModuleEnd::jobs */
