BODY {
  font-family: arial, sans-serif;
  color: black;
  background-color: white;
  margin-left: 4px;
}

H1, H2, H3, H4, H5, H6 {
  font-family: sans-serif;
  color: #000085;
  background-color: transparent;
}

h1, h2 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	padding: 0;
}

h3 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0;
}

STRONG, B {
  font-family: sans-serif;
  color: #000085;
  background-color: transparent;
}

CODE, PRE, TT {
  font-family: monospace;
/*  font-size: 90%; */
}

.cs {
	color: #CC0066;
	background-color: transparent;
	font-style: normal;
	font-family: sans-serif;
}

.cs2 {
	color: #000085;
	background-color: transparent;
	font-style: normal;
	font-family: sans-serif;
}

/* Use where headings or bolds cause problems in the blue house style. */
.csblack {
    color: #000000;
    background-color: transparent;
}

/* Have a different color to represent a particular year. */
/* The year is the teaching year eg. 04/05 is yearColor04. */
.yearColor04 {
        color: #336600;   /* green */
        background-color: transparent;
        font-style: normal;
        font-family: sans-serif;
}
.yearColor03 {
        color: #663300;   /* brown */
        background-color: transparent;
        font-style: normal;
        font-family: sans-serif;
}
.yearColor02 {
        color: #CC0066;;   /* csRed */
        background-color: transparent;
        font-style: normal;
        font-family: sans-serif;
}


/* The maroon "Computer Science at Kent" link    */
/* maroon #993333 */
/* on the top left corner of every research page */
A.cs:link, A.cs:active, A.cs:visited {
        color: #CC0066;
        background-color: transparent;
        font-style: normal;
        /* font-weight: normal; */
        font-weight: bold;
        font-family: sans-serif;
        text-decoration: none;
    /* color: #993333; */
    /* font-weight: bold; */
    /* text-decoration: underline; */
    /* font-style: italic; */
}

A.cs:hover {
    color: yellow;
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
}


/* Title for each page (in the Research Area) */
H1.title1 {
    color: #993333;
    font-style: normal;
    font-size: x-large;
    background-color: transparent;
}

/* Reseach page navigation bar: maroon links */
A.navr:link, A.navr:active, A.navr:visited {
    color: #993333;
    /* font-weight: normal; */
    font-weight: bold;
    font-size:larger;
    text-decoration: none;
    background-color: transparent;
}

.padRem {  margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px}

/* CS background color 1 */
.csBC1 {
    /* background-color: #F1F1F1; */
    /* background-color: #CC0066; */
    background-color: #DDDDDD;  /* mid-grey */
    color:#000000;
}


/* CPD: Continuing Professional Development */
.cpd{
    color: #000085;
    background-color: transparent;
    font-family: sans-serif;
}
/*
.cpdnav a:link, cpdnav a:active, .cpdnav a:visited {
    color: red;
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
}
*/

A.cpdnav:link, A.cpdnav:active, A.cpdnav:visited {
    color: #CC0066;
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
}

A.cpdnav:hover {
    color: #CC0066;
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
}

TD.cpdnav {
    background-color: #000085;
    color: #FFFFFF;
    font-size:130%;
    font-weight: bold;
}

.navcsColor {
  color: white;
  background-color: #CC0066;
}

      /* CPD navigation bar: same as for the new Research pages */
A.navcs:link, A.navcs:active, A.navcs:visited
             {color: white;
              background-color: transparent;
           /* font-weight: normal; */
              font-weight: bold;
           /* font-size:larger; */
              text-decoration: none;
}

A.navcs:hover
             {color: yellow;
              background-color: transparent;
           /* font-weight: normal; */
              font-weight: bold;
           /* font-size:larger; */
              text-decoration: none;
}

/* Sun Microstems webpages */
/* SUN background color 1 */
.sunBC1 {
    background-color: #FFCCFF;  /* lilac */
    color: black;
}

table {
    width: 40;
    cellspacing: 20;
}

/* CS House style : tables */
/* in maroon, dark and light blue and grey */
/* Remember, child tables inherit the colors of the parent table. */


