body {
 color: #7F7F7F;
 background-color: #FFFFFF;
 font: normal normal 11px/16px Verdana, Helvetica, Arial, sans-serif;
 }
 

/* Text & Link Styling */
p {
 padding: 0px 0px 20px 0px;
 text-align: left;
 color: #737373;
 margin: 0;
 font: normal normal 11px/16px Verdana, Helvetica, Arial, sans-serif;
 }
 
 p.error {
  padding: 0px 0px 20px 20px;
  line-height: 17px;
  }
 
 p.copyright {
  text-align: center;
  padding: 2px 0px 3px 0px;
  line-height: 15px;
  }
 

b {
 font-weight: bold;
 color: #898989;
 font-size: 13px;
 }
 
img {
 float: right;
 background:none;  
 }
 

h1 {
 padding: 0px 0px 15px 0px;
 color: #BD4E5B;
 font-size: 16px;
 line-height: 20px;
 font-weight: bold;
 margin: 0px;
 }
 h1.error {
  padding: 0px 0px 0px 0px;
  color: #BD4E5B;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px;
  }
 
 h2 {  
  padding: 20px 0px 5px 0px;
  color: #BD4E5B;
  font-size: 12px;
  line-height: 20px;
  font-weight: bold;
  margin: 0px;
  }
  h2.error {  
   margin: 0px 0px 20px 0px;
   color: #666666;
   font-size: 11px;
   line-height: 20px;
   font-weight: bold;
   padding: 0px;
   }
 

a:link, a:visited, a:active {
 padding: 0px;
 margin: 0px;
 text-decoration: none;
 color: #bd4e5b;
 font: 11px/15px Verdana, Helvetica, Arial, sans-serif;
 }
 
 a:hover {
  text-decoration: underline;
  color: #737373;  
  }
  
 
a.main:link, a.main:visited, a.main:active {
 padding: 0px 10px 20px 10px;
 color: #737373;  
 }
 
 a.main:hover {
  color: #bd4e5b;  
  }
 
  
a.right:link, a.right:visited, a.right:active {
 text-align: right;
 line-height: 19px;
 color: #737373;  
 }
 
 a.right:hover {
  color: #bd4e5b;  
  }
 

/* Div & Layout Styling */
#container {
 height: auto;
 text-align:left;
 width: 940px;
 margin: 0px auto 0px auto;  
 }
 
#top {
 width: 940px;
 height: 20px;
 float: left;
 margin: 0px 0px 10px 0px;
 }
 
#header {
 border: medium solid #CCCCCC;
 border-radius: 8px;
 width: 940px;
 height: 145px;
 float: left;
 background: url(https://apps.uclan.ac.uk/uclan.png) no-repeat 0 0;
 }
 
#left {
 height: auto;
 float: left;
 width: 500px;
 padding: 0px 0px 0px 10px;
 margin: 0px 0px 0px 60px;
 }
 
#right {
 height: auto;
 float: right;
 width: 230px;
 padding: 0px 10px 0px 0px;
 margin: 0px 60px 10px 0px;
 } 
  
#copyright {
 padding: 20px 0px 0px 0px;
 margin: 10px auto 10px auto;
 clear: both;
 width: 685px;
 height: 50px;
 text-align: center;
 }
 

/* Form Styling */
.smlform {
 padding: 10px 0px 30px 0px;
 line-height: 17px;
 text-align: left;
 color: #737373;
 font-size: 11px;
 margin: 0px 0px 0px 0px;
 }
 
.enquirysubmitsml {
 text-align: center;
 clear: both;
 font: normal normal 11px/16px Verdana, Helvetica, Arial, sans-serif;
 background-color: #d7d7d7;
 margin: 10px 0px 0px 0px;
 height: 20px;
 width: 75px;
 color: #bd4e5b;
 border: 1px solid #999999;
 }
 .enquirysubmitsml:hover {
  color: #737373;
  border: 1px solid #666666;
  }         
 
.inputsml {
    border: 1px solid #bebebe;
    font: normal normal 11px/16px Verdana, Helvetica, Arial, sans-serif;
    color: #737373;
 width: 150px;
 height: 15px;
    background: #d7d7d7;
 }

 .inputsml:hover {
     color: #737373;
     border: 1px solid #a2a2a2;
  }
  

 .infotextdiv {
 clear:left
 }

/* Search Function */
/* Paul Berry - Styled search widget - 13:27 23/04/2008 */
#search_box {
    width: 201px;
    height: 31px;
    background: url(https://www.uclan.ac.uk/bg_search_box.gif);
}
#search_box #s {
    float: left;
/* PB - remove these after full pub 
    margin: 0 0 0 6px;
    margin: 6px 0 0 6px !important; 
  end remove */
    padding: 5px 0px 0px 7px;
    border: 0;
    width: 130px;
    height: 18px;
    background: none;
}
 
#search_box #go {
    float: right;
    margin: 2px 4px 0 0;
    margin: 3px 4px 0 0 !important;
}
/* END Paul Berry Search Widget */

/* Extra style instructions here */

/*        breadcrumb        */
ul.breadcrumb
{
 
    color:#666666;
    margin:0.4em 0.2em 0.6em 0.6em;
    display:block;
    padding:0px;
}
ul.breadcrumb li
{
    list-style:none;
    display:inline;
    font-size:0.8em;
}
ul.breadcrumb li a,
ul.breadcrumb li a:visited
{
  font-size:100%;
    }
ul.breadcrumb li a:hover
    {
    font-size:100%;
    }

/* To make font larger and darker i.e readable ;-) */
.readable
{
    font-size:1.2em;
    color: #505050;
}