@media print {
    #sideMenu1, #sideMenu2, #sideMenu3 { display: none; }
    #sideMenuSpacer1, #sideMenuSpacer2, #sideMenuSpacer3 { display: none; }
    #navTopBar { display: none; }
}


.csRed {
    color: #CC0066;
    background-color: inherit;
    font-style: normal; /* normal, */
    font-family: sans-serif;
}

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

.csBlack {
    color: #000000;
    background-color: inherit;
}

body.home1 {
    margin: 0px 0px 0px 0px ;
    color: #000000;
    background-color: #ffffff;
    font-family:  Helvetica, Ariel, sans-serif;
}

.studyComputing {
    color: #CC0066; /* CC0066 red, */
    background-color: inherit;
    font-style: normal;
    font-weight: bold;
    font-family: sans-serif; 
}

A.studyComputing:link,
A.studyComputing:active,
A.studyComputing:visited
{
    color: #CC0066; /* #CC0066 red, */
    background-color: inherit;
    font-style: normal;
    font-weight: bold;
    font-family: sans-serif;
    text-decoration: none;
    /* font-size:larger; */
}

A.studyComputing:hover
{
    color: yellow;;
    background-color: inherit;
    font-style: normal;
    font-weight: bold;
    font-family: sans-serif;
    text-decoration: none;
}

.column {
    text-align: left;
}

.multipleImageSpacer {
   /* Note: space between aligned images is doubled */ 
   margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px;
}

IMG.imageMarginSmall {
   /* color:red; */
   /* border-color:green; */
   /* border-style: solid;  */
   margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; 
    
}

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

IMG.newsImageMarginMedium {
   /* color:red; */
   /* border-color:green; */
   /* border-style: solid;  */
   margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px;
   
}




/* background color */
.BCBlue {
    background-color: #000085;
    color:#FFFFFF;
}

.BCMidGrey {
    /* background-color: #F1F1F1; */
    /* background-color: #CC0066; */
    background-color: #DDDDDD;  /* pale grey */
    color:#000000;
}

.BCmidBlue {
    color: #000000;  /* #000000 black */
    background-color: #CCCCFF;
}

.quote1 {
    color: #000000;  /* #000000 black */
    background-color: #FFFFCC;  /* FFFFCC pale yellow */
    margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;
}

.quote2 {
    color: #000000;  /* #000000 black */
    background-color: #EEEEFF;	/* EEEEFF very pale blue */
    margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;
}

.quote3 {
    color: #000000;  /* #000000 black */
    background-color: #EEEEDD; /*  EEEEDD Buff */
    margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 5px;
}


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

.titleBar {
    color: #000085;
    font-weight:normal;
    background-color: #CCCCFF; /* 000085 */
    margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px;
}

TABLE.titleBar h1 {
    margin-top: 0px; margin-bottom: 2px;
}

TABLE.titleBar TR TD A:link,
TABLE.titleBar TR TD A:active,
TABLE.titleBar TR TD A:visited
{
    color: white;
    background-color: inherit;
    font-weight: normal;
    text-decoration: underline;
    /* font-size:larger; */
}
TABLE.titleBar TR TD A:hover
{
    color: yellow;
    background-color: inherit;
    font-weight: normal;
    text-decoration: underline;
}



.navTopBar {
    color: white;
    font-weight: normal;
    background-color: #000085; /* CCCCCC mid grey, DDDDDD pale grey, CCCCFF blue */
    margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px;
}

TABLE.navTopBar TR TD A:link,
TABLE.navTopBar TR TD A:active,
TABLE.navTopBar TR TD A:visited
{
    color: white;
    background-color: inherit;
    font-weight: normal;
    text-decoration: none; /* underline */
    /* font-size:larger; */
}
TABLE.navTopBar TR TD A:hover
{
    color: yellow;
    background-color: inherit;
    font-weight: normal;
    text-decoration: underline;
}

.navBottomBar {
    color: white;
    font-weight: normal;
    background-color: #000085; /* CCCCCC mid grey, DDDDDD pale grey, CCCCFF blue */
    margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px;
}




/* TABLE.navSideBar */
.navSideBar {
    color: black;
    font-weight: bold;
    background-color: #CCCCFF;  /* #FFFFFF 000085 CCCCCC mid-grey, DDDDDD pale-grey, CCCCFF blue */
    margin-top: 0px; margin-bottom: 0px; padding-top: 2px; padding-bottom: 2px;
}

