*{margin:0;padding:0;} /*zeroes out margins so not controlled by browser*/

body {
    background: #f78d39;
    color: #385c9f;
		font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
		font-size: 10px;
		text-align: center;
    margin: 0;
    padding: 0;
}

#splash {
    width: 490px;
    margin-top: 75px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    text-align: center;
    padding-right: 250px;
    padding-left: 250px;
}

#splash div.heading {
	width: 400px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: center;
	padding: 10px;
	border: 1px solid #385c9f;
}

#wrapper {
    width: 780px; 
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border: none;
}


#main {
    width: 778px;		/* ie5win fix begins */
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    border-spacing: 0;
    background-color: #ffeabf;
    border-width: 1px;
    border-color: #038;
    border-style: solid;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 780px;
    }
html>body #main {
		width: 780px;		/* ie5win fix ends */
}


/* ------------ special heading styles ------------ */

h1, h2, h3, h4, h5 {
		font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
}

#splash h2 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
}

#splash h3 {
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
}


/* ------------ paragraph styles ------------ */

p {
    font-size: 10px;
    line-height: 1.5em;
    text-align: left;
    margin: 0;
    padding: 0;
}


/* ---- top banner styles, html to be inserted with php include ---- */

#banner {						
		width: 100%;
		background-color: #fff;
		border-spacing: 0;
}

#banner td {
		border-bottom: 1px solid #dae9f2;
}

#logo-left {
    vertical-align: middle;
    text-align: center;
    padding: 0;
}

#logo-right {
    vertical-align: middle;
    text-align: right;
    padding: 0;
}

#banner h1 {
		font-size: 20px;
		text-align: center;
		margin: 0.25em 0 0.3em 0;
		padding: 0;
}

#banner h3 {
	color: #00a7ef;
	font-size: 12px;
	line-height: 1.4em;
    text-align: center;
    margin: 0.3em 0;
    padding: 0;
}

#banner h5 {
		font-size: 10px;
		text-align: center;
    margin: 0.3em 0 0 0;
    padding: 0;
}

.laracy {
		font-family: 'Trajan Pro', Times, serif;
		font-weight: normal;
		letter-spacing: .05em;
}

.large {
		font-size: 24px;
}



/* ------------ navigation bar ------------ */
        
#navbar {
		background-color: #038;
		padding: 0;
		border-bottom: 1px solid #aab6c3;  /*dae9f2;*/
}
 
#nav {
		margin-top: 0;
		margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    border-spacing: 0;
    text-align: center;
    background-color:  #038;
}              

#nav a {
		display: block;
    font-size: 9px;
    color: #fff;
    font-weight: bold;
    background-color: #038;
    white-space: nowrap;
    margin: 0;
    padding: 0.8em 1.5em;
    border-right: 1px solid #fff;
}

#nav a.home {
		border-left: 1px solid #fff;
}

#nav a.current {
		background-color: #0283fd;
}

#nav a.current-home {
		background-color: #0283fd;
		border-left: 1px solid #fff;
}

#nav a:hover {
    color: #038;
    background-color: #0083ff;
}
        
#nav a:active {
    color: #038;
    background-color: #5cb0ff;
}

#nav a {text-decoration: none;}



/* ------------ left-hand column styles (latest) ------------ */

#latest {
		width: 150px;
    background-color: #fed98b;
    font-size: 9px;
    text-align: center;
    vertical-align: top;
}

#latest h3 {
    font-size: 11px;
    font-style: italic;
    text-align: center;
    margin: 1.0em 0 0.5em 0;
    padding: 0 10px;
}

#latest h4.chinese {
		font-family: 新細明體, MingLiU, LiSongPro;
		font-size: 12px;
		text-align: center;
		margin: 1.0em 0 0.25em 0;
    padding: 0 10px;		
}

#latest h4.organiser {
		font-size: 11px;
		text-align: center;
		line-height: 1.0em;
		margin: 0.25em 0 0.5em 0;
    padding: 0 10px;		
}

#latest p.date {
    font-size: 9px;
    color: #a7737b;  /*B76270;*/
		margin: 1em 0em 0em 0em;
    padding: 0 15px;
}

#latest p.news {
    font-size: 9px;
    text-align: left;
    line-height: 1.2em;
    margin: 0.2em 0em 0.2em 0em;
    padding: 0 15px;
}

