/* 
    Document   : beaconsfield
    Created on : 23/10/2009, 11:44:50 AM
    Author     : luke
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.clear{clear:both}
#news-article h3 {font-size:15px;color:#1a277e}
#navigation {z-index:50;height:40px;clear:both;margin:0;padding:0;background:url(images/top-nav-back.png) repeat-x;width:1001px;z-index:2;position:relative}

#navigation li#corporate {background:url(images/nav_sprite.png) no-repeat;text-indent:-9999em}
#navigation li#corporate:hover {background:url(images/nav_sprite.png) 0 -40px no-repeat;text-indent:-9999em}
#navigation li#corporate.active {background:url(images/nav_sprite.png) 0 -80px no-repeat;text-indent:-9999em}
#navigation li#tasmania-mine {background:url(images/nav_sprite.png) -143px 0 no-repeat;text-indent:-9999em}
#navigation li#tasmania-mine:hover {background:url(images/nav_sprite.png) -143px -40px no-repeat;text-indent:-9999em}
#navigation li#tasmania-mine.active {background:url(images/nav_sprite.png) -143px -80px no-repeat;text-indent:-9999em}
#navigation li#gold-exploration {background:url(images/nav_sprite.png) -286px 0 no-repeat;text-indent:-9999em}
#navigation li#gold-exploration:hover {background:url(images/nav_sprite.png) -286px -40px no-repeat;text-indent:-9999em}
#navigation li#gold-exploration.active {background:url(images/nav_sprite.png) -286px -80px no-repeat;text-indent:-9999em}
#navigation li#victorian-copper {background:url(images/nav_sprite.png) -429px 0 no-repeat;text-indent:-9999em}
#navigation li#victorian-copper:hover {background:url(images/nav_sprite.png) -429px -40px no-repeat;text-indent:-9999em}
#navigation li#victorian-copper.active {background:url(images/nav_sprite.png) -429px -80px no-repeat;text-indent:-9999em}
#navigation li#investors {background:url(images/nav_sprite.png) -572px 0 no-repeat;text-indent:-9999em}
#navigation li#investors:hover {background:url(images/nav_sprite.png) -572px -40px no-repeat;text-indent:-9999em}
#navigation li#investors.active {background:url(images/nav_sprite.png) -572px -80px no-repeat;text-indent:-9999em}
#navigation li#people-and-community {background:url(images/nav_sprite.png) -715px 0 no-repeat;text-indent:-9999em}
#navigation li#people-and-community:hover {background:url(images/nav_sprite.png) -715px -40px no-repeat;text-indent:-9999em}
#navigation li#people-and-community.active {background:url(images/nav_sprite.png) -715px -80px no-repeat;text-indent:-9999em}
#navigation li#contact-us {background:url(images/nav_sprite.png) -858px 0 no-repeat;text-indent:-9999em}
#navigation li#contact-us:hover {background:url(images/nav_sprite.png) -858px -40px no-repeat;text-indent:-9999em}
#navigation li#contact-us.active {background:url(images/nav_sprite.png) -858px -80px no-repeat;text-indent:-9999em}

#navigation li > ul {list-style-type:none;margin:0;padding:0;position:relative;height:0;width:143px;display:none}

#navigation li {float:left;position:relative;list-style-type:none;}

#navigation a {height:40px;width:143px;color:#fff;display:block;text-align:center;line-height:40px;text-decoration:none;}

/* #navigation a:hover {color:#fff;background: url(images/top-nav-back-hover.png) repeat-x}*/

#navigation li:hover > ul {display:block;position:absolute;width:143px;color:#fff}
#navigation li > ul > li {background: #1a277e;border-bottom:1px solid #151e5f;text-indent:0}

#navigation li > ul > li.menu-bottom {background:url(images/menu-bottom-back.png) no-repeat transparent}
#navigation li > ul > li a:hover {background: #4957b2;color:#fff}

#navigation li > ul > li > ul {list-style-type:none;margin:0;padding:0;position:relative;height:0;width:141px;display:none}
#navigation li > ul > li:hover > ul{display: block;left:143px;top:0;color:#fff}
#navigation li > ul > li > ul li {background:#4957b2}
#navigation li > ul > li > ul li a:hover {background:#6A71A4}
.header-logo{position:absolute;bottom:-20px;right:0}

.check-cell{padding:5px;}

