html, body {
	font-family: Arial, Helvetica, sans-serif;
}
body {
    margin: 10px;
    padding: 0;
    background-color: #ffffff;
	color: #404040;
	font-size: 80%;		
	text-align: center;
}

.1 {list-style-image: url(../images/navArrow1.gif);}
table, p, th, td, ol, ul, ol ol, ul ul, h1, h2, h3, h4, h5, h6, form, label {
	font-family: Arial, Helvetica, sans-serif;	
}
input, textfield, textarea, select, option, button, radiobutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
/*	
table {
    font-size: 100%;
}
*/
a img {
	border: 0;
}
img {
	border: 0;
}

td.middle{
	vertical-align:middle;
}
#backgroundMain {
	margin: 0 auto;
	width: 962px;
	text-align: center;
	background-image: url(../images/bg02.gif);
	background-position: center top;
	background-repeat: repeat-y;
}
#background01, #background02 {
	clear: both;
	margin: 0;
	height: 40px;
	background-image: url(../images/bg01.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#background02 {
	clear: both;
	margin: 0;
	height: 40px;
	background-image: url(../images/bg03.gif);
	background-position: center top;
	background-repeat: no-repeat;
}
#innerpage {
	clear: both;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	border: 0;
	text-align: left;
}

html>body #innerpage {
	width: 900px;
} 
#leftNav {
	margin: 0;
	width: 150px;
	float: left;
}
#mainpage {
	margin: 0;
	padding: 10px 60px 30px 0;
	width: 600px;
	float: right;
	background: url(../images/bgMain.gif) no-repeat right bottom;
}
.clear {
	clear: both;
}

#header {
	width: 900px;
	background-color: #fff;	
	border-top: 5px solid #ff3333;
}
#logo {
	margin: 0;
	padding: 0;
	height: 115px;
	width: 900px;
	float: left;
	background-color: #fff;	
}
#logoCUK {
	margin: 0;
	padding: 0;
	float: left;
}
#logoPhoto {
	margin: 0;
	padding: 0;
	float: right;	
}
h1 {
	margin-top: 25px;
	font-size: 170%;
	color: #00b8ff;
}
h2 {
	margin-top: 25px;
	font-size: 160%;	
	color: #ff3333;
}
h3 {
	font-size: 145%;
	color: #ff3333;
}
h4 {
	font-size: 120%;
	color: #ff3333;
}

#leftNav {
	padding: 15px 0 0 30px;
}
#leftNav ul {
	margin: 0;
	padding: 0;	
	font-size: 100%;
	list-style-type: none;
}
#leftNav ul li {
	margin: 0;
	padding: 7px 0 7px 0;	
	border-bottom: 1px solid #ffcc00;
}
#leftNav ul li a, #leftNav ul li a:visited {
	display: block;
	padding: 0;
	color: #00b8ff;
	text-decoration: none;
}
#leftNav ul li a:hover, #leftNav ul li a:active {
	color: #404040;
}
#leftBox {
	margin: 25px 0 25px 0;
	text-align: center;
}

#mainpage ul li {
	margin-left: -20px;
	list-style-image: url(../images/bullet1.gif);		
}
#mainpage ul ul li {
	margin-left: -25px;
	list-style-image: url(../images/bullet2.gif);		
}	
#mainpage a:link, #mainpage a:visited {
	color: #ffcc00;
	text-decoration: none;
}
#mainpage a:hover {
	color: #404040;
	text-decoration: none;
}
#mainpage p, #mainpage li {
	line-height: 150%;
}
/* bottom columns */

hr {
	border: 0;
	clear: right;
	height: 1px;
	color: #9c0;
	background-color: #9c0;
}

.hrblack{
		color:#000000;
}
td {
	vertical-align: top;
}
.highlight1a, .highlight1b, .highlight1c, .highlight2a, .highlight2b, .highlight2c, .highlight3a, .highlight3b, .highlight3c {
	padding: 10px;
}
/* 100% */
.highlight1a, .bg1a {
	background-color: #ffcc00;
}
/* 50% */
.highlight1b, .bg1b {
	background-color: #ffcc00;
}
/* 25% */
.highlight1c, .bg1c {
	background-color: #ffff99;
}
.highlight2a, .bg2a {
	background-color: #00b8ff;
}
.highlight2b, .bg2b {
	background-color: #7fdbff;
}
.highlight2c, .bg2c {
	background-color: #bfedff;
}
.highlight3a, .bg3a {
	background-color: #ffcc00;
}
.highlight3b, .bg3b {
	background-color: #ffcc00;
}
.highlight3c, .bg3c {
	background-color: #ffff99;
}
.fontGreen  {
	color: #00b8ff;
}
.fontBlue  {
	color: #ff3333;
}
.fontOrange  {
	color: #00b8ff;
}
.fontGrey  {
	color: #404040;
}
.fontBlack {
	color: #000;
}
#foot {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;	
	width: 900px;
	height: 200px;
	background-color: #ff3333;	
	border-top:5px solid #ffcc00;
	font-size: 85%;		
	line-height: 125%;
}
#copyright {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	color: #fff;
}
#copyright p {
	margin: 30px 0 5px 30px;
	padding: 0;
	color: #fff;
}
#copyright a, #copyright a:visited {
	color: #fff;
	text-decoration: none;
}
#copyright a:hover, #copyright a:active {
	color: #ffcc00;
	text-decoration: underline;
}
#footLinks {
	float: right;
	width: 700px;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;	
	color: #fff;
}
#footLinks p {
	margin: 0;
	padding: 0;
	color: #fff;
}
#footLinks img {
	padding: 0 30px 5px 20px;
	color: #fff;
}
#footLinks a:link, #footLinks a:visited {
	color: #fff;
	text-decoration: none;
}
#footLinks a:active, #footLinks a:hover  {
	text-decoration: none;
	color: #00b8ff;
	text-decoration: none;
}

.photoLeft {
	float: left;
	margin: 0 10px 10px 0;
}
.photoRight {
	float: right;
	margin: 0 0 10px 10px;
}
.photoRight img, .photoLeft img {
	border: 1px solid #e0e3e5;
}

/*START IMAGES*/
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px;
}

img.pad { 
    padding:10px;
}

div.img{
  margin:2px;
  /*border:1px solid #0000ff;*/
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img{
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img{
  border:1px solid #ff0000;
  }

div.desc{
  text-align:center;
  font-weight:normal;
  color:#FFFFFF;
  width:115px;
  margin:2px;
  font-size:0.8em;
  }
  
  /*END IMAGES*/