/********************** reset default browser style **********************/
/* Reset unneeded margins and paddings */
html, body, form, fieldset { margin: 0; padding: 0; }
/* Vertical margins */ 
h1, h2, h3, h4, h5, h6, p { margin: 1em 0 0 0; padding: 0; }    /* top */
ul, ol, dl { margin: 0 0 1em; padding: 0; }                     /* bottom */
pre, blockquote, address { margin: 1em 0; padding: 0; }         /* top & bottom */  
li { margin: 0; padding: 0; }									/* none */
/* Left margin */
li, dd, blockquote { margin-left: 1em; }
/* Page colors (background and text) */
body { background: white; color: black; }
/* Page main font */
h1, h2, h3, h4, h5, h6, p, li, dd, dt, th, td, input, textarea, select, label { font: 11px/1.2em Georgia, Arial, Verdana, Tahoma, sans-serif; }
h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }
/* Links: underlined only when hovered */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/* Images without borders when used as links */
a img { border: 0; }
/* Labels have 'hand' as mouse pointer */
label { cursor: pointer; }
/********************** /reset default browser style *********************/
#header { background: white; }
#headerCenter { width: 720px; height: 81px; margin: 0 auto; }
	#headerCenter a { outline: none; }
	#headerCenter img#heatLogo { float: left; margin: 5px 3px 0 0; }
	#headerCenter img#star { float: right; display: inline; margin-left: 10px; }
	#menu { width: 100%; background: #005983 url('images/bgMenu.png') repeat-x; }
	#menuCenter { width: 720px; margin: 0 auto; background: #005983 url('images/bgMenu.png') repeat-x;  }
		#menu a { font: 16px Georgia, Arial, Tahoma, Verdana, sans-serif; margin-right: 12px; color: #dee0cd; text-decoration: none; outline: none; }	
		#menu a:hover { color: #d1cf82; }
		#menu a.selected { color: #909859; }
		#menu a#btnIndex { margin-left: 3px; }
		#menu a#btnContact { margin-right: 32px; }
		#menu img#starFooter { margin-left: 20px; }
	#language {
		float: right;
		z-index: 100;
		position: absolute;
		margin-left: -4px;
	}
#body { background: url('images/bgBody.png') repeat-x; height: 370px; }
	#bodyCenter { margin: 0 auto; padding-left: 25px; width: 695px; background: url('images/bgBodyCenter.png') 0 -2px no-repeat; }
	#body>#bodyCenter { padding-bottom: 140px; } /*IE6 Hack: IE6 doesn't know position: fixed so there is no need for a padding-bottom*/
#traficro { position: fixed; left: 0px; bottom: 133px; width: 100%; height: 40px; overflow: hidden; text-align: right; }
#footer { border:1px solid blue; position: fixed; left: 0px; bottom: 0; width: 100%; height: 133px; border-top: 1px solid #eaeaea; background: white url('images/footerBg.png') 0 108px repeat-x; overflow: hidden;}
/*
#footer {
	border: 1px solid black;
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 200px;
	border-top: 1px solid #eaeaea;
	background-color: #FFF;
	background-image: url("images/footerBg.png");
	background-repeat: repeat-x;
	background-position: 108px;
}
*/
	#leftCorner { position: relative; float: left; top: -100px; width: 45%; height: 116px; border: solid 1px red;}
	#rightCorner { position: relative; float: right; top: -100px; width: 45%; height: 116px; border: solid 1px red;}
	#moveBlocks { clear: both; position: relative; overflow: hidden; z-index: 2; margin: 0 auto; left: 0px; top: -108px; width: 2229px; height: 100px; }
	#moveBlocks div a { padding: 0; margin: 0; }
	#moveBlocks div a img {  padding: 0; margin: 0; }
	#memberCw { position: relative; top: 15px; margin: 0px auto; width: 720px; height: 40px;}
	#memberCw td { vertical-align: top; color: white; font: 9px/10px Georgia, Arial, Verdana, Tahoma }
