/* basic elements */
body {
 font-family: arial;
 background: #fff;
 margin: 0px; 
 padding:20;
}

#bannertop {
 background-image: url(JulianTaylorSolicitors718x104.png);
 background-repeat: no-repeat;
 height:104px;
 margin-bottom: 5px;
}

#bannerbottom {
 background-image: url(banner718x106.jpg);
 background-repeat: no-repeat;
 height:106px;
 margin-bottom: 8px;
}

#footer {
 height:21px;
 margin-top: 10px;
 width:718px;
 margin-right:auto;
 margin-left:auto;
 margin-top:10px;
 border-top: 1px solid #EEE;
 font-family: arial;
 font-size: 9px;
 padding-top: 3px;
}

div #date {
 position: relative;
 left: 585px;
 top: 10px;
 font-family: arial;
 font-size: 14px;
 color: #FFF;
}

#links {
 position: relative;
 left: 612px;
 top: 60px;
 font-weight: 500;
 font-family: arial;
 font-size: 14px;
 color: #FFF;
}

#links a:link, #links a:visited, 
#links a:hover, #links a:active {
 font-family: arial;
 font-size: 14px;
 color: #FFF;
 font-weight: 200;
 text-decoration: underline;
}

#frame {
 width:718px;
 background-color: #FFF;
 margin-right:auto;
 margin-left:auto;
 margin-top:10px;
 padding:0px;
 text-align:left;
}
		
#navigation {
  width:160px;
  padding:0px;
  margin-top: 6px;
  float:left;
}
	
#content {
  width:370px;
  margin-top: 6px;
  padding-left:10px;
  padding-right:10px;
  float:left;
}

div.news {
  padding-left:10px;
  padding-right:10px;
  padding-bottom: 10px;
  border-bottom: 5px solid #E2EBF3;
  margin-bottom: 10px;
  margin-top: 6px;
}

#noSidebarContent {
  margin-top: 6px;
  width:530px;
  padding-left:10px;
  padding-right:10px;
  float:left;
}

#noSidebarContent2 {
  width:547px;
  margin-left:9px;
  float:left;
}

#legislationHeader {
 background-image: url(lmHeader549x134.png);
 background-repeat: no-repeat;
 height:134px;
 width: 547px;
}

#recentHeader {
 background-image: url(recent549x134.png);
 background-repeat: no-repeat;
 height:134px;
 width: 547px;
}

#forthcomingHeader {
 background-image: url(forthcoming549x134.png);
 background-repeat: no-repeat;
 height:134px;
 width: 547px;
}

table.legislationTable {
  margin-top: 0px;
  margin-left: 4px;
  margin-right: 0px;
  border:0px;
}

td.spacer {
padding:0px;
margin:0px;
}

td.areaColumn, td.dateColumn, 
td.legislationColumn, td.informationColumn {
  font-size: 11px;
  padding:3px;
  background-color: #E2EBF3;
}

a.legislationTable:link, a.legislationTable:visited, 
a.legislationTable:hover, a.legislationTable:active {
  font: arial;
  font-size: 11px;
  color: #4F83B7;
  text-decoration: underline;
}

#newsStoryContent {
  font: arial;
  font-size: 12px;
}

#newsStoryContent a:link, #newsStoryContent a:visited, 
#newsStoryContent a:hover, #newsStoryContent a:active {
  font: arial;
  font-size: 12px;
  color: blue;
}
	
#news {
  width:160px;
  padding:0px;
  float:left;
}

table.news {
	margin: 0px 0 20px 0;
}
table.news th, table.news td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
  font-size: 12px;
}
table.news thead tr {
  background-color: #4F83B7;
  color: #FFF;
}
table.news th a, table.news th a:visited {
  color: black;
}
table.news th a:hover {
  text-decoration: underline;
  color: black;
}

table.news tr.odd {
  background-color: #FFFFFF;
}
table.news tr.even {
  background-color: #E2EBF3;
}


h2 {
  font-family: "Arial Narrow";
  font-size: 23px;
  font-weight: 500;
}


h3, h3.green, h3.red, h3.yellow {
  font-family: "Arial Narrow";
  font-size: 23px;
  font-weight: 200;
  margin-top:0px;
  margin-bottom: 10px;
}

