/*****************************
 * MAIN STYLESHEET FOR HKTUG *
 *****************************/
 
body
{
 position:relative;
 font:normal 12px/120% arial, verdana, helvetica, geneva, sans-serif;
 color:#000;
}
img
{ border-style:none; /* suppress image border unless explicitly set */
}
#wrapper
{
 position:relative;
 width:760px;
 background:#033291;
 padding:0;
 margin:1em auto 0;
}
#content
{
 position:relative;
 width:418px;
 min-height:330px;
 height:auto !important;
 height:330px;
 top:0;
 float:right;
 clear:both;
 background:#fff;
 padding:30px 100px;
 padding-top:90px;
 border:1px solid #000;
 border-top:none;
 margin-top:1px;
 margin-bottom:40px;
 margin-left:140px;
}
p
{
 line-height:130%;
 margin-top:0;
 margin-bottom:.5em;
}
#header
{
 position:relative;
 width:760px;
 height:108px;
 background:#fff;
 float:right;
 clear:both;
}
#header p
{
 position:absolute;
 width:619px;
 top:20px;
 right:0;
 font-size:2em;
 font-weight:bold;
 line-height:120%;
 text-align:center;
 padding:0;
 margin:0;
 color:#033291;
}
#banner
{
  position:absolute;
  width:618px;
  height:70px;
  top:0;
  right:0;
  background:transparent;
  padding:0 0 10px 0;
  border-bottom:2px solid #000;
  z-index:1;
}
div#banner p
{
 position:relative;
 width:100%;
 font-weight:bold;
 line-height:1.5em;
 text-align:center;
 padding-top:0;
 margin:0;
}
#banner p span
{
 font-size:1.5em;
 color:#186068;
 z-index:20;
}
#banner a, #banner a:visited
{
 color:#186068;
}
#banner a:hover
{
 color:#f00;
}
p.thankyou
{
	width:75%;
}
#footer
{
 position:relative;
 width:760px;
 bottom:50px;
 float:right;
 clear:both;
 font-size:0.75em;
 color:#ccc;
 font-style:italic;
 padding:0;
 margin:0 0 3em 170px;
 z-index:200;
}
* html #footer
{
 margin-left:0;
}
#footer p
{
 padding:0;
 margin:0;
}
#footer a 
{
 color:#ccc;
}
#copyright
{
 position:absolute;
 width:50%;
 left:140px;
 top:0;
 text-align:left;
 padding-left:5px;
}
#byline
{
 position:absolute;
 width:48%;
 right:0;
 top:0;
 text-align:right;
 padding-right:5px;
}
#sidebar
{
 position:absolute;
 width:140px;
 top:200px;
 color:#fff;
 background:#033291;
 padding:0;
 margin:0;
 z-index:100;
}
#nav
{
 position:absolute;
 width:140px;
 top:0;
 left:0;
}
/***  MENU STYLES ***/
ul#menu
{
  position:relative;
  width:140px;
  top:-10px;
  left:0;
  display:block;
  font-weight:normal;
  margin-bottom:1em;
  float:left;
  clear:both;
}
#menu *
{
 font-size:1em;
}
#menu span
{
 color:#ff0;
}
li#language
{
 text-align:center;
}
#menu, #menu ul { /* all lists */
	width:117px;
	background:transparent;
	list-style: none;
	float:left;
	padding:0;
	margin:0;
	z-index:500;
}
#menu li { /* all list items */
	position:relative;
	width:117px;
	float:left;
	line-height:2em;
  color:#fff;
  background:transparent;
	margin-bottom:-1px;
}
#menu li ul { /* second-level lists */
	position:absolute;
	width:117px;
	left:-999em;
  color:#022A78;
  font-weight:bold;
  background:#fff;
  opacity:.8;
	margin-left:140px;
	margin-top:-2.2em;
}
#menu li ul ul { /* third-and-above-level lists */
	left: -999em;
}
#menu li a {
	width:117px;
	w\idth:117px;
	display:block;
	font-weight:normal;
	text-decoration:none;
  color:#fff;
  background:transparent;
  border:1px solid #666;
	padding:0 .9em;
}
#menu li ul li a
{
  font-weight:bold;
  color:#033291;
  background:#fff;
}
#menu li a:hover
{
  width:117px;
	color:#f90;
}
#menu li ul li
{
  background:#fff;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
	left:-999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
}
/**** END OF MENU STYLES ***/
#logo
{
 display:block;
 position:absolute;
 top:9px; 
 left:20px;
}
.centre
{
 text-align:center;
}
h1, h2
{
 color:#033291;
}
h1
{
 font-size:1.5em;
 padding-top:1em;
 margin-bottom:1.5em;
}
h2
{
 font-size:1.25em;
 padding-top:1em;
}
h3
{
 font-size:1em;
 color:#000;
 padding-top:1em;
}
#content p
{
 text-align:justify;
}
#content p.centre
{
 text-align:center;
}
#sidebar p.centre
{
 position:relative;
 width:120px;
 text-align:center;
 padding-bottom:1em;
 margin:0 auto;
}
#content img
{
 float:right;
 border:1px solid #000;
 margin:0 0 1em 1.25em;
}
#content ul
{
 position:relative;
 width:90%;
 margin-left:0;
 margin-bottom:1em;
 padding-bottom:1em;
 padding-left:0;
 list-style-type:disc;
 text-decoration:none;
}
#content ul li
{
 padding-bottom:.5em;
 margin-left:3em;
}
#banner img
{
 border:0px;
 padding:0;
 margin:0;
}
div.spacer
{
 width:100%;
 height:10em;
}
#excommtable
{
 position:relative;
 width:100%;
 margin:auto;
}
table#excommtable tr td
{
 width:50%;
}
#excommtable td
{
 padding:1em 1em;
 vertical-align:top;
}
.papers
{
 position:relative;
 width:100%;
 margin:auto;
}
.papers th
{
 text-align:left;
}
.papers td
{
 padding:0 1em 1em 0;
 vertical-align:top;
}
.papers td.nowrap
{
 width:8em;
}
form#mailform
{
 padding-bottom:0;
 margin-top:-2em;
 margin-bottom:-6em;
}
p.footnote
{
 font-size:.75em;
 border-top:1px solid #033291;
 margin-top:2em;
}
.topborder
{
 padding-top:2em;
 border-top:1px solid #033291;
 margin-top:2em;
}
img.sidead
{
 position:relative;
 width:120px;
 display:block;
 border-style:none;
 padding:0;
 margin:0 auto 1em;
}
#memberlogin
{
 position:relative;
 width:25em;
 padding-left:1em;
 margin:3em auto 0 auto;
}
#memberlogin form
{
 width:25em;
}
fieldset
{
 padding:1em 1em;
}
#sponsors
{
 position:relative;
 width:140px;
 margin: auto;
}
#sponsors p
{
 width:100%;
 text-align:center;
 padding:0;
 margin:0;
}
input
{
 margin-top:1em;
}
input:focus
{
 background:#ffcfcf;
}
.button
{
 position:relative;
 display:block;
 width:100px;
 clear:both;
 margin: 0 auto 1em auto;
 padding:0;
 color:#fff;
 background:#033291;
 font-size:1em;
 font-weight:bold;
 border:1px outset #033291;
}
input
{
 margin-top:1em;
}
.nowrap
{
 text-wrap:suppress;
}