/***** common *****/
ul, li { color: gray; }
ul { margin: 10px 0 0 5px; }
div.clear { clear: both; font-size: 1px; }
a.more { display: block; float: right; width: 22px; height: 10px; margin-top: -5px; background: url('images/tripleArrows.png') no-repeat; text-decoration: none; }
#text #intro { padding-bottom: 3px; }
#text #intro h1 { font: italic bold 24px Georgia, Arial, Verdana, Tahoma, sans-serif; padding-bottom: 10px; }
#text #intro a { font: 20px Georgia, Arial, Verdana, Tahoma, sans-serif; font-style: italic; outline: none; color: gray; }
#text #intro a.selected { font-weight: bold; }
p, a { font: 12px Georgia, Arial, Verdana, Tahoma, sans-serif; color: gray; }
h1 { margin-top: 5px; color: gray; font-size: 20px; }
h2 { color: gray; font: bold 20px Georgia, Arial, Verdana, Tahoma, sans-serif; }
h3 { color: gray; font-size: 17px; }
#turnPage { color: gray; text-align: right; font: bold 12px Georgia, Arial, Verdana, Tahoma, sans-serif; }
#turnPage a { color: gray; }
/**/
table#boxing { border-collapse: collapse; width: 100%; }
table#boxing tr.separator { border-top: 1px dashed #eaeaea; }
table#boxing td.title { padding-top: 10px; font: bold italic 15px Georgia, Arial, Verdana, Tahoma, sans-serif; color: gray; }
table#boxing td.title span.gold { color: gray; }		
table#boxing td a:hover { color: #b90007; }	
table#boxing td { color: gray; }
table#boxing td img { margin-bottom: 5px; }		
table#boxing td h1 { color: gray; }	
table#boxing td a { color: gray; font-family: Georgia, Arial, Verdana, Tahoma, sans-serif; }
h3.boxing { margin: 0; padding-top: 10px; font: bold italic 15px Georgia, Arial, Verdana, Tahoma, sans-serif; color: gray; }
/**/
table#lvl1struct { border-collapse: collapse; width: 100%; vertical-align: top; }
table#lvl1struct td { color: gray; vertical-align: top; }
table#lvl1struct td.separator { border-top: 1px dashed #eaeaea; }
table#lvl1struct td img { margin-bottom: 5px; }		
table#lvl1struct td h1 { color: gray; }
table#lvl1struct td h2 { margin-top: 0; font-size: 20px; font-style: normal; }
table#lvl1struct td a { color: gray; font-family: Georgia, Arial, Verdana, Tahoma, sans-serif; }
table#lvl1struct td a:hover { color: #b90007; }
table.press td { padding-top: 10px; }
/***** specific *****/
/* spotlight */
#spotlight { padding-right: 230px; background: url('images/meeting2.jpg') top right no-repeat; }
/* opd */
div#opdLeft { float: left; margin-right: 25px; color: gray; width: 330px; }
div#opdRight { float: left; width: 205px; }
/* commworld page */
#commworlda { background: transparent url('images/commWorldSmallLogo.png') 535px 20px no-repeat; }
#commworld p { margin: 0; padding: 10px 0; width: 570px; }
table#cwmembers { border-collapse: collapse; border-spacing: 0; border: 1px dashed #eaeaea; }
table#cwmembers td { border-right: 1px dashed #eaeaea; border-bottom: 1px dashed #eaeaea;  }
table#cwmembers td.noBorder { border-right: none; }		
table#cwmembers td a { display: block; text-decoration: none; width: 124px; height: 98px; cursor: pointer; text-align: center;  background-repeat: no-repeat;  }
table#cwmembers td.member a span { color: grey; display: inline; }
table#cwmembers td.member a:hover span { display: none; }
table#cwmembers td.member a { 	background-position: 3000px;}
table#cwmembers td.member a:hover { background-position: 0px; }

table#portofolio td a span { color: grey; }

/* contact */
#contact { margin: 20px auto; width: 500px; }
#contact h2 { margin-left: 27px; color: gray; font: italic 20px Georgia, Arial, Verdana, Tahoma, sans-serif; }
#contact p { margin-left: 27px; }
#contact img { margin-top: 25px; }
/* portofolio */
table#portofolio { margin: 30px 0 0 -4px; border-collapse: collapse; border-spacing: 0; border: 1px dashed #eaeaea; }
table#portofolio td { border-right: 1px dashed #eaeaea; border-bottom: 1px dashed #eaeaea;  }
table#portofolio td.noBorder { border-right: none; }		
table#portofolio td a { display: block; text-decoration: none; width: 110px; height: 86px; cursor: pointer; text-align: center; }
table#portofolio td span { color: gray; }
/* unknown? */
#clubs { background: white; }
#clubs img {  margin: 5px 0 5px 15px; }
#clubs img#uapr { padding-bottom: 15px; }
#clubs img#comm { padding-bottom: 10px; }
/* colors used:
gray: #808080 (aka: gray)
lightgray: #eaeaea
*/