* {
   padding:0;
   margin:0;
}

body {
  font: 0.9em/1.3em verdana, sans-serif;
  font-size: 12px;
  color: #336;
  padding: 0px;
  background: url(../img/we come/header.jpg) repeat-x #333365;
}

/*---------------------------------------------------------COLUMNS & CHROME---*/


#main1, #main2 {
background-color: #333365;
}

.column-in {
		margin: 0px;
		padding: 0.5em 1em;
}

.cleaner {
		clear: both;
}

#leftcontent {
  color: #88a;
 	float: left;
	width: 150px;
	margin: 0px; padding: 0px;
	background: transparent;
}

#centrecontent {
  margin: 0px 150px;
  padding: 0px 5px;
  background-color: #B0C4DE;
}


#rightcontent {
  color: #88a;
	float:right;
	width: 150px;
	margin: 0px; padding: 0px;
	background: transparent;
}

#topheading {
text-align: right; overflow-x: hidden;
background: #333365;
border-bottom: #88a 3px solid;
}

#notice {
  font-size: 10px; text-align: center;
  color: #88a;
}


/*------------------------------------------------------------TEXT STYLES-----*/

p {
padding-bottom: 5px;
color: #336}

h1 {
  font-size: 40px; font-weight: normal; text-align: left; color: #000;
  border-bottom: #5555bb solid 1px;
}

h2 {
  font-size: 25px; font-weight: normal; color: #55f;
  border-bottom: #5555bb solid 1px; margin: 10px 0px; line-height: 25px;

}

h3 {
  font-size: 15px; font-weight: normal; color: #55f; margin: 10px 0px;
}
#top h3 {
  font-size: 15px; font-weight: normal; color: #000; margin: 10px 0px;
}

h4 {
  font-size: 13px; font-weight: bold; color: #55f; margin: 5px 0px;
}

h5 {
  font-size: 10px; display: block; color: #55f; margin: 5px 0px;
}

.admincontrol {
  color: #833;
}
/*------------------------------------------------------------LINK STYLES----*/


#menu {
	font-size: 13px;
  	  padding: 0px 0px 2px 0	px;
  border: #88a solid; border-width: 0px 0px 4px 0px;
  }

#submenu, #permmenu {
list-style: none; margin-top: 10px; font-size: 12px;
}

#submenu li, #permmenu li {
padding: 6px 0px 6px 25px;
background-image: url(../img/bullet.gif); background-repeat: no-repeat;
background-position: center left; margin: 2px 0px;
}



.nav, .activenav {
list-style-type: none;
padding: 6px 0px 6px 25px;
background-image: url(../img/bullet.gif); background-repeat: no-repeat;
background-position: center left; margin: 2px 0px;
}

.activenav {
backgr ound-color: #8989FF; border: 1px solid #8989FF;
border-width: 0px 0px 1px 0px; color: #336}

.nav a, .activenav a {
  text-decoration: none; color: ; padding: 0px 15px 0px 2px;

}

.activenav a {
 /* border-bottom: 2px #8989FF solid; */
}

.nav a:hover {
  color: #77e;
}

.activenav a:hover {
  color: #77e;
}

a {
  color: #7977dd;
}

a:hover {
  color: #77e;
}

.floatright {
  float: right; color: #567; border:  #5555bb solid;
  border-width: 0 1px 1px 0; padding: 3px; margin-left: 3px;
}

.when {
text-align: right;
font-size: 9px;
}
/*------------------------------------------------------------BLOCK STYLES----*/

div.rightaligned {
  text-align: right;
}

#bio {
}

#photo-spec-controls {
  float: left; width: 150px; background-color: #113377 !important;
  background-repeat: no-repeat; background-image: url(../img/corner.gif);
  padding: 7px; margin-right: 5px; background-position: bottom right;
  color: #88a;\
}

.qualities {
  margin-bottom: 10px;
}

.biolist {
padding-left: 10px;
  list-style: square;
}

ol li {
  margin-bottom: 4px; margin-left: 10px;
}

ul li {
  margin-bottom: 4px; margin-left: 15px;
}


#controls {
  width: 100%;
}

.formlabel {
  float: left; width: 100px; padding-right: 2px; text-align: right; vertical-align: bottom;
}

.smslabel {
  float: left; width: 200px; padding-right: 10px; text-align: right; vertical-align: bottom; font-weight: bold;
  
}

.checklist {
margin: 10px 10px 10px 100px;
}

input,textarea,select {
  color: #336; border: 1px solid  #5555bb; margin: 1px;
  background-color: #88a;
}

input.editcheckbox {
  margin-left: 10px; background-color: transparent; border: none;
}

#specselectdiv {
  float: right;
}

.edittable {
  width: 99%;
}

.edittable td, .loctable td {
  border: #88a 1px solid; text-align: center;
}

.loctable, #casetable {
    width: 100%;
}

#casetable td {
    border: #88a 1px solid;
}

#casetable td.casename {
    background: #aaa; border: none;
    font-size: larger; font-weight: bold;
    padding: 10px;
}

#smslog {
width: 100%;
}

#smslog td {
 border: #88a 1px solid;
}


div.alert {
  border: #212122 1px dashed;
  color: #212122; margin-bottom: 10px;
  background-repeat: no-repeat; background-image: url(../img/info.gif);
  background-position: left top; padding: 2px 2px 2px 30px;

}

div.sbox {
  overflow: auto;  height: 200px;;
}

#shout {
  display: block; margin: 10px 3px;
  color: #ddf; line-height: 20px; font-family: serif; text-align: center;
  filter:alpha(opacity=40); opacity: 0.4; background-color: #334;
  padding: 3px; width: 190px; border: 2px solid #aab; font-size: 18px;
}

/*-------------------------------------------------------IMAGES & BARLIST-----*/

#barlist {
text-align: center; font-size: 14px;
margin: 0px 0px 0px 7%;

}

.loose0 {
  float: left; bo rder: #5555bb 1px solid; text-align: center;
  width: 110px; height: 75px; margin: 15px 0px; padding: 5px;
}

.loose1 {
  float:left; bo rder: #5555bb 1px solid;  text-align: center;
  width: 110px; height: 75px; margin: 15px 0px; padding: 5px;
}

.loose0 a img, .loose1 a img {
  width: 65px; margin-right: 0px; border: none;
}

img {
	border: none;
}

.barphoto {                     /* stops barrister's photo being too large in many contexts */ 
  width: 85px;
}

img.centred {
display: block;
margin-left: auto;
margin-right: auto;
}

#casecounsel {
  float: right; padding: 5px; margin:5px; width: 120px;
  background: #113377; text-align: center;
}

#pupilposter {

width: 550px;
border: 2px solid #000;
background-color: #fff;
text-align: center;
margin: 10px auto;
}