h3.green {
  color: #009900;
}
h3.red {
  color: #970000;
}
h3.yellow {
  color: #996600;
}
h3.blue {
  color: #42668A;
}
h3.white {
  color: #FFF;
}

h4, h4.yellow {
  font-family: "Arial Narrow";
  font-size: 15px;
  font-weight: 600;
  margin-top:0px;
  margin-bottom: 2px;
}

h4.yellow {
  color: #996600;
}


p, li {
    font: arial;
    font-size: 12px;
    margin-top: 0px;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: underline;
    color: blue
}

span.menuItem, span.menuItemBlue, span.menuItemGreen {
  width: 152px;
  display: block;
  margin-top: 2px;
  height: 21px;
  padding-left: 8px;
  padding-top: 2px;
}

span.menuItem {
 background-color: #E2EBF3;
}

span.menuItemBlue {
  background-color: #4F83B7;
}

span.menuItemGreen {
  background-color: #DCFCDC;
}

span.menuItem a:link, span.menuItem a:visited,
span.menuItemBlue a:link, span.menuItemBlue a:visited,
span.menuItemGreen a:link, span.menuItemGreen a:visited {
  font-family: 'Arial Narrow';
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #555;
}

span.menuItemBlue a:link, span.menuItemBlue a:visited {
  color: #FFF;
}

span.menuItem a:hover, span.menuItem a:hover,
span.menuItemBlue a:hover, span.menuItemBlue a:hover,
span.menuItemGreen a:hover, span.menuItemGreen a:hover {
  text-decoration: none;
  color: #CCC;
}

#quiz {
  height: 200px;
  width: 150px;
  background-image: url(ad160x158.png);
  background-repeat: no-repeat;
  background-color:#C2D3E4;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
}

#quizLink {
  position: relative;
  font-family: arial;
  font-size: 12px;
  color: #000;
  top: 160px;
}

#disclaimer {
  font: arial;
  font-size: 10px;
  color: #4F83B7;
  margin-top: 20px;
  padding: 7px;
  border: 1px solid #C2D3E4;
}

div.questionCorrect, div.questionIncorrect, div.questionNotAnswered {
  width: 490px;
  margin: 20px;
  border: 1px solid #666;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:15px;
  background-repeat: no-repeat;
}

div.questionCorrect {
  padding-top:32px;
  background-image: url(correct510x27.png);
  border: 1px solid #009900;
}

div.questionIncorrect {
  padding-top:32px;
  background-image: url(incorrect510x27.png);
}

p.questionTitle {
  font-weight:900;
  font-size:14px;
}

span.questionOption {
  font: arial;
  font-size: 12px;
}

p.questionComment {
  margin-top:15px;
  font-size: 13px;
  color: #333;
}

p.rightAnswer {
  margin-top:15px;
  font-size: 14px;
  color:#990000;
}

div.services {
 height: 215px;
 width: 364px;
 background-image: url(servicesBack364x215.jpg);
 background-repeat: no-repeat;
}

div.serviceTitle {
  position: relative;
  left: 5px;
}

div.serviceContent {
  width: 210px;
  padding-left: 10px;
}

div.serviceContent p {
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: 10px;
}

span.serviceLinkSpan {
  margin-left: 85px;
}

a.serviceLink:link, a.serviceLink:visited, 
a.serviceLink:hover, a.serviceLink:active {
    font-size: 12px;
		font-weight: bold;
    text-decoration: underline;
    color: #090;
}

/*  News Summaries */
div.newsSummary {
 border-top: 1px solid #DDD;
 margin-bottom: 5px;
 padding-left: 4px;
 padding-right: 4px;
}

div.newsSummary span.title, span.date {
  font-family: 'Arial Narrow';
  font-size: 13px;
  width: 160px;
  display: block;
}

div.newsSummary span.title {
  padding-top: 4px;
  font-weight: 600;
  color: #41668B;
}

div.newsSummary span.date {
  padding-bottom: 4px;
  font-weight: 200;
  color: #999;
}

div.newsSummary p.summary {
  font-family: "Arial";
  font-size: 11px;
  margin-bottom: 4px;
}

div.question {
  height: 83px;
  width: 485px;
  background-image: url(question485x83.png);
  background-repeat: no-repeat;
  margin-left:10px;
  margin-bottom: 15px;
}

