html
{
	overflow:scroll;
}

body
{
margin: 0;
padding: 0;
font-size:1em;
font-family: verdana,arial,helevatica,sans-serif;
color: #2e3328;
background-color: #fff;
font-weight:normal;
}


#header
{
min-width:780px;
width:100%;
height:97px;
color: #fff;
background:url("../images/top-background.gif") repeat-x left top #737373;
border-bottom:1px solid white;
}

#header-left
{
float:left;
width:313px;
height:97px;
background:url("../images/top-logo.gif") no-repeat top left;
}

#header-right
{
float:right;
width:467px;
height:97px;
background:url("../images/top-right.jpg") no-repeat top right;
}







div#container
{
min-width:780px;
background:url("../images/left-background.gif") repeat-y left top;
}

div#container2
{
min-width:780px;
background:url("../images/main-background.jpg") no-repeat right bottom; 
}

div#container3
{
min-width:780px;
background:url("../images/right-background.gif") repeat-y right top; 
}









div#navigation
{
float: left;
width: 172px;
padding:0px;
margin:0px;
background:#a0b089;
border-right:1px solid white;
}

div#navigation div#navlogos
{
float: left;
width: 172px;
padding:0px;
margin:0px;
text-align:center;
}


div#navigation div#navlogos img
{
	border:0px;
	padding:0;
	margin:0 auto 20px auto;
}


div#more
{
float: right;
width: 98px;
margin:0;
padding:0;
}









#content
{
margin-left: 173px;
margin-right: 98px;
padding:0 20px;
}

#content p
{
font-size:0.8em;
margin:0 0 10px 0;
text-align:justify;
padding:0px;
}

#content a:link,
#content a:visited
{
	text-decoration:none;
	color:#3e482f;
	font-weight:bold;
}

#content a:hover,
#content a:active
{
	color:black;
}

#cleardiv
{
clear: both;
height: 1em;
}

#content-top
{
text-align:right;
position:relative;
float:left;
width:100%;
height:60px;
background:url("../images/top-underline.gif") no-repeat right 44px;
padding:0 0 20px 0;
}

#content-top h1
{
font-size:1.3em;
font-weight:normal;
text-transform:uppercase;
font-family:"times new roman",serif;
letter-spacing:3px;
margin:20px 0 0 0;
padding:0;
}

#content ul
{
margin:15px ;
padding:0;
}

#content li
{
line-height:125%;
font-size:0.8em;
margin:0;
padding:0;
}

#content li a
{
text-decoration:none;
color:#3e482f;
font-weight:bold;
}

#content li a:hover
{
color:black;
font-weight:bold;
}











#footer
{
clear: both;
padding:0 0 20px 0;
margin:0;
border-top: 1px solid #a0b089;
text-align:center;
}

#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

#footer li
{
font-size:0.6em;
display: inline;
margin-left: 1em;
}

#footer li a:link,#footer li a:visited
{
color:#96a580;
text-decoration:none;
}

#footer li a:hover,#footer li a:active
{
color:#5c654f;
}


#footer p
{
color:#96a580;
font-size:0.6em;
}

#footer a:link,#footer a:visited
{
color:#96a580;
text-decoration:none;
}

#footer a:hover,#footer a:active
{
color:#5c654f;
}



/* VERTICAL MENU */






/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */



/* Begin CSS Popout Menu */

#menu
{
position:relative;
top:0px;
left:0px;
z-index:2;
width:172px;
padding:0 0 10px 0;
}

#menu a
{
font-weight:normal;
letter-spacing:0.05em;
font-size:0.7em;
display:block;
white-space:nowrap;
margin:0;
text-align:right;
text-decoration:none;
}

#menu a.y,#menu a.y:link, #menu a.y:visited
{
padding:3px 10px 3px 0 ;
width:200px;
font-weight:normal;
color:white;
background:#af6c4e;
}

