@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Begins Here
------------------------------------------------------------------------------------------*/

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 0;
padding: 0;
background: url('../_images/bg_main.jpg') top repeat-x;
}

#bgGraphic {
background: url('../_images/bg_graphic.jpg') top center no-repeat;
min-height: 600px;
}

#banner 				{ width: 990px; height: 145px; position: relative; margin: 0 auto; }
#banner .logo			{ position: absolute; top: 0; left: 0; height: 145px; width: 163px; }
#banner .logo a			{ height: 145px; width: 163px; display: block; background: url('../_images/madang-golf-club.jpg') top left no-repeat; }

#banner .sec3 span,
#banner .sec2 span,
#banner .logo a span	{ visibility: hidden; }

#banner .sec2			{ position: absolute; top:0; left: 163px; width: 434px; height: 145px; background: url('../_images/madang-golf-club-ttl.jpg') top left no-repeat; }
#banner .sec3			{ position: absolute; top:0; right:0; width: 291px; height: 145px; background: url('../_images/beautiful-golf.jpg') top left no-repeat; }

#banner .sec4			{ position: absolute; z-index:100; top:0; right: 0; width: 291px; height: 50px; padding-top: 1px; }
#banner .sec4 ul li		{ float: right; margin-left: 1px; }
#banner .sec4 ul li a	{ display: block; background: #6b6700; padding: 1px 5px 2px 5px; color: #f0f2ae; font: 0.75em Arial, Helvetica, sans-serif; border-bottom: 1px solid #afac19; }
#banner .sec4 ul li a:hover	{ background: #afac19; color: #fff; border-bottom: 1px solid #6b6700; }

