/*
File:main style sheet for Australian Business Council
Created by: Laco Janic | http://www.thetribe.com/
Revised: 29. May 2008
*/

html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 11px/160% Arial, Helvetica, sans-serif;
}

a img{ border: 0; }

h1, h2, h3, h4, h5, h6{
	color: #44566d;
	line-height: 120%;
	padding: 0;
	margin: 0;
	font: 12px/140% "Times New Roman", Times, serif;
}
h2{ font-size: 26px; font-weight: normal; }
h3{ font-size: 20px; font-weight: normal; }
#home h3{ font: 14px/140% Arial, Helvetica, sans-serif; font-weight: normal; }
h4{ font-size: 1em; font-weight: bold; }
p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1.5em; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
select option{ padding-right: .8em; }

hr{ clear: both; border: 0; width: 100%;  height: 0; text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; }

a, a:link, a:visited{ text-decoration: none; color: #74c0bf; }
a:hover{color: #FF8900; text-decoration: none; }

.img-01{ margin: 15px 0; border: 1px solid #333; }
.right{ float: right; display: inline; }

/* MAIN
-------------------------------------------------------------------------- */
body{
	text-align: center;
	background: #62758e url(../images/bcgr.jpg) 0 0 repeat-x;
}
#container{
	width: 917px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	z-index: 10;
}
#content{
	width: 917px;
	background: #fff;
	margin: 0;
	text-align: left;
	position: relative;
	z-index: 20;
}
#header{
	width: 917px;
	height: 146px;
	background: #334051 url(../images/bcgr-head.png) repeat-x;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 100;
	overflow: hidden;
}
#Col1{
	float: left;
	display: inline;
	width: 600px;
	margin: 20px 0 10px 35px;
	color: #44566d;
	z-index: 1000;
}
#Col2{
	float: right;
	display: inline;
	width: 217px;
	margin: 20px 20px 10px 0;
	color: #44566d;
}

/* Top
-------------------------------------------------------------------------- */
#header h1 { text-indent: -9999px; margin: 0; padding: 0; height: 0; display: none; }

