/* Faro Mine Closure Website CSS by Design Station */
* { padding: 0; margin: 0; }
/* Global  ---------------- */
body { background: #EAEAE1 url(../images/main_back.jpg) repeat; font-family: Helvetica, Arial, sans-serif; color: #686868; }
#content { width: 800px; margin: 0 auto 0 auto; text-align: left; background: #FFFFFF url(../images/back_sub.jpg) no-repeat; position: relative; }
#content_index { width: 800px; margin: 0 auto 0 auto; text-align: left; background: #FFFFFF url(../images/back_index.jpg) no-repeat; position: relative; }
#nav { width: 800px; height: 180px; position: relative; }
#footer { clear: both; width: 770px; height: auto; padding: 0 15px 0 15px; margin: 0 0 15px 0; background: url(../images/footer.gif) no-repeat bottom; }
#footer ul { font-size: 9px; line-height: 10px; display: block; float: left; list-style: none; margin: 10px 0 10px 0; padding: 0; }
#footer ul li { display: inline; padding-right: 15px; color: #FFFFFF; }
.clear { float: none; clear: both; }
/* Nav Specifics ---------- */
#general { position: absolute; padding: 30px 0 0 10px; left: 265px; top: 25px; width: 120px; height: 100px; }
#project { position: absolute; padding: 30px 0 0 10px; left: 395px; top: 25px; width: 120px; height: 100px; }
#team { position: absolute; padding: 30px 0 0 10px; padding-right: 0px; left: 525px; top: 25px; width: 120px; height: 100px; }
#reference { position: absolute; padding: 30px 0 0 10px; padding-right: 0px; top: 25px; left: 655px; width: 120px; height: 100px; }
/* Nav List Styles ------- */
#general ul { list-style: none; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0; color: #757575; }
#project ul { list-style: none; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0; color: #757575; }
#team ul { list-style: none; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0; color: #757575; }
#reference ul { list-style: none; font-size: 12px; font-style: normal; line-height: 18px; font-weight: normal; font-variant: normal; text-transform: none; margin: 0; color: #757575; }
/* Sub Pages ------------- */
#subl { width: 508px; float: left; padding: 15px 15px 40px 15px; }
#subl_minheight { width: 508px; height: 500px; float: left; padding: 15px 15px 60px 15px; }
#subl_newsheight { width: 508px; height: 1000px; float: left; padding: 15px 15px 60px 15px; }
#subr { width: 232px; float: right; padding: 0 15px 8px 15px; background: url(../images/back_sidebar.jpg) no-repeat bottom; margin-bottom: 15px; }
#subbuttons { width: 800px; height: 250px; }
#subnews { position: relative; width: 770px; height: 35px; margin: 15px 15px 0 15px; background: url(../images/index/news_bar.gif) no-repeat; }
#subfull { width: 770px; padding: 0 15px 15px 15px; }
#subrcap { clear: both; position: absolute; left: 538px; width: 262px; height: 15px; padding: 4px 0 0 0; background: url(../images/back_subcap.jpg) no-repeat top; }
.subl_highlighted { width: 463px; float: left; padding: 0 15px 8px 30px; margin: 0 0 25px 0; background: url(../images/back_highlighted.gif) no-repeat top; }
.subl_highlightedcap { clear: both; position: absolute; left: 15px; width: 508px; height: 15px; padding: 4px 0 0 0; margin: 0; background: url(../images/back_highlightedcap.gif) no-repeat bottom; }
.sub-details { width: 100%; height: auto; margin: 15px 0 0 0; }
/* Subleft Ordered List */
.subl_highlighted ol { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: bold; font-variant: normal; text-transform: none; padding: 10px 0 0 10px; margin-bottom: 0px; color: #00A3D2; }
.subl_highlighted li { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; text-transform: none; margin-top: 6px; margin-bottom: 6px; color: #00A3D2; }
.ol-pcol { color: #272727; }
#subl_c_a, #subl_c_b, #subl_c_c, #subl_c_d, #subl_c_e, #subl_c_f, #subl_c_g, #subl_c_h, #subl_c_i, #subl_c_j, #subl_c_k { width: 508px; float: left; }
/* Sub Buttons ------------ */
#chal { position: absolute; padding: 0; left: 13px; top: 180px; width: 250px; height: 250px; }
#solu { position: absolute; padding: 0; left: 275px; top: 180px; width: 250px; height: 250px; }
#ref { position: absolute; padding: 0; right: 13px; top: 180px; width: 250px; height: 250px; }
#n_recent { position: absolute; padding: 10px 0 0 0; text-align: center; width: 208px; top: 0px; left: 0px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; }
#n_archive { position: absolute; padding: 10px 0 0 0; text-align: center; width: 187px; top: 0px; left: 208px; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; }
/* Link Colors ----------- */
a, a img { border: 0; }
#nav a:link { color: #7D7D7D; text-decoration: none; }
#nav a:visited { color: #7D7D7D; text-decoration: none; }
#nav a:hover { color: #00B2E5; text-decoration: none; border-bottom: 1px solid #00B2E5; }
#nav a:active { color: #00B2E5; text-decoration: none; border-bottom: 1px solid #00B2E5; }
a.home:link { font-weight: bold; color: #00B1E4; }
a.home:visited { font-weight: bold; color: #00B1E4; }
a.home:hover { color: #00B2E5; text-decoration: none; border-bottom: 1px solid #00B2E5; }
a.home:active { color: #00B2E5; text-decoration: none; border-bottom: 1px solid #00B2E5; }
#subl a:link, #subl_minheight a:link, #subl_newsheight a:link { color: #004861; text-decoration: underline; }
#subl a:visited, #subl_minheight a:visited, #subl_newsheight a:visited { color: #004861; text-decoration: underline; }
#subl a:hover, #subl_minheight a:hover, #subl_newsheight a:hover { color: #62BB46; text-decoration: underline; }
#subl a:active, #subl_minheight a:active, #subl_newsheight a:active { color: #62BB46; text-decoration: underline; }
#subr a:link { color: #272727; text-decoration: none; border-bottom: 1px solid #FEC82D; }
#subr a:visited { color: #272727; text-decoration: none; border-bottom: 1px solid #FEC82D; }
#subr a:hover { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF; }
#subr a:active { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF; }
#subfull a:link { color: #004861; text-decoration: underline; }
#subfull a:visited { color: #004861; text-decoration: underline; }
#subfull a:hover { color: #62BB46; text-decoration: underline; }
#subfull a:active { color: #62BB46; text-decoration: underline; }
#n_archive a:link { color: #FFFFFF; text-decoration: none; }
#n_archive a:visited { color: #FFFFFF; text-decoration: none; }
#n_archive a:hover { color: #00A3D2; text-decoration: underline; }
#n_archive a:active { color: #00A3D2; text-decoration: underline; }
#n_rss a:link { color: #818181; text-decoration: none; }
#n_rss a:visited { color: #818181; text-decoration: none; }
#n_rss a:hover { color: #00A3D2; text-decoration: underline; }
#n_rss a:active { color: #00A3D2; text-decoration: underline; }
#footer a:link { color: #FFFFFF; text-decoration: underline; }
#footer a:visited { color: #FFFFFF; text-decoration: underline; }
#footer a:hover { color: #FEC010; text-decoration: underline; }
#footer a:active { color: #FEC010; text-decoration: underline; }
/* Picture Alignment ----- */
.mugshot { float: right; padding-left: 10px; padding-bottom: 10px; margin-top: 26px; }
.shotleft { float: left; margin-top: 5px; padding-right: 15px; }
.shotleftspaced { float: left; margin-top: 45px; padding-right: 15px; }
.shotright { float: right; padding-left: 10px; padding-bottom: 10px; margin-top: 5px; }
#caption_a, #caption_b, #caption_c { position: absolute; left: 15px; width: 150px; margin-top: 165px; padding-top: 5px; }
#caption_a_r, #caption_b_r, #caption_c_r  { position: absolute; left: 373px; width: 150px; margin-top: 165px; }
#captionspaced { position: absolute; left: 15px; width: 150px; margin-top: 205px; }
/* Font Styles ----------- */
p { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: 12px; color: #272727; }
h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 18px; font-style: normal; line-height: normal; margin-bottom: 12px; text-transform: none; color: #00A3D2; }
h2 { font-size: 18px; font-style: normal; line-height: normal; margin: 30px 0 0 0; text-transform: none; color: #46B223; }
h3 { font-size: 15px; font-style: normal; line-height: normal; margin: 20px 0 5px 0; text-transform: none; color: #00A3D2; }
h4 { font-size: 15px; font-style: normal; line-height: normal; margin: 22px 0 5px 0; text-transform: none; color: #00A3D2; }
h5 { font-size: 18px; font-style: normal; font-weight: normal; line-height: normal; margin: 22px 0 5px 0; text-transform: none; color: #00A3D2; }
h6 { font-size: 12px; font-style: normal; font-weight: normal; line-height: normal; margin: 2px 0 10px 0; text-transform: none; color: #7F7F7F; }
/* Style Modifiers ----------- */
.thumb-right { float: right; margin: 0 0 10px 25px; }
.p1 { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: bold; font-variant: normal; text-transform: none; margin-bottom: 12px; color: #272727; }
.italic { font-style: italic; }
.superscript { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 75%; font-style: normal; line-height: 0px; font-weight: normal; vertical-align: super; font-variant: normal; text-transform: none; color: #272727; }
.subscript { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 75%; font-style: normal; line-height: 0px; font-weight: normal; vertical-align: sub; font-variant: normal; text-transform: none; color: #272727; }
.caption { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; line-height: 13px; font-weight: bold; font-variant: normal; text-transform: none; margin-bottom: 0px; color: #004862; }
.sidebar_note { font-size: 10px; font-style: italic; line-height: 15px; font-weight: normal; font-variant: normal; text-transform: none; padding-right: 15px; margin-top: 30px; margin-bottom: 8px; color: #000000; }
.sidebar_noteb { font-size: 10px; font-style: italic; line-height: 15px; font-weight: normal; font-variant: normal; text-transform: none; padding-right: 15px; margin-top: 5px; margin-bottom: 8px; color: #000000; }
.captioncredit { font-size: 9px; padding-top: 5px; line-height: normal; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: left; color: #004862; }
.bolddarkgrey { font-weight: bold; color: #373737; }
.grey { font-weight: normal; color: #7F7F7F; }
.smallgrey { font-size: 12px; font-weight: normal; color: #7F7F7F; }
.sidebarhead { margin-top: 15px; color: #FFFFFF; text-shadow: #785900 2px 2px 4px; }
.whiteunderline { color: #FFFFFF; text-shadow: #785900 2px 2px 4px; border-bottom: 1px solid #FFFFFF; }
.navhere { font-weight: bold; color: #00B1E4; font-style: normal; font-variant: normal; }
.narrow { margin-right: 140px; border-right: 1px solid #D6D6D6; padding-right: 15px; margin-bottom: 0px; }
.narrow_boldgreen { margin-right: 140px; border-right: 1px solid #D6D6D6; padding-right: 15px; margin-bottom: 0px; padding-top: 14px; color: #46B223; font-weight: bold; }
.narrow_picright { margin-right: 150px; padding-right: 15px; margin-bottom: 12px; }
.narrow_picright_p1 { font-weight: bold; margin-right: 150px; padding-right: 15px; margin-bottom: 12px; }
.tightnarrow { margin-right: 165px; padding-right: 15px; margin-bottom: 12px; }
.narrowrightp1 { font-weight: bold; margin-left: 165px; border-left: 1px solid #D6D6D6; padding-left: 15px; margin-bottom: 12px; }
.narrowright { font-weight: normal; margin-left: 165px; padding-left: 15px; margin-bottom: 12px; }
.h4narrowright { font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; margin-top: 22px; margin-bottom: 5px; padding-left: 15px; text-transform: none; color: #00A3D2; }
.h4nohead { font-size: 15px; font-style: normal; line-height: normal; margin-top: 15px; margin-bottom: 5px; text-transform: none; color: #00A3D2; }
.p_right { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 24px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: 8px; color: #000000; }
#subr ul { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; margin: 8px 8px 0 15px; padding: 0; color: #000000; list-style: disc; }
#subr ul li { padding: 0; margin-bottom: 8px; line-height: 18px; }
#subl ul { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: bold; font-variant: normal; text-transform: none; margin-left: 40px; margin-bottom: 12px; color: #00A3D2; }
#subl ul li { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; text-transform: none; margin-top: 6px; margin-bottom: 6px; color: #00A3D2; }
#subl .newbutton { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #ffffff; font-weight: bold; font-size: 9px; padding: 1px 3px; margin: 0 5px 0 0; -webkit-border-radius: 4px; background-color: #83ba51; }
#subl .status-done { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #ffffff; font-weight: bold; font-size: 9px; padding: 1px 3px; margin: 0 5px 0 0; -webkit-border-radius: 4px; background-color: #46B223; }
#subl .status-progress { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #ffffff; font-weight: bold; font-size: 9px; padding: 1px 3px; margin: 0 5px 0 0; -webkit-border-radius: 4px; background-color: #e4af0d; }
.p_r_archive { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 24px; font-weight: normal; font-variant: normal; text-transform: none; margin-bottom: 2px; color: #000000; }
.subhead { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: bold; font-variant: normal; text-transform: none; margin: 0 0 0 40px; color: #818181; }
ol { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: bold; font-variant: normal; text-transform: none; margin-left: 40px; margin-bottom: 12px; color: #00A3D2; }
ol li { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; line-height: 20px; font-weight: normal; font-variant: normal; text-transform: none; margin-top: 6px; margin-bottom: 6px; color: #00A3D2; }
.footerlink { color: #CCCCCC; }
.copyright { font-size: 9px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-align: left; padding-top: 5px; padding-bottom: 5px; color: #FFFFFF; }