/*
CSS for Broughtonhall.com written by James Regan

/*-------------Body Section-------------*/

body 
{
background-image: url(img/bg.gif);
}

/*-------------Text-------------*/


.content 
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333;
text-decoration: none;
font-weight: normal;
}

.breadcrumb 
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 71%;
color: #333333;
text-decoration: none;
font-weight: normal;
}

.contentb 
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #5C5C5C;
text-decoration: none;
font-weight: normal;
}

.text1 
{
font-family: Verdana, Arial, Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #000000;
text-decoration: none;
font-weight: normal;
}

.text2 
{
font-family: Verdana, Arial, Geneva, Arial, Helvetica, sans-serif; 
font-size: 8pt;
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

.linkb1 
{ 
font-family: Arial; 
font-size: 9pt; 
color: #386E92; 
text-decoration: none; 
font-weight: none;
}

.textbig 
{
font-family: Verdana, Arial, Geneva, Arial, Helvetica, sans-serif; 
font-size: 12pt;
color: #1E334C;
text-decoration: none;
font-weight: bold;
}

.textz
{
font-size: 9pt;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.textsp
{
font-size: 8.6pt;
color: #FFFFFF;
font-family: Arial;
}

.textspbold
{
font-size: 8.6pt;
color: #FFFFFF;
font-family: Arial;
font-weight: bold;
}

.menusb
{
font-family: Arial; 
font-size: 8.4pt; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: none;
}

/*-------------Links-------------*/

.contentlink 
{ 
font-family: Arial; 
font-size: 9pt; 
color: #386e92; 
text-decoration: none; 
font-weight: bold;
}

.contentlink:hover 
{ 
font-family: Arial; 
font-size: 9pt; 
color: #205171; 
font-weight: bold;
text-decoration: underline;
}

.link1 
{ 
font-family: Verdana, Arial, Geneva, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #1E334C; 
text-decoration: none; 
font-weight: bold;
}

.link1:hover 
{ 
font-family: Verdana, Arial, Geneva, Arial, Helvetica, sans-serif; 
font-size: 9pt; 
color: #344C68; 
text-decoration: underline;
}

.link2 
{ 
font-family: Arial; 
font-size: 8.4pt; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: none;
}

.link2:hover 
{ 
font-family: Arial; 
font-size: 8.4pt; 
color: #FFFFFF; 
text-decoration: underline;
}

.link3 
{ 
font-family: Arial; 
font-size: 9pt; 
color: #D9E1E8; 
text-decoration: none; 
font-weight: none;
}

.link3:hover 
{ 
font-family: Arial; 
font-size: 9pt; 
color: #D9E1E8; 
text-decoration: underline;
}

.breadcrumblink 
{ 
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 71%;
color: #028bad; 
text-decoration: none; 
font-weight: normal;
}

.breadcrumblink:hover
{ 
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 71%;
color: #028bad; 
text-decoration: underline;
font-weight: normal;
}

/*-------------Tables-------------*/

.texttable
{
font-family: Verdana, Arial,Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: black;
text-decoration: none;
font-weight: normal;
}

.indexcontent
{
  background: #FFFFFF;
  border-left: 1px solid #104672;
  border-right: 1px solid #104672;
}

a.menulinksb:link, a.menulinksb:visited, a.menulinksb:active 
{ 
display: block;
padding: 2px 2px 2px 2px;
font-family: Arial; 
font-size: 8.4pt; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: none;
} 

a.menulinksb:hover 
{ 
background: #5E9FD4;
font-family: Arial; 
font-size: 8.4pt; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: none;
} 


/*---------------Ajax-------------*/

#leftcolumn{
float:left;
width:185px;
height: 400px;
border: 0px solid black;
padding: 4px;
padding-left: 0px;
background-image: url(img/leftpanel.gif);
}

#leftcolumn a{
padding: 3px 1px;
display: block;
width: 100%;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #5E9FD4;
}

#leftcolumn a:hover{
background-color: #5E9FD4;
}

#rightcolumn{
float:left;
width:570px;
min-height: 300px;
border: 0px solid black;
margin-left: 0px;
padding: 1px;
padding-bottom: 8px;
}

* html #rightcolumn{ /*IE only style*/
height: 400px;
}

/*---------------Ajax Slider-------------*/

#featured{ 
	width:420px; 
	padding-right:171px; 
	position:relative; 
	border-left: 1px solid #FFFFFF;
	height:198px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:422px; 
	list-style:none; 
	padding:0; margin:0; 
	width:170px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 2px; 
	padding:2px; 
	border:1px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:9px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:48px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('/img/ajaxsarrow.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:url('/img/ajaxs1.gif') top left repeat; 
	color:#FFFFFF;
}
#featured .ui-tabs-panel{ 
	width:422px; height:198px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:149px; left:0; 
	height:48px; 
	width: 422px;
	background: url('/img/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:16px; font-family:Georgia, serif; 
	color:#fff; padding:3px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 3px; 
	font-family:Verdana; font-size:11px;
	text-decoration:none; 
	line-height:10px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}