#latest p.logo {
		font-size: 8px;
		font-weight: bold;
		line-height: 1.2em;
		text-align: center;
    margin: 0.2em 0 10px 0;
    padding: 0 10px;
}

#latest div.rule {
		width: 100px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-bottom: 1px dotted #f7a769;  /*d47f5f;*/
    clear: both;
}

img.organiser {
		margin-top: 5px;
		margin-right: auto;
		margin-bottom: 2px;
		margin-left: auto;
    padding: 0;
}

img.organiser-border {
		margin-top: 5px;
		margin-right: auto;
		margin-bottom:2px;
		margin-left: auto;
    padding: 0;
    border: 1px solid #385c9f;
}

img.team {
		margin-top: 5px;
		margin-right: auto;
		margin-bottom:2px;
		margin-left: auto;
    padding: 0;
    border: 1px solid #385c9f;
}




/* ------------ center column styles (content) ------------ */

#content {
	width: 480px;
    background-color: #ffffee;
    text-align: left;
    vertical-align: top;
    padding-bottom: 20px;
    border-top: 0;
    border-right: 1px solid #dac5c8;
    border-bottom: 0;
    border-left: 1px solid #dac5c8;
}                

#content h2 {
	font-size: 14px;
	text-align: center;
	margin: 1.0em 0em 0.5em 0em;
	padding: 0 40px;
}

#content h2.homehead {
	font-size: 12px;
	color: #f76d00;
	text-align: center;
	margin: 0.1em 0em 1.0em 0em;
}

#content h2.subhead {
	font-size: 12px;
	color: #f76d00;
	text-align: center;
	margin: 1.0em 0em 0.25em 0em;
}

#content .subhead {
	color: #f76d00;
    margin: 1.0em 0em 0.25em 0em;
}

#content h3 {
	font-size: 12px;
    text-align: left;
    margin: 1.0em 0em 0.25em 0em;
    padding: 0 40px;
}

#content h4 {
    font-size: 11px;
    text-align: left;
    margin: 1.0em 0em 0em 0em;
    padding: 0 40px;
}

#content h4.sub {
		text-align: center;
		margin-top: 0.25em;
}

#content h4.country {
		margin-top: 0.25em;
}

#content h5 {
		font-size: 10px;
		text-align: left;
    margin: 0.6em 0em 0.6em 0em;
    padding: 0 40px;
}

#content p {
    margin: 0.75em 0 0.75em 0;
    padding: 0 40px;
}

#content p.first {
    margin: 0.25em 0 0.75em 0;
}

#content p.last {
    margin: 0.75em 0 1.75em 0;
}

#content .center {
    text-align: center;
}

#content .left {
    text-align: left;
}

#content .bold {
    font-weight: bold;
}

#content p.media {
    color: #f76d00;
    margin: 0.25em 0 0.75em 0;
}

#content p.caption {
		font-size: 9px;
    line-height: 1.2em;
    text-align: center;
		color: #8F515e;
    margin: 2px 0 5px 0;
    padding: 0;
}      

#content p.chinese {
		font-family: 新細明體, MingLiU, LiSongPro;
		color: #8F515e;
		font-size: 10px;
		text-align: right;
		margin: 0.25em 0;
		padding: 0.25em 40px 0 40px;
}

#content h4 a {
		text-decoration: none;
		border-bottom:1px dotted #000099;
}

#content p a {
		text-decoration: none;
		border-bottom:1px dotted #000099;
}

#content ul li a {
		text-decoration: none;
		border-bottom:1px dotted #000099;
}

#content div.note {
		background-color: #fce8c2;
		padding: 5px 0;
    margin-top: 0.5em;
    margin-left: auto;
    margin-bottom: 1.0em;
    margin-right: auto;
    text-align: center;
    border: 1px solid #385c9f;
}

#content div.note p {
    font-weight: bold;
    margin: 0 0 0.5em 0;
    padding: 0 15px;
}

#content div.note .lite {
    font-weight: normal;
    margin: 0 0 0.5em 0;
    padding: 0 15px;
}

#content div.rule {
		width: 380px;
    margin-top: 0;
    margin-bottom: 1.0em;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-bottom: 1px dotted #f7a769;  /*dac5c8; d47f5f;*/
    clear: both;
}

#results {
		width: 400px;
		margin-top: 5px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 1em;
}

