body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size:10pt;
	/*background-color: #ffffff;*/
	margin:0;
}
ul.square  /* list bullet squares must ad <ul class="square"> to the li */
{
	list-style-type: square;
	list-style-position: inside;
}

ul /* gives you solid circle bullet point*/
{
list-style: disc;
font-size: 10pt

} 

ul.arrow
{
list-style-image: url(../Copy of ccuk27.1/arrow.gif)}
 

ol.decimal /* list bullet squares must ad <ol class="decimal"> to the li */
{
list-style-type: decimal
}

/* start main navigation */

.cssnav
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_r5_c2_f2.gif) no-repeat;
width: 139px;
height: 26px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
color: #000000;
font-size: 11px;
width: 139px;
height: 26px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav img
{
width: 139px;
height: 26px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

.cssnav span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_r6_c2_f2.gif) no-repeat;
width: 128px;
height: 50px;
margin: 0;
padding: 0;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 50px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav2 img
{
width: 128px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.cssnav2
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_r6_c2_f2.gif) no-repeat;
width: 128px;
height: 50px;
margin: 0;
padding: 0;
}

.cssnav2 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 50px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav2 img
{
width: 128px;
height: 50px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav2 a:hover img
{
visibility:hidden
}

.cssnav2 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}
.cssnav3
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_r8_c2_f2.gif) no-repeat;
width: 128px;
height: 36px;
margin: 0;
padding: 0;
}

.cssnav3 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 36px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav3 img
{
width: 128px;
height: 36px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav3 a:hover img
{
visibility:hidden
}

.cssnav3 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}

.cssnav4
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_r9_c2_f2.gif) no-repeat;
width: 128px;
height: 36px;
margin: 0;
padding: 0;
	
}

.cssnav4 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 36px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav4 img
{
width: 128px;
height: 36px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav4 a:hover img
{
visibility:hidden
}

.cssnav4 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.cssnav5
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_r10_c2_f2.gif) no-repeat;
width: 128px;
height: 36px;
margin: 0;
padding: 0;
	
}

.cssnav5 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 36px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav5 img
{
width: 128px;
height: 36px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav5 a:hover img
{
visibility:hidden
}

.cssnav5 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.cssnav6
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_careers2.gif) no-repeat;
width: 128px;
height: 36px;
margin: 0;
padding: 0;
	
}

.cssnav6 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 36px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav6 img
{
width: 128px;
height: 36px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav6 a:hover img
{
visibility:hidden
}

.cssnav6 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}



.cssnav7
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_courses1.gif) no-repeat;
width: 128px;
height: 36px;
margin: 0;
padding: 0;
	
}

.cssnav7 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 36px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav7 img
{
width: 128px;
height: 36px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav7 a:hover img
{
visibility:hidden
}

.cssnav7 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


.cssnav8
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:  url(../Copy of ccuk27.1/images/ccuk_courses-careers2.gif) no-repeat;
width: 128px;
height: 36px;
margin: 0;
padding: 0;
	
}

.cssnav8 a
{
display: block;
color: #000000;
font-size: 11px;
width: 128px;
height: 36px;
float: left;
background-color: inherit;
text-decoration: none;
}

.cssnav8 img
{
width: 128px;
height: 36px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnav8 a:hover img
{
visibility:hidden
}

.cssnav8 span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
}


/* end main navigation */
/* start of sub navigation */

#navcontainer
{
margin: 5px 0 0 5px;
padding: 0;
height: 10px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: inline;
float: left;
text-align: center;
padding: 1px;
margin: 0;
}

#navcontainer ul li a
{
background: #2B3087;
width: 170px;
height: 20px;
/*border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
border-right: none;*/
padding: 0;
margin: 0 0 10px 0;
color: #ffffff;


text-decoration: none;

display: block;
text-align: center;
font: normal 10px/18px  "arial", verdana, lucida, sans-serif;
}


.content {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10pt;
	padding: 2px 0px 0px 2px;
}

.content img {
/*float:right;*/
border:1px dotted black;
margin:2px 3px 2px 2px;
}



.content h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #3E5A3E;
	background-color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-style: normal;
}
.content h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}
.content h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
	font-weight: lighter;
	background-color: #FFFFFF;
}

.content h4 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.content h5 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFFF;
	font-style: italic;
}
.content a {
	color: #000033;
	text-decoration: underline;
	font-weight: 600;
	background-color: #FFFFFF;
}
.content a:hover {
	color: #533960;
	text-decoration: none;
	background-color: #FFFFFF;
}
.contentw {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #ffffff;
	font-weight: bold;
}
.contentw a {
	color: #9FACC6;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: 300;
	background-color: inherit;
}
.contentw a:hover {
	color:  #ffffff;
	font-size: 8pt;
	text-decoration: none;
	background-color: inherit;
}
.contentw1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #cccccc;
	background-color: #ffffff;
}
.contentw1 a {
	color: #ffffff;
	text-decoration: underline;
	font-size: 10pt;
	font-weight: 300;
	background-color: inherit;
}
.contentw1 a:hover {
	color:  #ffffff;
	font-size: 10pt;
	text-decoration: none;
	background-color: inherit;
}
.content img {
/*float:right;*/
border:1px dotted black;
margin:2px 3px 2px 2px;
}

.txtw {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	background-color: inherit;
}
.txtwb {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: inherit;
}
.txt {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	background-color: #ffffff;
	
}
.txtb {

	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #3E5A3E;
	background-color: #ffffff;
;
}


#Summary, #Caption {
	width: 28em;
}

.tableStyle {
	width: 80%;
	margin: 2em 0 1em 5%;
	border-collapse: collapse;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}

.tableStyle th, .tableStyle td {
	padding: 0.2em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
/*
=End table structure
*/

/*
=Start grey colour scheme
*/
.greyScheme, .greyScheme th, .greyScheme td {
	border-color: #666;
	background-color: #CCCCCC;
}

.greyScheme .even {
	background-color: #E3F6FE;
}

.greyScheme th, .greyScheme thead td {
	background-color: #B1B1B1;
}

.greyScheme th.firstColumn {
	background-color: #D1D1D1;
}
/*=End grey colour scheme */