/* Maroon */
TABLE.csTable1 {
    border-color:#CC0066;
    border-style:solid;
}

TABLE.csTable1 TH {
    background-color: #CC0066;
    border-color:#CC0066;
    border-style:solid;
    vertical-align:top;
    color:white;
}

TABLE.csTable1 TD {
  /*  background-color:#FFFFFF; */ /* white */
    border-color:#CC0066;
    border-style:solid;
    vertical-align:top;
    /* color:black; */
}

/* Light blue */
TABLE.csTable2 {
    border-color:#CCCCFF;
    border-style:solid;
}

TABLE.csTable2 TH {
    background-color: #CCCCFF;
    border-color:#CCCCFF;
    border-style:solid;
    vertical-align:top;
    /* color:white; */
}

TABLE.csTable2 TD {
  /*  background-color:#FFFFFF; */ /* white */
    border-color:#CCCCFF;
    border-style:solid;
    vertical-align:top;
    /* color:black; */
}

/* Dark blue */
TABLE.csTable3 {
    border-color:#000085;
    border-style:solid;
}

TABLE.csTable3 TH {
    background-color: #000085;
    border-color:#000085;
    border-style:solid;
    vertical-align:top;
    color:white;
}

TABLE.csTable3 TD {
  /*  background-color:#FFFFFF; */ /* white */
    border-color:#000085;
    border-style:solid;
    vertical-align:top;
    /* color:black; */
}

/* Light grey (DDDDDD, CCCCCC) */
TABLE.csTable4 {
    border-color:#CCCCCC;
    border-style:solid;
}

TABLE.csTable4 TH {
    background-color: #CCCCCC;
    border-color:#CCCCCC;
    border-style:solid;
    vertical-align:top;
    /* color:white; */
}

TABLE.csTable4 TD {
  /*  background-color:#FFFFFF; */ /* white */
    border-color:#CCCCCC;
    border-style:solid;
    vertical-align:top;
    /* color:black; */
}

.marginTopSmall {
     margin-top: 2px; margin-bottom: 2px;
     /* margin-left: 5px; margin-right: 5px; */
}

/* 
	Liaison-specific CSS Modifications begin here
*/

.item {
	background-color: #ffffcc;
	border: 1px solid #ffcc66;
	padding: 0.7em;
	margin: 0.5em; 
	clear: both;
	display: table;
	float: left;
	width: 100%
}

.item p {
	padding: 0;
	margin: 0;
	margin-top: 0.2em;
}

.item img, .news-item img {
	margin: 0.1em;
	margin-right: 1em;
	margin-bottom: 0;
	height: 100px;
	float: left;
	border: 1px solid #ccc;
}

.news-item img {
    margin: 0.3em;
    margin-right: 2em;
}
#right {
	width: 43%;
	float: right;
}

#left {
	width: 43%;
	float: left;
}

.news-item {
	background-color: #fcc;
	border: 1px solid #ff8080;
	margin: 0.1em;
}

#cs-side {
	position: absolute; 
	left: 20px;
	top: 20px;
}

#urlbanner {
	text-align: right;
}

#printurlbanner {
	padding: 0;
	margin: 0;
	text-align: center;
	visibility: hidden;
}

#printurlbanner p {
	padding: 0;
	margin: 0;
}

@media print {
	body {margin: 0; background-image: none;}
	#kentheading {display: none;}
	#navbar {display: none;}
	h1 {margin: 0;}
	#recentevents {display: none;}
	.news-item {display: none;}
	#urlbanner {display: none;}
	#printurlbanner {visibility: visible;}
}

#content {
	margin-left: 100px;
}

img.content {
    padding: 0.5em;
    margin: 0.2em;
    border: 1px solid #808080;
    background-color: #eaeaea;
}

<!-- Added by jwl 22/03/05 for pages with column of pictures down RHS
-->

#leftWithPics {
    width: 65%;
    float: left;
}

#leftWithPics p {
    margin-top: 0.4em;
    margin-bottom: 1em;
}

#leftWithPics dl {
    margin-top: 0.4em;
    margin-bottom: 1em;
}

#rightWithPics {
    width: 30%;
    float: left;
}

.noBullets {
    list-style-type: none;
}