#results th {
   	
   	font-size: 9px;
   	text-align: left;
    vertical-align: top;
    padding: 0;
}

#results td {
    text-align: left;
    vertical-align: middle;
    padding: 0 2px 0 2px;
}

#results p {
		font-size: 9px;
    margin: 0;
    padding: 0;
}        



/* ------------ list styles ------------ */

ol, ul {
		list-style-position: outside;
		font-size: 10px;
	  text-align: left;
	  line-height: 1.4em;
	  margin-top: 0.2em;
	  margin-bottom: 0.1em;
	  margin-left: 50px;
}

li {
		margin: 0 40px 0.25em 15px;
}

ul.features li {					/*---- list on Team Entry page ----*/
		font-weight: bold;
}

/* ------------ end list styles ------------ */



table.eventfacts {
    width: 400px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    border-spacing: 5px;
}
.eventfacts th {
    width: 25%;
    font-size: 10px;
    line-height: 1.4em;
    text-align: left;
    vertical-align: top;
}
.eventfacts td {
    font-size: 10px;
    line-height: 1.4em;
    text-align: left;
    vertical-align: top;
}


/* ------------ left/center photo gallery column styles (content) ------------ */

#photo-content {
		background-color: #ffffee;
    text-align: left;
    vertical-align: top;
    padding-bottom: 20px;
}                

#photo-content h2 {
	font-size: 14px;
	text-align: center;
	margin: 1.0em 0em 0.75em 0em;
	padding: 0 40px;
}

#photo-content h3 {
		font-size: 12px;
    text-align: center;
    margin: 1.0em 0em 1.25em 0em;
    padding: 0 40px;
}

#photo-content h4 {
    font-size: 11px;
    text-align: left;
    margin: 1.0em 0em 0.25em 0em;
    padding: 0 40px;
}

#photo-content h4.sub {
		text-align: center;
		margin-top: 0.25em;
}

#photo-content div.horiz {
    width: 480px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 0;
}

#photo-content div.vert {
    width: 320px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 0;
}

#photo-content div.vert1 {
    width: 360px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 0;
}

#photo-content p {
    margin: 0.25em 0 0.75em 0;
    padding: 0 40px;
}

#photo-content img {border: 1px solid #385c9f;}

#photo-content p.caption {
		font-size: 9px;
    line-height: 1.25em;
    text-align: center;
		color: #8F515e;
    margin: 2px 0 5px 0;
    padding: 0;
}      

#photo-content p.chinese {
		font-family: 新細明體, MingLiU, LiSongPro;
		color: #8F515e;
		font-size: 10px;
		text-align: right;
		margin: 0.25em 0;
		padding: 0.25em 40px 0 40px;
}

#photo-content p.redirect	{
		font-size: 9px;
		color: #8F515e;
		margin: 0.25em 0;
		padding: 0.25em 40px 0 40px;
}

#photo-content p.redirect	a {color: #a7737b;}

#photo-content p.center {
    text-align: center;
}

#photo-content p a {
		text-decoration: none;
		border-bottom:1px dotted #000099;
}


/* ------------ right-hand column styles (sponsors) ------------ */

#sponsors {
		width: 150px;
    background-color: #fed98b;
    vertical-align: top;
    text-align: center;
}                

#sponsors h3 {
		font-size: 11px;
		font-style: italic;
		text-align: center;
    margin: 1.0em 0 0 0;
    padding: 0 10px;
}

#sponsors p.logo {
		font-size: 8px;
		font-weight: bold;
		line-height: 1.2em;
		text-align: center;
    margin: 0.2em 0 10px 0;
    padding: 0 10px;
}

#sponsors div.rule {
		width: 100px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    border-bottom: 1px solid #f7a769;
    clear: both;
}

img.sponsor {
		margin-top: 5px;
		margin-right: auto;
		margin-bottom:2px;
		margin-left: auto;
    padding: 0;
    border: 1px solid #385c9f;
}

img.sponsor-plain {
		margin-top: 5px;
		margin-right: auto;
		margin-bottom:2px;
		margin-left: auto;
    padding: 0;
    border: none;
}

img.temp {
		margin-top: 5px;
		margin-right: auto;
		margin-bottom: 2px;
		margin-left: auto;
    padding: 0;
    border: 1px solid #385c9f;
}

img.temptop {
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 2px;
		margin-left: auto;
    padding: 0;
    border: 1px solid #385c9f;
}


