/* bbrad logo colour is #addede */

body, h1, h2, h3, p, a, ul, li {
	font-size:100%;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
    color: #404040;
}

body, p {
	font-size:0.75em;
}
ul, li {
	font-size:0.85em;
}	
a {
    font-size:1.0em;	
}
h1 {
	font-size:1.4em;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.0em;
}


table, td, tr {
	table-layout: auto;
	text-align: center;
	border: 0;
	border-collapse: collapse;
	padding: 0px;
	width: 100%;
	vertical-align: top;

  height: 1%;
  margin-top: 0px;
  margin-right: 10px;
	}

/* Hide from IE5-mac. Only IE-win sees the following \*/
/* End hide from IE5-mac */
}

* html p, h1, h2, h3, ul, li {
	padding-left: 4%;
	padding-right: 6%;
  }

p, h1, h2, h3, ul, li {
	margin-left: 4%;
	margin-right: 6%;
}


#header{
	background: #f7f7f7;
	width: 780px;
	text-align: center;
}

.maintable {
	table-layout: fixed;

	text-align: top;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background: #f7f7f7;
}


.graduatedtop {
	background: url("images/content_grad_bg_alpha.png"); 
	background-repeat: repeat-x; 	
}


body {  
	background: url("images/background_fade1024.gif"); 
	background-repeat: repeat-x; 
}

.center {
	text-align: center
}

.left {
	text-align: left
}


div {
	text-align: center;
}

.widthmain { width: 780px }
.width100 { width: 100% }
/* use golden ratio */
.width60 { width: 62% }
.width30 { width: 28% }



a:link {color: #6666ff; text-decoration: none}
a:visited {color: #6666af; text-decoration: none} 
a:hover {color: #6666ff; text-decoration: underline} 
a:active {color: #666666; text-decoration: none} 

img {
	text-align: center;	
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

#profile #country
{
	text-align:left;
	font-size:80%;
	width: 780px;
	margin-left: auto;
	margin-right: auto;
}

.footer_text
{
	font-size:70%;
}