/* CSS Document */

/*  content  */

#content {
  text-align: left;
  float: left;
  background: none;
  width: 44.2em;
  height: 100%;
   padding: 2px 0px 12px 1px;
  margin: 2px 4px ;
  border: solid 0px;
}

#content .block {
float: left;
padding: 6px;
width: 98%;
border: solid 1px #999;
margin: 4px 0px;
}
#content .block img {
}
#content .keyline {
border: solid 1px #999;
padding: 8px;
margin: 8px;
}
#content  p {
padding: 4px 0px;
float: none;
clear: left;
margin: 0px;
border: 0px;
}

#content img {
  float: right;
 clear: right;
  padding: 8px;
  border: solid 1px #999;
 margin: 4px 4px 4px 8px;
 background: #fff;
}

/* red text */
#content .red {
color: #ff0000
}
/* bold text */
#content .bold {
font-weight: bold;
}
#content .button  {
border: solid 1px #999;
padding: 4px;
margin: 4px;
background: #999;
font-weight: bold;
width: 30%;
}
#content .button a {
color: #fff;
}
/* buttons for post, print etc */
#content  .sendbutton {
border: 0px;
float: right;
clear: right;
padding: 0px 2px;
margin: 0px 2px;
background: none;
border: solid 0px #999;
}
#content  .sendbutton img {
padding: 10px 0px 0px 0px ;
margin: 9px 0px 0px 0px;
border: none;
}
#content .smallpic img {
width: 70px;
}

/* headings */
#content  h1 {
font-size: 1.6em;
border: 0px;
color: #399;
padding: 0px;
margin: 4px 0px;
clear: none;
}
#content  h2 {
font-size: 1.4em;
border: 0px;
color: #399;
padding: 6px 0px 2px 0px;
margin: 4px 0px 4px 0px;
}
#content  h3 {
font-size: 1.2em;
border: 0px;
color: #399;
padding: 6px 5px 6px 0px;
margin: 4px 0px;
}
#content  h4 {
font-size: 1.1em;
float: none;
clear: none;
border: 0px;
width: 98%;
color: #399;
padding: 2px 0px;
margin: 0px;
}
#content  h5 {
padding: 0px;
margin: 0px;
}
/* tables */
#content table {
border: solid 1px #999;
clear: left;                                                                                            
}
#content table td {
border: solid 1px #999;
background: #fff;
padding: 4px;
margin: 0px;
vertical-align: top;
}
#content  .smallfit {
border: solid 1px #999;
width: 31em; 
font-size: .9em;                                                                                              
}
/* events table */
#content   .tablefit td {
width: 300px;
}
/*subjects list table datalist */
#content .subjectslist table {
border: none;
}
#content .subjectslist table td {
  background: #eaf9f5;
  padding: 4px;
  margin: 4px;
  border: solid 6px #fff;
  text-align: center;
  font-weight: bold;
}
#content .subjectslist table td a{
 text-decoration: none;
 color: #063;
}
/* forms */
#content .modules form {
border: solid 1px #999;
padding: 6px;
}
#content .modules form table {
padding: 6px;
}
#content .modules form table th {
width: 150px;
text-align: right;
}
#content .modules form fieldset table th {
text-align: center;
}
#content .modules form label {
width: 150px;
text-align: right;
}
#content .modules form table td input {
width: 350px;
border: solid 1px #999;
}
#content .modules form input {
border: solid 1px #999;
}
.tablefit input {
width: 100%;
border: solid 1px #999;
}
#content .modules form table td textarea {
width: 350px;
border: solid 1px #999;
}
#content .modules form fieldset table td {
width: 15px;
height: 15px;
border: solid 0px #999;
text-align: center;
}
#content .modules form fieldset table td label{
width: 190px;
}
#content .modules form table td .tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
}
#content .modules form fieldset table td .tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
}
#content .modules form .tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
}
#content .modules form  .dataprot  {
border: solid 1px #999;
padding: 6px;
}
#content .modules form  .dataprot th {
text-align: left
}
/* 1416 form */
#content form fieldset label {
border: 0px;
width: 235px;
display: block;
float: left;
padding: 0px 6px;
text-align: right;
font-weight: normal;
}
#content form fieldset legend {
font-weight: bold;
padding: 4px 0px;
color: #399;
font-size: 1.1em;
}
#content  .modules form .tablefit td input {
width: 100%;
border: solid 1px #999;
}
/* web feedback form */
#content .modules form fieldset label {
border: 0px;
width: 235px;
display: block;
float: left;
padding: 0px 6px;
text-align: right;
font-weight: bold;
}
#content .modules form fieldset input,
#content .modules form fieldset textarea {
width: 235px;
}
#content .modules form fieldset input {
max-width: 235px;
}
/* job forms */
#content .modules form label {
border: 0px;
width: 235px;
display: block;
float: left;
text-align: right;
font-weight: bold;
}
#content .modules form fieldset .fullwidth textarea {
width: 95%;
}
/* equal ops */
#content .modules form table label {
border: 0px;
padding: 0px;
margin: 0px;
width: 300px;
float: left;
text-align: right;
font-weight: bold;
height: 10px;
}
#content .modules form input {
border: solid 1px #999;
padding: 1px;
margin: 1px;
}
/* equal ops */
#content .modules form table input {
border: solid 1px #999;
padding: 0px;
margin: 0px;
float: right;
}
#content .modules form fieldset {
border: solid 1px #999;
padding: 1px;
margin: 1px;
}

