body{
	background-image: url('images/bg1.jpg'); 
	background-repeat: repeat-y; 
	background-position: top center;
}
.content{
	font-family: arial;
	font-size: 8pt;
	color: #FFFFFF;
	padding-left: 25px;
	padding-right: 20px;
	padding-top: 10px;
}
h2 {
	font-size: 14px;
	font-weight: lighter;
}

.right-border{
	border-left: 1px dashed #FFFFFF;
	height: 300px;
	font-size: 7pt;
	font-family: arial;
}
.right-nav{
	padding-top: 35px;
}
.bottomnav2{
	background-color: #E9EBE8;
}
.bottomnav{
	background-color: #FFFFFF;
	font-family: arial;
	font-size: 6.5pt;
	color: #FF9DCA;
	padding-top:  5px;
	padding-left: 8px;
}
a:link.bottomnav-link, a:visited.bottomnav-link,a:hover.bottomnav-link
{
	color: #AAAAAA;
	text-decoration: none;
	font-style: normal;
}
a:hover.bottomnav-link{
	text-decoration: underline;
	color: #CC1768;
}

/*navigation panel left. Selected big headings*/

.nav-select{
	background-color: #CFCDCE;
	background-image: url('images/nav_select-bottom.gif');
	background-repeat: no-repeat;
	background-position: bottom left;
}
#navtxt-select {
	background-image: url('images/nav_02-select.gif');	
	text-indent: 25px;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
	width: 137px;
	height: 28px;
}	
.nav-select a:link, .nav-select a:visited {
	text-decoration: none;
	color: #666;
}
.nav-select a:hover {
	color: #CD1869;
	text-decoration: none;
}

	
/*navigation panel left. Other big headings.	
 a:hover is affecting the left navigation hover non-selected headings. The hover and links are duplicated but written differently. 
  Must use #navtxt(which controls the colour size and background image of button). Don't need .nav01 or #nav01 or can take all that is in it and put into #navtxt. 			    */

.nav01 {
	line-height: 34px;
	font-size: 12px;
	font-weight: bold;
	height: 34px;
	width: 137px;
}
#navtxt {
	background-image: url('images/nav_02.gif');
	background-repeat: no-repeat;
	background-position: left top;
	color: #666; /*Controls the colour of the rest of the left navigationbar*/
	text-indent: 25px;
	text-decoration: none;
}
/*these links don't seem to have any effect whatso ever*/
.navtxt a:link, .navtxt a:visited {
	color: #63F;
	text-decoration: none;
}
.navtxt a:hover {
	text-decoration: none;
	color: #F60;
	background-image: url('images/nav_02-over.gif');
	
}

a:link.nav01-link, a:visited.nav01-link {
	color: #CF3;
	text-decoration: none;
	background-color: #F6F;
}
a:hover.nav01-link  {
	text-decoration: none;
	color: #66F;
	background-color: #66F;
}


/*navigation panel left  -- Subheadings*/

.subnav, .subnav-select{
	font-family: arial;
	font-size: 8pt;
	display: block;
	padding-left: 40px;
	padding-right: 10px;
	background-image: url('images/bullet.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-bottom: 3px;
	padding-top: 5px;
	background-color: #CFCDCE;
}
.subnav-select{
	background-image: url('images/bullet2.gif');
	background-repeat: no-repeat;
	background-position: top left;
}
a:link.subnav-link, a:visited.subnav-link{
	color: #000000;
	text-decoration: none;
}
a:hover.subnav-link{
	color: #CC1768;
	font-weight: normal;
	text-decoration: none;
}
/*general links*/

p:link, p:visited, p:active{
	color: #06F; /*blue*/
	text-decoration: none;
}
/*a:hover is affecting the left navigation hover non-selected headings*/

p:hover{
	color: #FFF;
	
}
a:link, a:visited, a:active{
	color: #B9E7FF;
	text-decoration: none;
}
/*a:hover is affecting the left navigation hover non-selected headings*/
a:hover{
	color: #D5F8FF;
	text-decoration: underline;
}
.maintable{
	border: 3px solid #FFFFFF;
}
.main{
	background-image: url('images/bg-content.jpg'); 
	background-repeat: repeat-x; 
	background-position: top left;
}
.main2{
	background-image: url('images/bgribbon.gif'); 
	background-repeat: no-repeat; 
	background-position: bottom right;
}
table{
	color: #FFFFFF;
	font-size: 8pt;
	font-family:arial;
}