/* CSS Document */

/*  content  */

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

#content .block {
float: left;
padding: 6px;
width: 500px;
border: solid 1px #999;
margin: 4px 0px;
-moz-box-shadow: 0px 1px 4px  #999;
-webkit-box-shadow: 0px 1px 4px  #999;
box-shadow: 0px 1px 4px  #999;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;	
}
#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;
}
#content .sociallinks {
 border: 0px;
 width: 150px;
 float: right;
}
/* lists */

#content .modules ul {
 float: none;
}
#content .modules ul li {
 padding: 3px 0px;
 list-style-type: square;
 list-style-image: url('/images/li-usj.gif');
}

/* buttons  etc */

/* red text */
#content .red {
color: #ff0000
}
/* bold text */
#content .bold {
font-weight: bold;
}
/* small italic text */
#content .note {
font-style: italic;
font-size:  .8em;
}

#content  .button {
	-moz-box-shadow:inset 0px 1px 2px -1px #ffffff;
	-webkit-box-shadow:inset 0px 1px 2px -1px #ffffff;
	box-shadow:inset 0px 1px 2px -1px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff1d6), color-stop(1, #ffc71f) );
	background:-moz-linear-gradient( center top, #fff1d6 5%, #ffc71f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1d6', endColorstr='#ffc71f');
	background-color:#fff1d6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	padding:6px 24px;
        margin: 6px 0px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
#content  .button a {
 text-decoration: none;
}
#content .button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc71f), color-stop(1, #fff1d6) );
	background:-moz-linear-gradient( center top, #ffc71f 5%, #fff1d6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc71f', endColorstr='#fff1d6');
	background-color:#ffc71f;
}
#content .button:active {
	position:relative;
	top:1px;
}
#content .modules .largebutton  {
border: solid 1px #999;
padding: 6px;
margin: 8px 4px;
background: #eee;
font-weight: bold;
width: 50%;
text-align: center;
font-size: 1.4em;
color: #066;
}
#content .modules .largebutton a {
text-decoration: none;
}
#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;
}
/*1416 form top right*/
#content .modules .smallbutton {
 padding: 4px 8px;
 margin: 4px 8px;
 width: 150px;
 border: solid 1px #999;
 background: #eee;
 text-align: center;
 float: right;
}
#content .modules .smallbutton a{ 
padding: 4px;
margin: 4px;
font-weight: bold;
text-decoration: none;
}
#content .smallpic img {
width: 70px;
}

/* headings */
#content  h1 {
font-size: 1.9em;
border: 0px;
background: #066;
color: #fff;
padding: 2px 4px;
margin: 12px 0px 6px 0px;
clear: left;
}
#content  h2 {
font-size: 1.3em;
font-weight: bold;
border-bottom: 1px solid;
border-top: 0px solid;
color: #066;
padding: 12px 0px 2px 0px;
margin: 12px 0px 4px 0px;
clear: left;
}
#content  h3 {
font-size: 1em;
border: 0px;
color: #000;
padding: 6px 5px 2px 0px;
margin: 4px 0px 0px 0px;
clear: left;
}
#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;
}

/* blocks */
#content .modules .smallblock {
 border: solid 1px #999;
 width: 312px;
 float: left;
 padding: 6px;
 margin: 6px;
 font-size: .9em;
}

#content .modules .smallblock h3{
 font-size: 1.4em;
}

/* 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;
}

/* forms */
#content .modules form {
border: solid 1px #999;
padding: 6px;
width: 500px;
}
#content .modules form fieldset {
border: solid 0px #999;
padding: 4px;
}
#content .modules form fieldset legend{
 width: 500px;
}
#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;
clear: left;
}
#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 input.tickbox {
width: 15px;
height: 15px;
border: solid 0px #999;
float: left;
}
#content .modules form label.tickbox {
width: 440px;
border: solid 0px #999;
float: right;
text-align: left;
}
#content .modules form  .dataprot  {
border: solid 1px #999;
padding: 6px;
}
#content .modules form  .dataprot th {
text-align: left
}


/* 1416 form */
.fs form h3 {
 text-decoration: underline;
}
.fs form fieldset label {
border: 0px;
width: 235px;
display: block;
float: left;
padding: 0px 6px;
text-align: right;
font-weight: normal;
}
.fs form legend,
.fs form fieldset legend,
.fs form fieldset fieldset legend {
font-weight: bold;
padding: 4px 0px;
color: #399;
font-size: 1.1em;
}
#content  .modules .tablefit tbody tr td form {
width: 120px;
border: solid 0px #999;
padding: 0px;
margin: 0px;
}

/* web feedback form */
#content .modules form fieldset label {
border: 0px;
width: 120px;
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;
}
#content .modules form fieldset fieldset.submit input{
margin-left: 136px;
}

/* factsheets */

#content #factsheet {
float: none;
border: solid #999 1px;
padding: 12px;
margin: 6px;
}
#content #factsheet #header {
background: #fff;
width: 50%;
float: none;
}
#content #factsheet #subheader {
background: #fff;
width: 50%;
float: none;
}

#content #factsheet #buttonbar {
  border: solid 0px #999;
  float: right;
  width: 140px;
  height: 60px;
}
#content #factsheet .sendbutton {
float: left;
padding: 0px;
margin: 0px;
border: solid 0px #000;
}
#content #factsheet .sendbutton img {
  float: left;
  padding: 4px;
  margin: 4px;
}

/* factsheet contents */