/* factsheets */

#content #factsheet {
float: none;
border: solid #999 1px;
padding: 12px;
margin: 6px;
}
#content #factsheet #header {
background: #fff;
width: 50%;
float: none;
}
#content #factsheet .rightpic {
}
#content #factsheet #buttonbar {
  border: solid 0px #999;
  float: right;
  width: 270px;
  height: 60px;
}
#content #factsheet .sendbutton {
float: left;
padding: 0px;
margin: 0px;
border: solid 0px #000;
}
#content #factsheet .sendbutton img {
  float: left;
  padding: 0px 4px;
  margin: 0px 4px;
}
#content #factsheet h2 {
background: #099;
color: #fff;
padding: 2px 6px;
}
#content #factsheet h3 {
color: #099;
border-bottom: solid 1px #099;
}
#content #factsheet #contents .rightblock {
border: solid 1px #099;
padding: 6px 0px 6px 6px;
margin: 6px 0px 6px 6px;
}
#content #factsheet #contents .info {
border-top: solid 0px #399;
padding: 16px 0px;
margin: 16px 0px;
}
#content #factsheet #contents .info h3 {
font-size: 1em;
line-height: 1em;
color: #000;
}
#content #factsheet #contents .info p {
font-size: .8em;
font-weight: bold;
}
/* course lists */

#content .courses  h3 {
  background: #eaf9f5; 
  width: 60%; 
  float: none;
  border: 0px; 
  margin: 5px 2px; 
  padding: 2px 4px; 
  text-align: left; 
  font-size: 1em;
}
#content .courses  h3 a {
text-decoration: none;
color: #066;
}
#content .factsheetslist {
float: none;
background: #fff;
}
#content .courses  .coursetitleandlist .factsheetslist ul {
display: block;
clear: left;
}
#content .courses  ul li a {
color: #003;
}

#content .factsheetslist table tr td{
border : solid 1px #999;
padding: 1px;
font-size: .9em;
text-align: center;
}
/* factsheet logos */
/* uclan*/
#content .logoblock {
  display: block;
  float: right;
  border: solid 0px #999;
  background: #fff;
  width: 100%;
  padding: 8px 0px;
  margin: 8px 0px;
}
#content .logoblockimg {
  float: right; 
  padding: 0px;
  margin: 0px; 
}
#content .logoblockimg img {
  width: 60px;
  border: none;
  padding: 2px;
  margin: 2px; 
}
#content .logoblocktext {
  float: right;
  width: 250px;
  font-size: .8em;
  text-align: right;
}
/* ema etc */
#content .smalllogoblock {
  display: block;
  float: left;
  border: solid 1px #399;
  background: #fff;
  width: 252px;
  height: 110px;
  padding: 8px 2px;
  margin: 8px 2px;
}
#content .smalllogoblockimg {
  float: right; 
  padding: 4px;
  margin: 4px; 
  border: solid 0px #999;
  width: 74px;
}
#content .smalllogoblockimg img {
  width: 70px;
  border: none;
  padding: 2px;
  margin: 2px;
  }