#login{ position: absolute; top: 8px; right: 15px; width: 325px; z-index: 200; }
#login p{ float: left; margin: 0; padding: 0; }
#login input{ width: 114px; margin-left: 10px; border: none; font-size: 10px; color: #787878; padding: 2px 3px; background: url(../images/bcgr-input.png) no-repeat 0 0; }
#login input.PasswordBox{ width: 114px; height:13px; margin-left: 10px; border: none; font-size: 10px; color: #787878; padding: 2px 3px; background-color:#FFFFFF; background: url(../images/bcgr-Password.png) no-repeat 0 0; }
#login input.PasswordNormal{ width: 114px; height:13px; margin-left: 10px; border: none; font-size: 10px; color: #787878; padding: 2px 3px; background-color:#FFFFFF; background: url(../images/bcgr-input.png) no-repeat 0 0; }
#login input.submit{ width: 50px; float: right; margin: 0; background: #3d7888; color: #fff;  }
#join{ position: absolute; top: 25px; right: 15px; width: 320px; z-index: 200; font-size: 10px; color: #cccccc; text-align: right; line-height: 1.4; }
.MsgInvalid{ position: relative; float:left; margin-left: 10px; width: 320px; z-index: 200; font-size: 10px; color: #cccccc; text-align: left; line-height: 1.4; }
#join a{ font-weight: bold; }

#top-image{ margin: 0; background: #e4e4e4;}

ul.breadcrumb { float: left; width: 882px; font-weight: bold; background: #e4e4e4;  margin: 0; padding: 2px 0 4px 35px; list-style-type: none; }
ul.breadcrumb li { float: left; margin: 0 7px 0 0; color: #3d7888; font-size: 11px; }
ul.breadcrumb li a { padding-right: 14px; font-weight: normal; background: url(../images/dash-01.png) no-repeat 100% 50%; color: #3d7888; }
ul.breadcrumb li a:hover {  color: #ff8900;}

/* Footer
-------------------------------------------------------------------------- */
#footer{ padding: 0; margin: 0; background: url(../images/bottom.png) 0 0 no-repeat; width: 917px; font-size: 11px; min-height: 40px; z-index: 500;}
#copy{ padding: 25px 10px; margin: 0; float: left; display: inline; color: #fff;}
#footnav{ padding: 25px 10px; margin: 0; float: right; display: inline; color: #fff;}
#footer a{ color: #fff; }
#footer a:hover, #footer a#current{ color: #8b1513; }

/* bottom
-------------------------------------------------------------------------- */
#bottom { position: relative; width: 917px; background: #334051;}
#bottom img{ margin: 10px 0 0 10px;}

#newsletter{ position: absolute; top: 8px; right: 15px; width: 150px; }
#newsletter p{ float: left; margin: 0; padding: 0; }
#newsletter h3{ color: #fff; margin: 0; padding: 0; font: 14px/1.4 Arial, Helvetica, sans-serif;}
#newsletter label{ color: #ccc; font-size: 10px; line-height: 1.4;}
#newsletter input{ width: 96px; margin: 5px 0; border: none; font-size: 10px; color: #787878; padding: 2px 3px; background: url(../images/bcgr-input.png) no-repeat 0 0;}
#newsletter input.submit{ width: 25px; float: left; margin: 5px; background: #3d7888; color: #fff;  }

/* Home
-------------------------------------------------------------------------- */
#home #content{ background: #334051; }
#flash-content{ margin: 0 20px 10px 20px; float: left; display: inline; width: 488px; position:relative;}
#welcome { width: 341px; height: 180px; padding: 0; margin: 0 25px 0 0; color: #7a90ad; font: 14px/140% "Times New Roman", Times, serif; float: right; display: inline; overflow: visible;}
#welcome h2{ background: url(../images/welcome.png) 0 0 no-repeat; width: 360px; height: 66px; text-indent: -9999px; padding: 0; margin: 0 0 0 -20px; overflow: visible;}

#section1{ background: #43586d url(../images/bcgr-home.jpg) 0 0 repeat-x; clear: both; width: 917px; height: 153px; }
.hotspot1{ float: left; display: inline; width: 255px; font: normal 11px/1.2 Arial, Sans-serif; color: #a3adb9; }
.hotspot1 h3{ font-size: 14px; color: #fff; margin: 18px 0 0 0; padding: 0; }
.hotspot1 p{ margin: 0; padding: 0; }
.hotspot1 img{ float: left; display: inline; padding: 18px 10px 0 0; }
.hotspot1 a, .hotspot1 a:visited{ font-weight: bold; }
.hotspot1 a:hover{ color: #ff8900; }

/* Home - events
-------------------------------------------------------------------------- */
#events{ width: 341px; height: 125px; background: url(../images/events.png) 0 0 no-repeat; margin: 15px 25px 10px 0; padding: 0; float: right; display: inline; }
#events h3{ display: none; }
#events dt{ width: 50px; height: 30px; border: 1px solid #92afd4; background: #fff; color: #3f7e8d; font: bold 10px/120% Arial, Helvetica, sans-serif; float: left; display: inline; clear: left; margin: 0 0 2px 10px; text-align: center; }
#events dt span{ font-size: 16px; display: block; padding: 5px 0 0 0; }
#events dd{ width: 200px; height: 30px; color: #44566d; font: 11px/120% Arial, Helvetica, sans-serif; float: left; display: inline; margin-bottom: 2px; padding: 5px 0 0 0; }


/* Commettee Members
-------------------------------------------------------------------------- */
.member{ clear: both; border-bottom: 1px dotted #62758e; overflow: auto; margin: 15px 0; padding-bottom: 5px; }
.member img{ float: left; margin: 0 10px 05px 0; position: relative;  }

/* Events
-------------------------------------------------------------------------- */
.event{ clear: both; border-bottom: 1px dotted #62758e; overflow: auto; margin: 15px 0; padding-bottom: 15px; }

/* Box
-------------------------------------------------------------------------- */
.box-01{ width: 217px; background: #e4e4e4 url(../images/box-01-bottom.png) bottom left no-repeat; margin: 10px 0 20px 0; padding-bottom: 10px }
.box-01 h3{ background: url(../images/box-01-top.png) 0 0 no-repeat; padding: 10px 10px 0 10px; margin: 0 0 10px 0; line-height: 1; font: 14px/120% Arial, Helvetica, sans-serif; }
.box-01 p{ padding: 0; margin: 5px 10px 0 10px; color: #44566d; font-size: 10px; line-height: 140%; }
.box-01 a{ font-weight: bold; color: #3f7e8d; }
.box-01 a img{ text-align:center;}
.box-01 img { text-align:center; margin-left:2px;}

.box-02{ width: 217px; background: #43707c url(../images/box-02-bottom.png) bottom left no-repeat; margin: 10px 0; padding-bottom: 10px }
.box-02 h3{ background: url(../images/box-02-top.png) 0 0 no-repeat; padding: 10px 10px 0 10px; margin: 0 0 10px 0; line-height: 1; font: 18px/120% "Times New Roman", Times, serif; color: #fff; }
.box-02 p{ padding: 0; margin: 5px 10px 0 10px; color: #fff; font-size: 10px; line-height: 140%;}
.box-02 a{ font-weight: bold; color: #fff; }

#buttons{ margin: 10px 0 30px 0; }

#buttons img { cursor:pointer;}

/* Menu 3
-------------------------------------------------------------------------- */
#Menu3{ padding: 0; }
#Menu3 li{ color: #85b5bc; padding: 0; margin: 0; font-size: 11px; list-style: none; }
#Menu3 li a{ font-weight: normal; display: block; padding: 2px 10px; color: #85b5bc; border-top: 1px solid #e4e4e4; }
#Menu3 li a:hover, #Menu3 li.current a{ background: #e4e4e4; color: #3f7e8d; }

/* NAV - MAIN
-------------------------------------------------------------------------- */

#Menu1, #Menu1 ul { list-style: none; font: normal 12px/4 Arial, Sans-serif; padding: 0; margin: 0; text-align: center; width: 917px; height: 146px; position: relative; background: url(../images/main-nav.png) no-repeat 0 -156px; overflow: hidden }

#Menu1 a { display: block; position: relative; height: 126px; color: #fff; text-decoration: none; margin: 0; padding: 0; float: left; }
#Menu1 li li a:hover{ color: #0062a1; }

#Menu1 li { float: left; padding: 0; width: auto; margin: 0; padding: 0; }
a#b1{ width: 186px; line-height: 1750%; text-indent: 80px; }
a#b2{ width: 87px; line-height: 1750%; }
a#b3{ width: 171px; line-height: 1750%; }
a#b4{ width: 111px; line-height: 1750%; }
a#b5{ width: 95px; line-height: 1750%; }
a#b6{ width: 96px; line-height: 1750%; }
a#b7{ width: 171px; line-height: 1750%; text-indent: -80px; }

#Menu1 li a:active{ outline: none; }

a:hover#b1, .current #b1, #Menu1 li:hover #b1, #Menu1 li.sfhover #b1  { background: url(../images/main-nav.png) no-repeat 0 0; }
a:hover#b2, .current #b2, #Menu1 li:hover #b2, #Menu1 li.sfhover #b2  { background: url(../images/main-nav.png) no-repeat -186px 0; }
a:hover#b3, .current #b3, #Menu1 li:hover #b3, #Menu1 li.sfhover #b3  { background: url(../images/main-nav.png) no-repeat -273px 0; }
a:hover#b4, .current #b4, #Menu1 li:hover #b4, #Menu1 li.sfhover #b4  { background: url(../images/main-nav.png) no-repeat -444px 0; }
a:hover#b5, .current #b5, #Menu1 li:hover #b5, #Menu1 li.sfhover #b5  { background: url(../images/main-nav.png) no-repeat -555px 0; }
a:hover#b6, .current #b6, #Menu1 li:hover #b6, #Menu1 li.sfhover #b6  { background: url(../images/main-nav.png) no-repeat -650px 0; }
a:hover#b6, .current #b7, #Menu1 li:hover #b7, #Menu1 li.sfhover #b7  { background: url(../images/main-nav.png) no-repeat -746px 0; }


#Menu1 li ul { position: absolute; top: 120px; left: -999em; width: 917px; height: 28px; margin: -1px 0 0 0; padding: 0; background: #3a6172 url(../images/bcgr-subnav.png) repeat-x; z-index: 300;}
#Menu1 .current ul{ left: 0; z-index: 250; }

#Menu1 li li { margin: 0; padding: 0; background-image: none; width: auto; }

#Menu1 li ul a { width: auto; margin: 0 0 0 35px; padding: 0; background-image: none; font: normal 11px/2.4 Arial, Sans-serif; height: 28px; text-indent: 0; display: inline;}
#Menu1 li ul a:hover, #Menu1 li ul .current a{ font: normal 11px/2.4 Arial, Sans-serif; width: auto; background-image: none; color: #74c0bf; }

#Menu1 li:hover ul ul, #Menu1 li:hover ul ul ul, #Menu1 li.sfhover ul ul, #Menu1 li.sfhover ul ul ul { left: -999em; }
#Menu1 li:hover ul, #Menu1 li li:hover ul,  #Menu1 li li li:hover ul,  #Menu1 li.sfhover ul,  #Menu1 li li.sfhover ul,  #Menu1 li li li.sfhover ul { left: 0; }
#Menu1 li:hover, #Menu1 li.sfhover { background: url(../images/nav.png) no-repeat 0 -50px; }
#Menu1 li:hover li, #Menu1 li.sfhover li { background-image: none; }

/* Table
-------------------------------------------------------------------------- */
table.tab{
	border-collapse: collapse;
	border: 3px solid #e4e4e4;
	margin: 15px 0;
}
table.tab td{
	border: 1px solid #e4e4e4;
	padding: 3px;
}
table.tab th, table.tab .hd{
	border: 1px solid #e4e4e4;
	background: #e4e4e4;
	padding: 3px;
	font-weight: bold;
}

/*#ctl00_LoginCtrl_txtPassword
{	background-image:url(../Membership/images/bgPassword.gif);}

*/