body {
	text-align: center;
	/* this is ussed to prevent the left hand side of the wrapper dissappearing off the side of the page in Netsacpe 7 */
	min-width: 730px;

}

/*
This style is for the wrapper div. It's purpose is to contain the site contents.
This div beign centered using margin-left:auto; margin-right:auto for standard compliant browsers.
For IE I'm useing text-align: center on the body and then text-align: left here.
see http://www.bluerobot.com/web/css/center1.html
*/

/* "wrapper" is what centers the thing in the page  */
#wrapper {
	position: relative;
	background: transparent;
	margin: 0px auto;
	width: 758px;
	voice-family: "\";}\"";
	voice-family:inherit;
	width:768px;
}  

html>#wrapper {
	width: 768px;
} 

/* this is used to clear the floats. */
.clear {
	clear: both;
}

#logo {
	width: 768px;
	margin-bottom: 10px;
}

#header {
	width: 768px;
	padding-top: 18px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	background: url(../images/header_bg.jpg) no-repeat top right;
    background-repeat:  no-repeat;
	}

#footer {
	float: left;
	width: 768px;
	border-top: 1px solid #CED5DD;
	padding-top: 10px;
	}	
	
/*
the 3 collumns will act as containers for the content blocks.
They all will float left and will be given the correct right-margin
To get around using the box model hack, the col divs have been given an exact width
and the padding, margin and border elements have been added to the content elements
*/



#RightColumn {
	float: left;
	width: 290px;
}

#LeftColumn {
	float: left;
	width: 478px;
}

#FullColumn {
	float: left;
	width: 768px;
}

.LeftContent, .RightContent {
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: left;
	padding: 10px;	
	background-color: #fff;
	border: 1px solid #CED5DD;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	border: 1px solid #CED5DD;	
}

.FullContent {
	margin-bottom: 10px;
	margin-right: 0px;
	text-align: left;
	padding: 10px;	
	background-color: #fff;
	border: 1px solid #CED5DD;	
	voice-family: "\"}\""; 
	voice-family:inherit;
	border: 1px solid #CED5DD;	
}

html>body .LeftContent, .RightContent, .FullContent {
	border: 1px solid #CED5DD;
} 


.RightContent {
	margin-right: 0px;
}
body {
	text-align: center;
	margin : 10px 0px 10px 0px;
	font-size: 76%;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333;
} 

p {
	font-size: 1em;
}

table, td {
	font-size: 1em;
}
li {
	list-style-type : square;
}
a {
  color: #cc6666;
  font-weight: normal;
  text-decoration: none;}
  
a:link, a:visited {
  text-decoration: none;}

a:hover {
  color:  #000;
  text-decoration: underline;
  }


#header a {
  color: #000;
  font-weight: bold;}
  
#header a:link, a:visited {
  text-decoration: none;}

#header a:hover {
  color:  #cc6666;}


h1 {
	font-size: 1.5em;
	color : #B2B3B8;
	letter-spacing: 2px;
	line-height: .3em;
	padding-bottom: 0px;
	margin: 0em 1em 1em 0em;
}

h2 {
   font-size:1.2em;
   color: #A3A0A0;
   	letter-spacing: 2px;
	line-height: .3em;
	padding-bottom: 0px;
	margin: 0em 1em 1em 0em;
   }  

h3 { font-size: 1em;
	color: #666;
	padding-top: 3px;
	margin: 0px;
	font-weight: bold;
	}
	
	   
strong {
	color: #666;}
	
.recordnav {
	font-size: 1.5em;
	letter-spacing: 3px;
	line-height: 0em;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 2px 2px 2px 2px;
	text-align: center;
	text-decoration: none;
}