TABLE.navSideBar TR TD A:link,
TABLE.navSideBar TR TD A:active,
TABLE.navSideBar TR TD A:visited
{   
    color: #CC0066;
    background-color: inherit;
    font-weight: bold;
    /* font-size:larger; */
    text-decoration: none; 
}

TABLE.navSideBar TR TD A:hover
{
    color: yellow;
    background-color: inherit;
    font-weight: bold;
    /* font-size:larger; */
    text-decoration: none;
}

ul.menuShort {
    margin-left: 25px;
    list-style-image: url("/students/icons/arrows/BlueDart3Rs.gif");
    list-style-type: square;
    list-style-position: outside;
}

ul.menu75 {
    font-size: 75%;
    margin-left: 15px;
    list-style-image: url("/students/icons/arrows/BlueDart3Rs.gif");
    list-style-type: square;
    list-style-position: outside;
}

h2.article {
   background: url("http://www.cs.kent.ac.uk/ugrecruit/icons/arrows/RChevronsR.gif") no-repeat;
    background-position:left center;
}


/* News */
.newsItem {
    color: black;
    background-color: #FFFFCC; /* FFCCCC FFCC99 #DDDDDD palegrey #CCCCCC midgrey, CCCCFF blue  #FFCCFF pink */
    font-weight: normal;
    margin-top: 0px ;
    margin-bottom: 2px ;
}
tr.newsItem td {
    vertical-align:top;
}

tr.newsItem td h3 {
     color: #000085;
    margin-top: 0px ;
    margin-bottom: 2px ;
    background-color: inherit;
}

tr.newsItem td p {
    margin-top: 2px ;
    margin-bottom: 0px ;
    color:black;
    background-color: inherit;
}

h1.thin, h2.thin, h3.thin, h4.thin, h5.thin, h6.thin {
    margin-top: 2px ; margin-bottom: 2px ; /* margin-left: 2px ; margin-right: 2px ; */
}

p.thinFirst {
    margin-top: 2px ; /* margin-bottom: 2px ; margin-left: 2px ; margin-right: 2px ; */
}
p.thin {
    margin-top: 2px ; margin-bottom: 2px;
}


.question{
    color: green;
    font-weight: bold;
    background-color: inherit;
}

.answer{
    color: #000085;
    font-weight: bold;
    background-color: inherit;
}

/* Provide images with captions which will scale as the window is scaled */
div.figure {
  float: right;
  width: 20%;
  border: none;
  /* border: thin silver solid; */
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}


/* The Caption is a <table> caption */
caption.belowImage {
  caption-side: bottom; 
  width: auto;
  text-align: center;
  vertical-align: top;

  font-style: italic;
  font-size: smaller;
  color: #000085;
  background-color:inherit;
}



/* ================ UG =================== */

img.ugHeadingLogo {
  width:20px;
  height:18px;
}



div.ugHomeNewsItem {       /* Typically a div element. */
  margin:0 0 1.0em 0;   /* Separate news items with white space on bottom margin  */
  padding:0;
  height:62px;          /* Height of image + 1px top border + 1px bottom border  =  62px */
  color: black;
  background-color: #FFFFCC;
  font-weight: normal;
}

div.ugHomeNewsItem img {
  margin:0 1.0em 0 0;
  padding:0;
  float:left;
  height:60px;
  border:1px solid black;
}

div.ugHomeNewsItem h3 {
  margin:0.2em;
  padding:0;
}

div.ugHomeNewsItem p {
  margin:0.2em;
  padding:0;
}



div.ugImageRowRight {    /* as seen on /students/whyStudy.html */
  float:right;
  margin:0 0 0.5em 0.5em;
  padding:0;
  /* background-color:silver; */
}

div.ugImageRowLeft {    /* as seen on /students/? */
  float:left;
  margin:0 0.5em 0.5em 0;
  padding:0;
  /* background-color:silver; */
}

div.ugImageCaption {  /* Caption to go below a single image or row of images.
                         Must be contained within the DIV ugImageRowRight or 
                         DIV ugImageRowLeft.
                      */
  margin:0;
  padding:0;
  text-align:center;
  font-size:smaller;
  font-style:italic;
  font-weight:normal;
  color: black;
  background-color:inherit;
}