/* ------------ home footer styles ------------ */


#footer {
		padding: 0 30px 0 30px; 
    border-top: 1px solid #d47f5f;
}

#footer p {
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    margin: 0;
		padding: 0;
}

#footer a {text-decoration: none;}

#footer .dg {
		margin-right: auto;
		margin-left: auto;
		border-bottom: 1px solid #d47f5f;
}

#footer .dg .apple {
		text-align: right;
		padding: 2px 5px 2px 10px;
}

#footer .dg .text {
		vertical-align: middle;
}

#footer .dg .dg-logo {
		text-align: left;
		padding: 2px 10px 2px 5px;
}

#copy {
    text-decoration: none;
}

#copy p {  
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    margin: 0.75em 0;
		padding: 0;
}

#copy a {text-decoration: none;}




/* ------------ media page styles ------------ */


ol.lower-alpha {
		list-style-type: lower-alpha;
}

ol.implement li {
	  font-weight: bold;		
}

ol.implement ul {
	  margin-left: 20px;		
}

ol.implement ul li {
	  font-weight: normal;		
}

div.article {
    width: 450px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
        
.article img {
    border: 1px solid #ccc;
}

div.links {
    width: 100%;
    margin-bottom: 30px;
}





/* ------------ feedback page styles ------------ */

p.new {
		margin-top: 2.0em;
}



/* ------------ photo gallery page styles ------------ */

#content table.gallery {
    margin-right: auto;
    margin-bottom: 2.0em;
    margin-left: auto;
    padding: 5px;
}

#content .gallery td {
    vertical-align: middle;
    text-align: left;
    padding-bottom: 10px;
}

#content td.bottom {
    padding-bottom: 0;
    border-bottom: 1px dotted #f7a769;
}

#content .gallery td p {
    font-size: 10px;
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
}

#content .gallery td img {
    border: 1px solid #ccc;
}






/* ------------ timetable page styles ------------ */

table.timetable {
		width: 550px;
		margin-right: auto;
		margin-left: auto;		
}

table.timetable td {
		text-align: center;
}

td.route {
		background: #3c5799;
		color: #fff;
		padding: 5px 0;
}

td.mon {
		background: #3c5799;
		color: #fff;
		vertical-align: middle;
		padding: 4px 0;
}

td.mon-time {
		width: 12.5%;
		background: #c1d2ff;
		vertical-align: top;
		line-height: 1.4em;
		padding: 2px 0;
}

td.sun {
		background: #ef9b49;
		vertical-align: middle;
		padding: 4px;
}

td.sun-time {
		width: 12.5%;
		background: #ffd1a4;
		vertical-align: top;
		line-height: 1.4em;
		padding: 2px 0;
}

.red {color: #f00;}

.blue {color: #00f;}

.green {color: #090;}

#photo-content table p {
    margin: 0;
    padding: 0;
}

#photo-content table ul {
    margin-left: 20px;
    padding: 0;
}

table.price {
		width: 400px;
		text-align: center;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;		
}

td.age {
		background: #ffd1a4;
		text-align: left;
		padding: 2px 4px;
}

td.mon-price {
		width: 25%;
		background: #c1d2ff;
		padding: 2px 0;
}

td.sun-price {
		width: 25%;
		background: #ffd1a4;
		padding: 2px 0;
}



/* ------------ image placement styles ------------ */

div.image {
		padding: 5px 0;
    margin-top: 0;
    margin-left: auto;
    margin-bottom: 0;
    margin-right: auto;
    text-align: center;
}

div.image-right {
    float: right;
    padding: 0.25em 40px 0.25em 10px;
    margin: 0;
}

div.image-left {
    float: left;
    padding: 0.25em 10px 0.25em 40px;
    margin: 0;
}


/* ------------ img styles ------------ */


img {
		border: none;
}
        
img.border {
		border: 1px solid #385c9f;
}



/* ------------ misc styles ------------ */

div.clear {
		clear: both;
		margin: 0;
		padding: 0;
}


/* ------------ Google map styles ------------ */


#map {
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 15px;
		margin-left: auto;
		text-align: center;
		border: 1px solid #385c9f;
}


/* ------------ Videos styles ------------ */

.video {
		width: 400px;
		margin-top: 5px;
		margin-right: auto;
		margin-bottom: 15px;
		margin-left: auto;
		text-align: center;
}