#content #factsheet #contents {
 float: none;
 border: solid 0px;
}
#content #factsheet #contents .rightimageblock{
 display: block;
 float: right;
 clear: right;
 width: 140px;
 padding: 0px 0px 4px 6px;
 margin: 0px 0px 4px 6px;
 border: solid 0px #000;
}
#content #factsheet #contents .rightblock {
border: solid 1px #099;
padding: 6px 0px 6px 6px;
margin: 6px 0px 6px 6px;
float: right;
width: 140px;
}
#content #factsheet #contents .rightblock p{
 width: 100%;
}
#content #factsheet #contents  .rightpic,
#content #factsheet #contents  .rightpic2{
 width: 140px;
 padding: 0px 0px 4px 6px;
 margin: 0px 0px 4px 6px;
 background: #fff;
 border: solid 1px #999;
}
#content #factsheet #contents  .rightpic a img,
#content #factsheet #contents  .rightpic2 a img{
 width: 130px;
 border: solid 0px #000;
}
#content #factsheet #contents h2 {
background: #099;
color: #fff;
padding: 2px 6px;
margin: 8px 0px;
border: solid 0px #000;
}

#content #factsheet #contents h3 {
 color: #099;
 float: none;
 border-bottom: solid 1px #099;
}
#content #factsheet #contents p {
  padding: 2px 0px;
  margin: 2px 0px;
 border: solid 0px #000;
 float: none;
}
#content #factsheet #contents ul {
  padding: 2px 16px;
  margin: 2px 16px;
border: solid 0px #000;
}
#content #factsheet #contents li {
  padding: 2px;
  margin: 2px;
border: solid 0px #000;
}

#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 {
 float: none;
 display: block;
 width: 500px;
}
#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;
}

/*subjects list table datalist */

#content .courses .subjectlist {
  float: left;
}
#content .courses .subjectslist table {
 border: solid 0px #000; 
}
#content .subjectslist table td {
  background: #eaf9f5;
  padding: 6px;
  margin: 6px;
  border: solid 6px #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
 font-size: 1.1em;
}
#content .subjectslist table td a{
 text-decoration: none;
 color: #063;
}

/* 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: none;
  width: 480px;
 border: solid 0px #399;
}
#content .list {
text-align: left;
border: solid 1px #399;
margin: 2px;
padding: 4px;
background: #fff;
float: none;
width: 460px
}
#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: right;
 clear: right;
 width: 150px;
  height: 100%;
  padding: 0px;
  border: solid 0px #999;
 margin: 2px 0px;
 background: #fff;
 font-size: .8em;
}
#content .pageevents h2 {
 float: none;
 border-bottom: solid 1px;
 font-size: .9em;
 padding: 0px 4px;
 margin: 0px 4px;
}
#content .pageevents .vevent {
  float: none;  
  padding: 6px;
  border: solid 1px #999;
  margin: 6px;
}
#content .pageevents .vevent h4 {
 font-size: 1.3em;
 background: #006666;
 color: #fff;
 padding: 2px;
 margin: 0px;
}
#content .pageevents .vevent .eventpic {
  padding: 4px 0px;
  margin: 0px;
}
#content .pageevents .vevent .eventpic img{
   width: 124px;
  padding: 0px;
  margin: 0px;
  float: none;
}
#content .eventsblock {
 border: solid 0px;
}
#content .eventsblock h3 {
border-top: solid 15px #DCF7EA;
color: #006633;
padding: 10px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}

#content .eventsblock .event {
  border: solid 1px #399;
padding: 4px;
margin: 4px 0px;
}

/*news */

#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;
}

/* 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;
}


/* 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: 160px;
margin: 14px 0px 4px 8px;
}
#content .rightpic .caption ,
#content .rightpic2 .caption {
font-weight: bold;
font-size: .8em;
padding: 2px;
margin: 2px;
width: 150px;
text-align: right;
border: solid 1px #999;
float: right;
background: #ecfafe;
}
#content .rightpic img {
float: right;
width: 140px;
margin: 2px 0px;
}

#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 */
#content .modules .googlemap img {
 background: none;
 padding: 0px;
 margin: 0px;
 border: 0px;
}

/* ecards */

.modules .ecardform {
padding: 10px 0px;
float: left;
clear: left;
width: 97%;
}
.modules .ecardform .ecardthumbs {
float: left;
width: 100%;
}
.modules .ecardpic img,
.modules .ecardform .ecardpic img{
float: left;
padding: 2px;
margin: 2px ;
border: solid 0px #999;
text-align: center;
}
#content .modules table.ecardtable {
  border: solid 1px #999;
  width: 100%;
  position: relative;
  left: -200px;
}
#content .modules table.ecardtable input{
 width: 140px;
}


/* 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 .widgetblock a img {
 background: none;
 float: none;
 clear: none;
 padding: 0px;
 margin: 0px;
}
#content .modules .widgetblock p {
 clear: none;
 font-weight: bold;
}
#content .modules .rightwidgetblock {
  float: right;
  clear: right;
  width: 230px;
  background: #fff;
  padding: 4px 0px;
  margin: 4px 0px;
  border: solid 0px #999;
}
#content .modules .rightwidgetblock img{
  background: none;
  padding: 0px;
  margin: 0px;
}
#content .modules .rightwidgetblock a.external {
  width: 1px;
  background: none;
}
#content .modules object,
#content .modules object embed {
 float: none;
 clear: none;
 width: 480px;
 padding: 0px;
 border: 0px;
border: solid 0px #999;
}
#content  .twitterblock {
 float: left;
 width: 480px;
 margin: 8px 0px;
 padding: 10px;
 border: solid 7px #DEEFFA;
 box-shadow: 0em 0em .4em #57789E;
 background: url('http://a3.twimg.com/a/1320254175/images/bg-clouds.png');
}
#content  .twitterblock h2{
 font-family: comic sans, comic sans ms;
 color: #fff;
 padding: 0px 0px 6px 0px;
 margin: 0px;
 border: 0px;
 font-size: 1.6em;
}