#content .smalllogoblocktext {
  float: left;
  width: 140px;
  font-size: .8em;
  text-align: center;
  padding: 0px 2px;
  margin: 0px 2px;
  border: solid 0px #999;
}
/* documents list */
#content .documentblock {
  float: left;
  width: 70%;
}
#content .list {
text-align: left;
border: solid 1px #399;
margin: 2px;
padding: 4px;
background: #fff;
}
#content .list .doc {
  padding: 4px 0px 4px 30px;
  background: url(/images/layouts/buttons/pdf.gif) no-repeat top left;
}
#content .list .doc a {
  background: #fff;
line-height: 25px;
padding: 5px 0px 5px 2px;
margin: 5px 0px 5px 2px;
text-decoration: none;
}
#content  .bigpic .doc{
height: 300px;
padding: 300px 0px 0px 0px;
background: url(/images/layouts/buttons/pdf.gif) no-repeat top left;
}
#content  .bigpic .doc a {
 padding: 300px 0px 0px 0px;
 margin: 300px 0px 0px 0px;
   border: solid 0px #999;
}
/* events */
#content .pageevents {
 float: none;
width: 64%;
  height: 100%;
  padding: 2px 0px 2px 0px;
  border: solid 0px #999;
margin: 2px;
}
#content .pageevents h2 {
 float: none;
border: solid 0px;
}
#content .pageevents .vevent {
  float: none;  
  padding: 4px;
  border: solid 1px #999;
  margin: 4px;
}
#content .pageevents .vevent img{
   width: 50px;
  float: right;
}
#content .eventsblock h3 {
border: 0px;
padding: 6px 0px 0px 0px;
margin: 6px 0px 0px 0px;
}

#content .eventsblock .event {
  border: solid 1px #399;
padding: 4px;
margin: 4px 0px;
}
/* ad style links */
#content .inpageadblock {
float: right;
width: 120px;
}

/* profiles and mts */

#content .mts {
  float: right;
clear: right;
  width: 150px;
  height: 100%;
  padding: 5px;
  border: solid 1px #999;
  margin: 8px 4px;
font-size: .8em;
}

#content .mts img{ 
  width: 144px;
border: none;
padding: 2px 0px;
margin: 2px 0px;
}
#content .mts a{ 
text-decoration: none;
}
#content .mts .name { 
  font-weight: bold;
font-size: 1.2em;
}

/*news, events, docs */
#content .pagenews {
display: block;
float: none;
width: 65%;
  height: 100%;
  padding: 10px;
  border: solid 0px #999;
  margin: 4px 2px;
  /*background: #fff;*/
}
#content .pagenews img {
float: left;
padding: 0px;
margin: 20px 20px 0px 0px;
border: none;
}
#content .pagenews ul {
border: 0;
margin: 2px;
padding: 2px;
}
/* sitemap */
#content .sitemapblock {
display: block;
border: solid 0px #999;
background: #fff;
margin: 2px;
font-weight: bold;
width: 80%;
}
#content .sitemapfolder {
font-weight: bold;
font-size: 1.2em;
margin: 6px 2px 2px 0px;
padding: 6px 2px 2px 0px;
width: 100%;
float: left;
}
#content .sitemappage {
font-size: .9em;
margin: 0px 0px 0px 8px;
} 

/*  galleries  */

#content .gallerythumbs {
width: 44em;
float: left;
border: solid 0px #999;
padding: 0px;
margin: 2px 0px;
}
#content .gallerythumbs .thumb {
float: left;
border: solid 0px #999;
padding: 2px;
Margin: 2px;
height: 160px;
}
#content .gallerythumbs .thumb .pictitle {
  width: 11em;
border: solid 0px #999;
padding: 0px 5px;
margin: 0px 5px;
float: left;
clear: left;
text-align: center;
font-size: .8em;
}
#content .gallerythumbs .thumb img {
border: 0px;
padding: 0px;
float: left;
}



/* news and misc */
#content .rightblock  {
float: right;
display: block;
clear: right;
width: 140px;
margin: 8px 2px ;
padding: 4px 2px;
background: #ecfafe;
font-size: .9em;
}

