body {
		background: #7c127c;
		color: #960019;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, sans-serif;
		font-size: 10px;
    margin: 0;
    padding: 0;
    text-align: center;
}


#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: #7c127c;
    border-style: solid;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 780px;
    }
html>body #main {
		width: 780px;		/* ie5win fix ends */
}
				

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

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

/*#banner td {border: 1px solid red;}*/

#logo-left {
    width: 220px;
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
}

#logo-right {
    width: 220px;
    vertical-align: middle;
    text-align: center;
    padding: 2px;
}

#banner h1 {
		font-size: 22px;
		color: #1600fc;
		text-align: center;
		margin: 0.5em 0 5px 0;
		padding: 5px 0;
}

#banner h3 {
		font-size: 12px;
		line-height: 1.2em;
    text-align: center;
    margin: 0.25em 0 0.5em 0;
    padding: 0;
}

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

.metals {
		font-size: 24px;
		color: #575453;
}



/* end top banner styles */


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

#nav a {
		display: block;
    font-size: 9px;
    color: #1600fc;
    font-weight: bold;
    background-color: #fab319;
    white-space: nowrap;
    margin: 0;
    padding: 0.8em 1.0em;
    border-right: 1px solid #cb262c;
}

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

#nav a:hover {
    color: #1600fc;
    background-color: #ffd700;
}
        
#nav a:active {
    color: #1600fc;
    background-color: #ffee90;
}

#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 .date {
    font-size: 9px;
    color: #a7737b;
		margin: 1em 0em 0em 0em;
    padding: 0 15px;
}

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

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

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

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

div.shortrule {
		width: 100px;
		margin-top: 5px;
		margin-bottom: 0;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		border-bottom: 1px solid #d47f5f;
}


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

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

#content h2 {
		font-size: 15px;
		margin: 1.0em 0em 0em 0em;
		padding: 0 40px;
}

#content h3 {
		font-size: 12px;
    text-align: center;
    margin: 1.0em 0em 0em 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 p.caption {
		font-size: 9px;
    line-height: 1.2em;
    text-align: center;
		color: #8F515e;
    margin: 2px 0 5px 0;
    padding: 0;
}      

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

#content div.media {
		margin-top: 30px;
    margin-bottom: 15px;
    margin-right: 40px;
    margin-left: 40px;
    text-align: center;
    border-top: 1px solid #dac5c8;
}

#content div.media p {
    font-size: 9px;
    font-style: italic;
   	margin: 0;
   	padding: 10px 0 0 0;
}

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


#content p a:hover {
		background-color: #e7f5ff;
		}

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

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

#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: 319px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 0;
}

#photo-content div.vert1 {
    width: 324px;
    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 #ccc;}

#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.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.5em 0;
    padding: 0 10px;
}

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

img.sponsor {
		margin: 0 0 2px 0;
    padding: 0;
    border: 1px solid #ccc;
}



/* ------------ 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;}



/* ------------ content footer styles ------------ */

#footer-content {
		border-top: 1px solid #d47f5f;
}

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

#footer-content a {text-decoration: none;}



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

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

.redirect	{font-size: 9px; color: #8F515e;}

.redirect	a {color: #8F515e;}
        
/* ------------ heading styles ------------ */

h1, h2, h3, h4, h5 {
		font-family: Helvetica, Arial, sans-serif;
		color: #cb262c;					/*c81123*/
		text-align: center;
}

h1 {
		font-size: 20px;
		margin: 0.5em 0 0.3em 0;
		padding: 0;
}
        
/* h2 h3 h4 h5 see #content */  

                
h6 {
    font-size: 9px;
    margin: 0.4em 0em 0.6em 0em;
    padding: 0;
}
        



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

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

ol, ul li {
		padding-right: 40px;
}


/* ------------ 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;
    margin: 0;
}

div.image-left {
    float: left;
    padding: 0;
    margin: 0;
}

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

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

div.text-imageleft-top {
    float: left;
    padding: 0 10px 0.25em 40px;
    margin: 0.75em 0 0 0;
}


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


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



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

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



/* ------------ tournament page styles ------------ */

#tournament {
		width: 400px;
		margin-top: 15px;
		margin-right: auto;
		margin-left: auto;
}

#tournament th {
   	width: 25%;
   	text-align: left;
    vertical-align: top;
    padding: 0;
}

#tournament td {
    text-align: left;
    vertical-align: top;
    padding: 0;
}

#tournament p {
    margin: 0.3em 0;
    padding: 0;
}        



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

div.article {
    width: 400px;
    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;
}



/* ------------ 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 .gallery td p {
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    margin: 0 10px 0 0;
    padding: 0;
}

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


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

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

.portrait {
		width: 75px;
		float: right;
		margin: 5px 40px 0 5px;
}



/* ------------ sponsors page styles ------------ */

ul.categories {
		margin-left: 15px;
}

#content h4.sponsor {
    font-size: 11px;
    font-style: italic;
    text-align: center;
    margin: 10px 0 5px 0;
    padding: 0;
}

#content .sponsors {
		width: 476px;
    text-align: center;
    margin: 0 auto;
    border-spacing: 0;
    padding: 0;
}

#content .sponsors td {
    vertical-align: middle;
    text-align: center;
   	padding: 10px;
}

#content .sponsors p {        
		font-weight: bold;
    text-align: center;
    margin: 5px 0 0 0;
    padding: 0;
}



/* ------------ organisers page styles ------------ */

ol.objectives {
		margin-right: 40px;
		margin-left: 15px;
}




/* ------------ archives page styles ------------ */

table.winners {
    width: 400px;
    font-size: 10px;
    margin: 0px 40px 10px 40px;
    border-spacing: 2px;
}

.winners th, td {
    text-align: left;
    vertical-align: top;
}

.winners th {
    width: 50%;
}



/* ------------ team entry page styles ------------ */

table.schedule {
    width: 360px;
    margin-left: 40px;
    text-align: center;
}

table.schedule th {
    width: 33%;
    vertical-align: top;
    font-size: 10px;
    text-align: left;
    margin: 0;
    padding: 2px;
}

table.schedule td {
    vertical-align: top;
    font-size: 10px;
    text-align: left;
    margin: 0;
    padding: 2px;
}

table.schedule td p {
    font-size: 10px;
    font-weight: normal;
}

ol.teams {
		list-style-position: inside;
		margin-left: 10px;
}

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

#content h5.teamname {
		margin-top: 2em;
}

#content table.team {
    width: 200px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
		margin-left: 40px;
    border-spacing: 0;
    padding: 0;
}

#content table.team td {
    vertical-align: middle;
    font-size: 10px;
    text-align: left;
    padding: 1px 0 1px 0;
}
    

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


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