/* bbrad logo colour is #addede */

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

span1, .span1:link, .span1:visited, .span1:active, .span1:hover 
{
	font-size:1.4em;
    color: #C68998;	
}	

.span1:hover
{
    color: #26A7B8;	
    text-decoration: underline;	
}

span2, .span2:link, .span2:visited, .span2:active, .span2:hover 
{
	font-size:1.2em;
    color: #26A7B8;	
    text-decoration: none;
}

.span2:hover
{
    color: #C68998;	
    text-decoration: underline;	
}

body, p {
	font-size:0.75em;
}
ul, ol, 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;
}

h4 {
	font-size:0.75em;
}


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, h4, ul, ol, li {
	padding-left: 4%;
	padding-right: 6%;
  }

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


.em1{
	font-size:1.05em;
}

.em2{
	font-size:0.95em;
}

.em3{
	font-size:0.85em;
}

.header{
	background: #f7f7f7;
	width: 780px;
	text-align: center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.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% }
.width25 { width: 25% }
.width33 { width: 33% }
/* use golden ratio for these */
.width60 { width: 62% }
.width30 { width: 28% }


img
{
	text-align: center;	
}

.imgshadow
{
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-access 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;
}


.readMore:link, .readMore:visited, .readMore:active, .readMore:hover,
{	
	font-size: 0.75em;
    color: #2f2f2f;
}
.readMore:link, .readMore:visited, .readMore:active, .readMore:hover,
{
	
}


.footer_text
{
	font-size:0.75em;
	text-align:center;
}