#content .rightblock a {
text-decoration: none;
}
#content .rightblock img {
float: left;
clear: left;
width: 120px;
margin: 1px;
padding: 1px;
border: none;
}
#content .rightblock h2 {
font-size: .9em;
margin: 0px 4px;
padding: 0px 4px;
}
#content .rightblock .keyline {
border: solid 1px #999;
padding: 4px;
margin: 4px;
float: left;
background: #fff;
}
#content .rightblock ul {
border: solid 0px;
padding: 0px 8px;
margin: 0px 8px;
}
#content .rightblock li {
border: solid 0px;
padding: 2px  0px;
margin: 2px 0px;
}
#content .rightblock ul .date {
font-size: .9em;
font-style: italic;
}
#content .largerightblock  {
float: right;
display: block;
clear: right;
width: 220px;
margin: 8px ;
padding: 8px;
background: #ecfafe;
font-size: .8em;
}
/* auto right pics and profiles */
#content .rightpic  {
float: right;
clear: right;
width: 190px;
margin: 14px 0px 4px 8px;
}
#content .rightpic .caption ,
#content .rightpic2 .caption {
font-weight: bold;
font-size: .8em;
padding: 2px;
margin: 2px;
text-align: right;
border: solid 1px #999;
float: right;
background: #ecfafe;
}
#content .rightpic img {
float: right;
width: 170px;
margin: 2px 0px;
}
/* lower pics and profiles */
#content .rightpic2  {
float: right;
clear: right;
width: 140px;
margin:  10px 0px 10px 0px;
}

#content .rightpic2 img {
float: right;
width: 120px;
margin: 2px 0px;
}

#content .rightpic2 h3 {
float: right;
margin: 2px 0px 0px 0px;
padding: 2px 0px 0px 0px;
border: solid 0px #000;
}

#content .picandtextblock {
float: left;
width: 90%;
border: solid 1px #399;
padding: 8px;
margin: 4px;
}

#content .space {
height: 800px;
}

/* potm */
#content .potm img {
float: right;
width: 200px;
}
#content .potmmore {
width: 100%;
float: left;
border: solid 0px #000;
}
#content .potmmore .potmsmall {
float: left;
border: solid 0px #999;
width: 17em;
margin: 2px;
padding: 2px;
}
#content .potmmore .potmsmall img{
float: left;
width: 14em;
border: solid 1px #999;
}

/* course enquiry forms */
#content .modules form .enquiry td label {
width: 180px;
font-size: .9em;
height: 2em;
}
#content .modules form .enquiry td input {
padding: 4px 0px 8px 0px;
}

/* maps */
#prestonmap img,
#liverpoolmap img,
#manchestermap img,
#dorsetmap img,
#blackburnmap img,
#burnleymap img {
background: none;
}

/* ecards */

.modules .ecardform {
padding: 10px 0px;
float: left;
clear: left;
width: 97%;
}
.modules .ecardform .ecardthumbs {
float: left;
width: 100%;
}
.modules .ecardpic,
.modules .ecardform .ecardpic {
float: left;
padding: 2px;
margin: 2px ;
width: 180px;
border: solid 0px #999;
text-align: center;
}

/* blogs */
#content .blog {
float: left;
}
#content .blog .blogitem{
border: dotted 4px #999;
padding: 4px 0px 9px 6px;
margin: 4px 0px 9px 6px;
}
#content .blog  .blogtitle{
font-size: 1.8em;
color: #000;
}
#content .blog  .blogpostedby{
font-size: .9em;
font-weight: bold;
}
#content .blog .rightblock {
width: 180px;
border: solid 0px;
font-size: .8em;
}
/* paypal button */
#content .paypal {
width: 170px;
border: solid 1px #999;
float: right;
clear: right;
padding: 4px;
margin: 4px;
background: #ecfafe;
text-align: center;
}
#content .paypal img,
#content .paypal form,
#content .paypal form input{
border: solid 0px #999;
background: #ecfafe;
}

/* sports classes */
#content .sportsclass {
border: solid 0px;
padding: 2px 0px;
margin: 2px 0px;
}
#content .sportsclass .sportsclasstitle {
font-weight: bold;
font-size: 1.2em;
}

/* widgets*/
#content .modules .rightwidgetblock {
  float: right;
  width: 200px;
  background: none;
  padding: 4px 0px;
  margin: 4px 0px;
}
#content .modules .rightwidgetblock img{
  background: none;
  padding: 0px;
  margin: 0px;
}
#content .modules .rightwidgetblock a.external {
  width: 1px;
  background: none;
}