.googleSearch 			{ float: right; background: url('../_images/bg_search.gif') top left no-repeat; width: 230px; height: 28px; }
.googleSearch .gSearch	{ vertical-align: middle; border: 1px solid #e5e5e5; padding: 2px; width: 165px; }
.googleSearch .gSend	{ vertical-align: middle; border: 1px solid #800300; background: #0099CC; color:#fff; font: bold 11px Tahoma; padding: 3px; }
.googleSearch .gSend:hover	{ background: #009900; cursor: pointer; }

.lastResources {  }

span.crumbs { display: block; margin-bottom: 18px; font: 11px verdana; color: #999; }
span.crumbs a { color: #990703; }
span.crumbs a:hover { border-bottom: 1px dotted #990703;  }


/* @ Body Wrapper / Main Content
------------------------------------------------------------------------------------------*/
#bdyWrapper { width: 990px; margin: 0 auto; padding-bottom: 20px; }

#bdyWrapper .sec_left { width: 750px; float: left;  }

#bdyWrapper .sec_left .hero { background: url('../_images/bg_hero.jpg') top left no-repeat; padding: 10px; }

#bdyWrapper .sec_left .hero .heroShot { width: 730px; height: 270px; background-position: top left no-repeat; position: relative; }

.hero .heroShot .gameLeader {
width: 541px;
height: 116px;
position: absolute;
right:0;
bottom:25px;
color: #fff;
}

.hero .heroShot .gameLeader .ttl-0 {
background: url(../_images/banners/bg_results_00.png) top left no-repeat;
behavior: url(/iepngfix.htc);
width: 541px; height: 25px;
}

.hero .heroShot .gameLeader .ttl-1 {
background: url(../_images/banners/bg_results_01.png) top left no-repeat;
behavior: url(/iepngfix.htc);
width: 541px; height: 25px;
}

.hero .heroShot .gameLeader .ttl-2 {
background: url(../_images/banners/bg_results_02.png) top left no-repeat;
behavior: url(/iepngfix.htc);
width: 541px; height: 25px;
}

.hero .heroShot .gameLeader .ttl-3 {
background: url(../_images/banners/bg_results_03.png) top left no-repeat;
behavior: url(/iepngfix.htc);
width: 541px; height: 41px;
}

.hero .heroShot .gameLeader .ttl-0 span { display: block; font: bold 11px Tahoma; padding: 5px 0 0 8px; }
.hero .heroShot .gameLeader .ttl-1 span { display: block; font: bold 11px Tahoma; padding: 5px 0 0 8px; }
.hero .heroShot .gameLeader .ttl-2 span { display: block; font: 11px Tahoma; padding: 5px 0 0 25px; }
.hero .heroShot .gameLeader .ttl-3 table { padding: 0; margin:0; border:0; }
.hero .heroShot .gameLeader .ttl-3 td	{ font: 11px arial; padding-left: 23px; vertical-align: middle; line-height: 1.8em; }


#bdyWrapper .sec_right { float: left; width: 230px; margin-left: 10px; background: #fff; min-height: 500px; }

.pomLinks			{ background: url('../_images/ftr_element_right.jpg') bottom right no-repeat; padding: 10px 10px 40px 10px; font: .85em tahoma, Arial, Helvetica, sans-serif; }
.pomLinks h3 		{ background: #f5f5f5; border: 1px solid #e5e5e5; padding: 3px 5px; font-weight: bold; margin-bottom: 8px; }
.pomLinks p 		{ background: #f5f5f5; padding: 5px; margin-bottom: 10px; border: 1px dotted #ccc; color: #333; }
.pomLinks img 		{ margin: 3px 5px 0 0; }

.pomAdverts			{}
.pomAdverts div		{ padding-bottom: 5px; width: 210px; margin: 0 auto; }

/* @ content
------------------------------------------------------------------------------------------*/
.bdyContent												{ padding: 12px; background: url('../_images/ftr_element.jpg') bottom left no-repeat; padding-bottom: 50px;  }
.bdyContent h1											{ font: bold 110% Arial; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; }
.bdyContent h2											{ font: bold 100% Arial; margin-bottom: 15px; }
.bdyContent p											{ margin-bottom: 1.5em; line-height: 1.5em; }
.bdyContent .bdyList									{ list-style: square; margin-bottom: 18px; margin-left: 20px; line-height: 1.5em; }

.bdyContent .olList { list-style: decimal; margin-bottom: 18px; margin-left: 20px; line-height: 1.5em; }

.pomLinks p a,
.bdyContent .bdyList li a,
.bdyContent p a											{ color: #3399cc; }

.pomLinks p a:hover,
.bdyContent .bdyList li a:hover,
.bdyContent p a:hover										{ color: #009900; }

/* @ Footer
------------------------------------------------------------------------------------------*/
#ftr { width: 726px; font-size: 0.85em; padding: 0 12px; color: #999; } 
#ftr .f-1 { float: left; width: 238px; } 
#ftr .f-2 { float: left; width: 488px; text-align: right; } 
#ftr .f-2 a { background: #f5f5f5; color: #333; padding: 0 3px; } 
#ftr .f-2 a:hover { background: #e5e5e5; } 

/* @ Table Forms
-----------------------------------------------------------------------------------------*/

table.tblOne { border: 5px solid #e5e5e5; padding: 0; margin: 0 auto; margin-bottom: 20px; background: #7a7a7a; width: 720px; }
table.tblOne th { background: #292929; padding: 10px; font: bold 100% Tahoma, Arial, Helvetica, sans-serif; color: #fff; }

table.tblOne th.thLeft { text-align: left; }
table.tblOne th.thRight { text-align: center; width: 15%; }

table.tblOne td { background: #4e4e4e url('../_images/td_bg.jpg') bottom repeat-x; color: #fff; padding: 10px; font: 0.90em Arial, Helvetica, sans-serif; }
table.tblOne td.tdTwo { text-align: center; }

table.tblOne td a { color: #f1f3b2; }
table.tblOne td a:hover { color: #ccffff; }

/* @ Home Tabs
-----------------------------------------------------------------------------------------*/
.homeTabs { padding-bottom: 15px;}
.homeTabs .h-1 { background: url(../_images/bg_home_tabs.gif) bottom left no-repeat; width: 175px; height: 150px; float: left; margin-left: 0.60em; position:relative; }
.homeTabs .h-1 .inner { padding: 5px 10px 10px 10px; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #333; }
.homeTabs .h-1 .inner h4 { font: bold 1.1em Arial, Helvetica, sans-serif; margin-bottom: 2px; text-transform: uppercase; color: #990703; }
.homeTabs .h-1 .inner a { color: #3399cc; position: absolute; bottom: 5px; right: 5px; }
.homeTabs .h-1 .inner a:hover { color: #009900; } 

/* @ Form Styling i.e contact
-----------------------------------------------------------------------------------------*/
.formWrapper 												{ width: 650px; margin: 0 auto; margin-bottom: 20px; border:0; padding:0; }
.formWrapper .frmTop										{ height: 10px; background: url('../_images/form_cap_top.gif') top left no-repeat; }
.formWrapper .frmBody										{ background: url('../_images/form_bgrepeat.gif') left repeat-y; }
.formWrapper .frmFtr										{ height: 21px; background: url('../_images/form_cap_btm.png') top left no-repeat; behavior: url(/iepngfix.htc); }

.formWrapper .frmBody ul		{ display: block; width: 587px; margin: 0 auto; }
.formWrapper .frmBody ul li		{ float: left; width: 290px; display: block; padding-bottom: 10px; line-height: 1px; }
.formWrapper .frmBody ul li span		{ display: block; font: bold 11px Tahoma; color: #333; padding-bottom: 1px; width: 200px; }
.formWrapper .frmBody ul li .inpField	{
color: #fff;
font: 12px Arial, Helvetica, sans-serif;
background: none;
width: 270px;
border: none;
vertical-align: middle;
}

.formWrapper .frmBody ul li label.inLabel { display: block; width: 270px; height: 28px; padding: 8px 10px 0 10px; background: url('../_images/form_inpbg.gif') top left no-repeat; }

.formWrapper .frmBody ul li.mLeft		{ margin-left: 7px; }

.formWrapper .frmBody ul li.txtArea { width: 587px; height: 110px; }
.formWrapper .frmBody ul li .inpTxtarea { width: 557px; height: 84px; border: none; background: none; padding: 10px; font: 12px Arial, Helvetica, sans-serif; color: #fff; }
.formWrapper .frmBody ul li label.mLast { display: block; background: url('../_images/form_txtbg.gif') top left no-repeat; width: 587px; height: 110px; border: none; }

.formWrapper .frmBody ul li.mLong 			{ width: 587px; padding: 10px 0 0 0; }
.formWrapper .frmBody ul li .mSend 			{ background: url('../_images/form_send.gif') top left no-repeat; cursor: pointer; width: 167px; height: 31px; border: none; }
.formWrapper .frmBody ul li .mSend:hover 	{ background-position: bottom; }

.formWrapper .frmBody ul li .mSubscribe 		{ background: url('../_images/form_subscribe.gif') top left no-repeat; cursor: pointer; width: 167px; height: 31px; border: none; }
.formWrapper .frmBody ul li .mSubscribe:hover 	{ background-position: bottom; }

div.slidePics { width: 730px; height: 270px; overflow: hidden; }

/* @group Tables and Forms
----------------------------------------------------------------------------------- */
div.tableWrapper { width: 602px; margin: 0 auto; background: url('../_images/table_1_bg.jpg') top left no-repeat; padding-top: 10px; }
div.tableWrapper table { width: 562px; margin: 0 auto; }

div.tableWrapper table td { background: url('../_images/table_1_sep_x.jpg') top repeat-x; text-align: center; padding: 10px; vertical-align: middle; font-size: 85%; }

div.tableWrapper table th { padding: 10px 0; font-size: 85%; color: #0099cc; font-weight: bold; }
div.tableWrapper th.ttl-1 { background: url('../_images/table_1_sep_y.jpg') top right no-repeat; }
div.tableWrapper table td a { color: #333; padding: 5px; }
div.tableWrapper table td a:hover { background: #fff; color: #cc0000; }

div.tableWrapper table td.t1 { background: url('../_images/table_1_td_misc.jpg') top right no-repeat; }

div.tableWrapper table td.cat { width: 50%; }
div.tableWrapper table.cat td { text-align: left; }
div.tableWrapper table.cat td h1 { font-weight: bold; border: none; margin: 0; padding: 0; }
div.tableWrapper table.cat td { background: url('../_images/table_1_td_repeat.jpg') top repeat-x; }

div.capBtmTable { background: url('../_images/table_1_capBtm.jpg') top left no-repeat; width: 602px; margin: 0 auto; height: 18px; margin-bottom: 20px; }

/*nomination table*/
div.tableWrapper table.nom {}

div.tableWrapper .col1 { text-align: left; }

div.tableWrapper .col1,
div.tableWrapper .col2,
div.tableWrapper .col3,
div.tableWrapper .col4,
div.tableWrapper table.ben .col5,
div.tableWrapper table.ben .col6 { background: url('../_images/table_1_td_misc.jpg') top right no-repeat; }

div.tableWrapper .col2,
div.tableWrapper .col3,
div.tableWrapper .col4,
div.tableWrapper .col5,
div.tableWrapper .col6,
div.tableWrapper .col7 { text-align: center; color: #444; }

div.tableWrapper table.nom th.ttl-1,
div.tableWrapper table.nom th.ttl-2,
div.tableWrapper table.nom th.ttl-3,
div.tableWrapper table.nom th.ttl-4,
div.tableWrapper table.ben th.ttl-1,
div.tableWrapper table.ben th.ttl-2,
div.tableWrapper table.ben th.ttl-3,
div.tableWrapper table.ben th.ttl-4,
div.tableWrapper table.ben th.ttl-5,
div.tableWrapper table.ben th.ttl-6 { background: url('../_images/table_1_sep_y.jpg') top right no-repeat; }

div.tableWrapper table.nom th.ttl-1 { width: 40%;}

div.tableWrapper table.nom th.ttl-2,
div.tableWrapper table.nom th.ttl-3,
div.tableWrapper table.nom th.ttl-4,
div.tableWrapper table.nom th.ttl-5 { width: 15%; }

div.tableWrapper table.ben th { text-transform: none; font: normal 85% Arial, Helvetica, sans-serif; }

ul#lightGallery { padding:0; margin:0; list-style: none; margin: 0 auto; width: 640px; }
ul#lightGallery li { padding:0; margin:0; float: left; margin-right: 3px; margin-bottom: 3px; display: block; width: 124px; height: 94px; }
ul#lightGallery a { display: block; width: 120px; height: 90px; padding: 2px; background: #e5e5e5; }
ul#lightGallery a:hover { background: #333; cursor: pointer; }
ul#lightGallery img { width: 120px; height: 90px; border:0; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.bold { font-weight: bold; }