div.qText, div.qOption {
  font-family: "Arial";
  font-size: 12px;
  color: #006600;
  padding: 10px;
}

div.qText {
  width: 310px;
  float: left;
}

div.qOption {
  margin-left: 330px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 125px;
  font-size: 11px;
}

div.briefing {
  height: 143px;
  width: 481px;
  background-image: url(briefing481x143.jpg);
  background-repeat: no-repeat;
  margin-left: 30px;
  margin-bottom: 10px;
}

div.briefingContent {
  position: relative;
  left: 65px;
  top: 18px;  
}

h4.briefingTitle {
  color: #900;
  font-size: 12px;
  margin: 0px;
  width: 400px;
  height: 28px;
}

div.briefing p {
  width: 400px;
  color: #900;
  font-size:12px;
  margin: 0px;
}

span.briefDate {
  color: #333;
  font-size:12px;
}

span.briefingDownload {
  position: relative;
  left: 360px;
  top: 35px;
  font-size:12px;
}

p.thisWeeksQuestion {
  margin-bottom: 0px;
}

div.thisWeeksQuestion {
  font: italic bold 12px arial;
  margin: 10px;
  width:  330px;
  color: #996600;
}

div.QAQuestion {
  font: italic bold 12px arial;
  padding:10px;
  color: #996600;
}

div.QAAnswer {
  font: 12px arial;
  padding:10px;
  color: #000;
}

div.QAAnswer ul {
  font: 12px arial;
  margin-left: 15px;
}

div.QAAnswer li {
  list-style-type: disc;
}

span.readAnswer {
  display:block;
  width: 350px;
  text-align:right;
}

table.admin {
	border: 1px solid #666;
	margin: 0px 0 20px 0;
}
table.admin th, table.admin td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
  font-size: 12px;
}
table.admin thead tr {
  background-color: #fc0;
}
table.admin th a, table.admin th a:visited {
  color: black;
}
table.admin th a:hover {
  text-decoration: underline;
  color: black;
}

table.admin tr.odd {
  background-color: #fff
}
table.admin tr.even {
  background-color: #fea
}

span.pagebanner, span.pagelinks {
 font: Arial;
 font-size: 12px;
 display: block;
 color: #000;
 background-color: fc0;
 padding: 2px;
 margin:2px;
}

span.pagebanner  {
 margin-top:20px;
 font-weight: 600;
}


table.services {
  border: 0px;
}

table.services thead tr {
  background-color: #E2EBF3;
}

table.services th, table.service td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
  font-size: 11px;
}

table.services li {
    list-style-type: disc;
    margin-top: 5px;
}

table.services ul {
    margin-left: 15px;
}

table.login {
  border: 0px;
}

table.usefulLinks {
  border: 0px;
  
}

table.usefulLinks td {
  background-color: #E2EBF3;
  padding: 5px;
  font-size:12px;
}

table.policies {
padding:0px;
border:0px;
}

div.policy {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 8px;
}

div.policyContent {
  width:258px;
  height:145px;
  border: 1px solid #4F83B7;
}

div.managerPic {
  float: right;
  width:103px;
  height: 145px;
  background-repeat: no-repeat;
  background-image: url(managerPic103x145.jpg);
}

div.auditPolicy, div.policyPolicy,
div.maintainencePolicy, div.managersPolicy {
  width: 260px;
  height: 26px;
  background-repeat: no-repeat;
}

div.auditPolicy {
  background-image: url(audit260x26.jpg);
}

div.policyPolicy {
  background-image: url(policy260x26.jpg);
}

div.maintainencePolicy {
  background-image: url(maintainence260x26.jpg);
}

div.managersPolicy {
  background-image: url(managers260x26.jpg);
}

div.flow1 {
  padding: 15px;
}

div.flow1 li {
margin-top:5px;
}

div.flow2 {
  float:left;
  padding: 10px;
  width: 135px;
}

#adminHeader {
 width: 100%;
 background-color: #EEE;
 border-bottom: 1px solid #CCC;
 padding: 5px;
}

#adminMenu {
  width: 160px;
  padding-top: 20px;
  padding-right: 10px;
  height: 400px;
  border-right: 1px dashed #999;
  float: left;
}

#adminContent {
  padding: 5px;
  text-align: left;
  margin-left: 170px;
}