#menu a.y:hover
{
color:white;
background:#6e3528;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.5%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x
{
width:167px;
background:#a1604c;
}

#menu a.x,#menu a.x:link,#menu a.x:visited
{
padding:1px 5px 3px 0 ;
font-weight:normal;
color:white;
background:#a1604c;
}

#menu a.x:hover,#menu a.x:active
{
font-weight:normal;
color:white;
background:#744133;
}











/* COMMON COMMON COMMON COMMON COMMON COMMON COMMON COMMON COMMON COMMON COMMON COMMON COMMON */

img
{
border:0;
}





/* BARRISTERS BARRISTERS BARRISTERS BARRISTERS BARRISTERS BARRISTERS BARRISTERS BARRISTERS BARRISTERS */

#barristers-item
{
font-size:0.7em;
float:left;
position:relative;
width:100%;
padding:10px 0;
border-bottom:1px solid #cdd7bc;
}

#barristers-item-left
{
float:left;
width:30%;
/*padding:0 10px 0 0;*/
}

#barristers-item-right
{
float:right;
width:60%;
}

#barristers-item-center
{
float:left;
width:30%;
}

#barristers-item-right2
{
float:right;
width:30%;
}


#barristers-item a:link,#barristers-item a:visited
{
font-weight:bold;
color:#3e482f;
text-decoration:none;
}

#barristers-item a:hover,#barristers-item a:active
{
color:black;
}



/* VIEW BARRISTER VIEW BARRISTER VIEW BARRISTER VIEW BARRISTER VIEW BARRISTER VIEW BARRISTER */

#viewbarrister-row-holder
{
position:relative;
float:left;
width:100%;
padding:10px 0;
font-size:0.8em;
line-height:2em;
text-align:justify;
}

#viewbarrister-row-holder p
{
font-size:1em;
}

#viewbarrister-row-holder a:link,#viewbarrister-row-holder a:visited
{
color:#744133;
font-weight:bold;
text-decoration:none;
}

#viewbarrister-photo
{
position:relative;
float:left;
width:103px;
height:147px;
margin:0 10px 0 0;
}

#viewbarrister-namespace
{
float:left;
position:relative;
width:550px;
height:147px;
}

div.lecture-cat-item
{
position:relative;
float:left;
clear:both;
width:100%; 
margin:0 0 30px 0;
}

div.lecture-cat-name
{
	color:#293917;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #84956d;	
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

div.lecture-item-holder
{
position:relative;
float:left;
clear:both;
width:100%; 
border-bottom:1px solid #cdd7bc;
padding:0 0 10px 0;
margin:0 0 10px 0;
}

div.lecture-title
{
float:left;
position:relative;
width:100%;
line-height:1.5em;
margin:0 0 5px 0;
}

div.lecture-date
{
float:left;
position:relative;
width:100%;
font-size:11px;
}


div.lecture-desc
{
float:left;
position:relative;
width:100%;
font-size:11px;
}





/* LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS LINKS */

#links-top 
{
	font-size:0.7em;
	float:left;
	position:relative;
	width:100%;
	line-height:130%;
	font-weight:bold;
	border-bottom:1px solid #cdd7bc;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

#links-top div.links-col01
{
float:left;
width:33.3%;
}

#links-top div.links-col02
{
width:33.3%;
float:left;
}

#links-top div.links-col03
{
width:33.3%;
float:left;
}



div.links-item
{
font-size:0.7em;
float:left;
position:relative;
width:100%;
padding:5px 0;
line-height:130%;
}

div.links-item div.links-col01
{
float:left;
width:33.3%;
}

div.links-item div.links-col02
{
width:33.3%;
float:left;
}

div.links-item div.links-col03
{
width:33.3%;
float:left;
}

div.links-item a
{
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin:0 20px 0 0;
}

div.links-item a:link,
div.links-item a:visited
{
	color:#3e482f;
}

div.links-item a:hover,
div.links-item a:active
{
	color:black;
}



/* NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS NEWS */

#news-item
{
font-size:0.7em;
float:left;
position:relative;
width:100%;
padding:5px 0;
}

#news-item-left
{
float:left;
width:12%;
padding:0 10px 0 0;
}

#news-item-right
{
float:right;
width:85%;
}

#news-item a:link,#news-item a:visited
{
font-weight:bold;
color:#3e482f;
text-decoration:none;
}

#news-item a:hover,#news-item a:active
{
color:black;
}

/* CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS CLERKS */

div#supportstaff
{
	float:left;
	position:relative;
	width:100%;
	margin:20px 0 20px 0;
}

div#supportstaff div.ln
{
	float:left;
	position:relative;
	width:100%;
	border-bottom:1px solid #cdd7bc;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	font-size:11px;
	line-height:1.6em;
}

div#supportstaff div.lntop
{
	float:left;
	position:relative;
	width:100%;
	border-bottom:1px solid #cdd7bc;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	font-size:11px;
	line-height:1.6em;
}

div#supportstaff div.lntop div.name
{
	float:left;
	font-size:12px;
	font-weight:bold;
}

div#supportstaff div.lntop div.tel
{
	float:right;
	font-size:12px;
	font-weight:bold;	
}


div#supportstaff div.ln .name
{
	font-size:12px;
	font-weight:bold;
}

div#supportstaff div.ln div.tel
{
	text-align:right;
	float:right;
	margin:10px 0 0 0;
}

div#supportstaff div.ln div.tel .tel
{
	font-weight:bold;
	color:#744133;
}

div#supportstaff div.ln div.tel a:link,
div#supportstaff div.ln div.tel a:visited
{
	text-decoration:none;
	font-weight:bold;
	color:#3e482f;
}

div#supportstaff div.ln div.tel a:active,
div#supportstaff div.ln div.tel a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:black;
}



div#supportstaff div.ln img.supportimg
{
	float:left;
	width:70px;
	height:100px;
	margin:0 10px 0 0;
}

table#clerkstable td
{
font-size:11px;
vertical-align:top;
padding:10px 0;
border-bottom:1px solid gray;
}

table#clerkstable td.c1
{
width:35%;
}

table#clerkstable td.c2
{
width:35%;
}

table#clerkstable td.c3
{
width:30%;
}




/* CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT CONTACT */

#content input.txt
{
color:#000;
background:#e5eed9;
border:1px solid #adc091;
width:340px;
} 

#content textarea
{
color:#000;
background:#e5eed9;
border:1px solid #adc091;
width:340px;
height:200px;
} 


#content input.btn
{
color:#4b5341;
background:#e5eed9;
border:1px solid #adc091;
}

#content p label
{
float:left;
width:80px;
color:#4b5341;
background:#fff;
}  








div.viewprintable
{
font-size:10px;
}

div.viewprintable a:link,
div.viewprintable a:visited
{
color:#a0b089;
text-decoration:none;
}

div.viewprintable a:link,
div.viewprintable a:visited
{
color:#788662;
text-decoration:none;
}







/* INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX INDEX  */

div#index_hold
{
	float:left;
	position:relative;
	width:100%;
}

div#index_hold div#index_extra
{

}

div#index_hold div#index_wrapper
{
	float:left;
	width:100%;
}

div#index_hold div#index_content
{
	margin-right:230px;
}

div#index_hold div#index_content p
{
	margin:0 0 20px 0;
}

div#index_hold div#index_content div#intro
{
	borde/r-b/ottom:1px solid #cdd7bc;
	padding:0;
	margin:0 0 20px 0;
	color:#1b1b1b;
}

div#index_hold div#index_content p.panel
{
	font-family:"times new roman",sans-serif;
	font-size:18px;
	margin:0 0 20px 0;
}

div#index_hold div#index_content p
{
	font-family:"times new roman",sans-serif;
	line-height:20px;
	font-size:15px;
	margin:0 0 20px 0;
	clear:both;
}




div#index_hold div#index_content a:link,
div#index_hold div#index_content a:visited
{
	text-decoration:none;
	font-weight:bold;
	color:#3e482f;
}

div#index_hold div#index_content a:active,
div#index_hold div#index_content a:hover
{
	text-decoration:none;
	font-weight:bold;
	color:black;
}




div#index_hold div#index_content div#heading2
{
	border-bottom:1px solid #cdd7bc;
	margin:0 0 10px 0;
}

div#index_hold div#index_content div#heading2 p
{
	font-family:"times new roman",sans-serif;
	font-size:18px;
	color:black;
	margin: 0 0 10px 0;
}

div#index_hold div#index_content ul#areas
{
	float:left;
	position:relative;
	width:49.9%;
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

div#index_hold div#index_content ul#areas li
{
	font-family:"times new roman",sans-serif;
	font-size:14px;
	margin:0 0 5px 0;
	padding:0;
}

div#index_hold div#index_content ul#areas li ul
{
	list-style:square;
	margin:10px 0 0 25px;
	padding:0;
}

div#index_hold div#index_content ul#areas li ul li
{
	font-size:12px;
	margin:0 0 5px 0;
	padding:0;
}


div#index_hold div#index_right
{
	float:left;
	width:200px;
	margin-left:-200px;
	font-size:12px;
	padding:0;
	color:black;
	line-height:1.3em;
}

div#index_hold div#index_extra
{
	font-size:12px;
	clear:left;
	width:100%
}


div#index_hold div#index_content ul.aims
{
	float:left;
	position:relative;
	list-style:square;
	margin:0 0 25px 0;
	padding:0;
}

div#index_hold div#index_content ul.aims li
{
	font-family:"times new roman",sans-serif;
	font-size:14px;
	margin:0 0 5px 25px;
	padding:0;
}