#news-container {font:1.3em/1.4em normal Georgia,"Times New Roman","Bitstream Vera Serif",serif}
#news-container h3 { font-size:1.5em;font-weight:normal;line-height:72px;}
.news-post-header {background:url(images/news-post-header.png) no-repeat;padding-left:72px;height:72px;}
.news-image-header {background:url(images/news-image-header.png) no-repeat;padding-left:72px;height:72px;}
.news-location-header {background:url(images/news-location-header.png) no-repeat;padding-left:72px;height:72px;}
#news-thumb-image {float:left;width:300px;margin:10px;padding:10px}
#news-post {float:left;width:500px;margin:10px;padding:10px 10px 0px 20px;border-left:1px solid #ccc}

/* News styling */

#news-module-container { width:320px;background:url(images/news-module-container-bg.png) repeat-y;margin-top:62px;position:relative}
#news-module-bottom { width:320px;background:url(images/news-module-container-bottom.png) no-repeat;height:12px;position:absolute;}
#news-module-top { width:320px;background:url(images/news-module-container-top.png) no-repeat;height:12px;top:-12px;position:absolute;z-index:10}
#news-module-container h3 { color:#1a277e;font-size:16pt;padding:0 0 0 10px;margin:0}
#news-module-container p {margin:0;padding:0 0 10px 10px;color:#636466;font-size:12px}
.news-module-item-row {float:left;clear:left}
.news-module-item { width:145px;height:140px;float:left;margin-left:10px}
.news-module-item a {text-decoration:none}
.news-module-item img {border:none}
.news-module-title {font-size:12px;color:#000;padding:4px 0}
.news-header-image {margin:22px 0 15px 0}
#more-news {display:none}
#more-news ul {list-style-type:none;margin-bottom:0;padding-bottom:10px}
#more-news a {text-decoration:none;font-size:12pt;color:#1a277e}
#more-news-link:hover { cursor:pointer }

/* Gallery styling */

#gallery {background:#ccc;height:425px;width:590px}
#gallery-title{height:35px;background:#1a277e;color:#fff;width:565px;font-size:14pt;font-weight:bold;padding:10px 0 0 25px}
#gallery-image{}
#left-arrow{}
#right-arrow{}
#gallery-thumb-strip-container{width:590px;height:180px;margin-bottom:50px}
#gallery-thumb-strip-border{overflow:hidden;position:relative;width:560px;height:160px;padding:0 0 0 10px;margin-right:20px;}
#gallery-thumb-strip{height:140px;padding:10px 0;width:2000px;position:absolute}
#gallery-thumb-strip img{padding:10px;border:0}
#gallery-thumb-strip ul {list-style-type:none;padding:0;margin:0}
#gallery-thumb-strip li {float:left;margin:0;padding:0}
#slider{margin:0 20px}

.board_member {padding-left:38px;margin-bottom:50px}
.board_member img {float:left;margin-right:40px}
.bm-header{margin:0 0 30px 0 }
.bm-name{font-weight:bold;color:rgb(0,0,128)}
.bm-desc {float:left;width:560px;margin-left:40px}
.bm-quals {color:rgb(128,128,128);font-style:italic;font-weight:bold}
.bm-position{font-weight:bold;color:rgb(0,0,128)}
h3.board {margin:20px 0 30px 360px;color:rgb(0,0,128)}

#announcements-table {font-size:14px;}
#announcements-table td {padding:8px 5px}
#announcements-table tr.even td {background:rgb(230,230,230)}
.selected-year{color:rgb(0,0,128);font-size:15pt;font-weight:bold;padding:5px;margin:0 15px}
.year-link{font-size:12pt;padding:5px;margin:0 15px}

#presentation {position:relative;;width:600px;z-index:2}
#presentation-slider{ width:600px;height:500px;position:relative;overflow:hidden;}
#slides {list-style-type:none;margin:0;padding:0;width:6000px;position:relative;}
#slides li {float:left}
#left-arrow{position:absolute;color:rgb(0,0,128);bottom:0px;z-index:1;left:0;font-size:24pt}
#right-arrow{position:absolute;color:rgb(0,0,128);bottom:0px;z-index:1;right:0;font-size:24pt}
.arrow:hover{cursor:pointer}

#home {background:url(images/home.png) no-repeat;width:143px;height:20px;text-indent:-9999em;position:absolute;bottom:-20px;left:0}
#home:hover {background:url(images/home-hover.png) no-repeat;width:143px;height:20px}