body {
background-color:#FFFFFF;
margin:0px;
padding:0px;
}
#PageFrame {
width:954px;
margin:0px auto;
padding:0px;
border:#333333 solid 1px;
}
#headerPane {
height:70px;
width:954px;
margin:0px;
padding:0px;
background-image:url(logoSutcliffe.jpg);
background-repeat:no-repeat;
background-position:left;
}
#navigationTop {
float:left;
width:295px;
margin-top:10px;
}
#navigationTop ul {
list-style:none;
margin:0px;
padding:0px;
}
#navigationTop li{
list-style:none;
float:left;
padding:0px 10px;
}
#logoSutcliffe {
float:left;
padding-top:3px;
width:387px;
}
#headerGroup {
float:right;
width:560px;
}
.leftBorder {
border-left:#000000 solid 1px;
}
.rightborder {
border-right:#000000 solid 1px;
}
#navigationTop a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
font-weight:bold;
}
#navigationTop a:hover {
color:#0c86c0;
text-decoration:underline;
}
#phoneAndEmail {
width:250px;
float:right;
}
#phoneAndEmail ul{
list-style:none;
padding:0px;
margin:0px;
}
#phoneAndEmail li {
list-style:none;
float:left;
margin:10px 0px 0px 0px;
width:220px;
}
#phoneAndEmail a {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
#phoneAndEmail a:hover {
text-decoration:underline;
color:#0c86c0;
}
.emailIcon {
font-size:0.8em;
padding-left:25px;
background-image:url(emailIcon.jpg);
background-repeat:no-repeat;
background-position:left;
}
.phoneIcon {
font-size:1.1em;
font-weight:bold;
padding-left:28px;
background-image:url(phoneIcon.jpg);
background-repeat:no-repeat;
background-position:left;
}
#navigationPane {
width:954px;
margin:0px;
padding:0px;
}



/* navigation */
#navHContainer {
width:254px;
height:206px;
float:left;
background-color:#1d9ad6;
margin:0px;
padding:0px;
}

#nav ul {
    list-style:none;
    float:left;
    width:254px;
	height:206px;
	margin:0px;
	padding:0px;
	border-bottom:#666666 solid 1px;
}
#nav li {
position:relative;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
float:left;
text-align:left;
width:244px;
height:30px;
list-style: none;
padding:10px 0px 0px 10px;
margin:0px;
border-top:#666666 solid 1px;
}
#nav li:hover {
background-color:#5cc2f3;
color:#000000 !important;

}
#nav a {
color:#ffffff !important;
text-decoration:none;
text-transform:uppercase;	
margin:0px;
text-align:left;
font-weight:bold;
padding:3px 0px;
  	display:block;
	width: 240px;
	w\idth : 240px;
}
#nav a:hover {
color:#ffffff !important;
}

#nav li ul { /* second-level lists */
position:fixed;
_position:absolute;
	z-index:10;
	top:0px;
	left: -999em;
	height:205px;
	_height:auto;
	width:570px;
	padding:0px;
	background-color:#1d9ad6;
	float:left;
	margin:71px 0px 0px 244px;
    _margin:0px 0px 0px 244px;
	
}
#nav li  li {
width:190px;
height:18px;
margin:0px;
font-size:0.7em;
padding:0px;
margin:0px;
background-color:#1d9ad6;
border-top:none;
border-bottom:#666666 solid 1px;
}
#nav li ul ul { /* third-and-above-level lists */
	position:absolute;
	left: -999em;
  	margin:18px 0px 0px 0px;
	padding:0px;
	width:190px;
	height:auto;
	padding:0px;
	z-index:20;
}
#nav li ul ul li {
background-color:#5cc2f3;
color:#000000 !important;
padding:0px;
margin:0px;
}
#nav li ul ul li a{
color:#000000 !important;
*font-size:1.4em;
}
#nav li li a {
width:180px;
text-transform:none;
margin-left:10px;
color:#ffffff !important;
}
#nav li li a:hover {
width:190px;
}
#nav li li:hover {
}


#nav li ul:hover {
}
#nav .SelectedTab {
background-color:#028ccf;

}
#nav .SelectedTab a{
}
#nav .DisabledTab {

}
/*no need to change these hover classes unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul{
  left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.iehover ul, 
#nav li li.iehover ul, 
#nav li li li.iehover ul {
	left: auto;
}
/* end of navigation */
#flashPane {
width:700px;
height:206px;
float:right;
background-color:#666666;
padding-top:1px;
margin:0px;
}
#bredcrumbSutcliffe {
clear:both;
width:920px;
margin:0px;
padding:2px 10px 0px 10px;
font-size:0.8em;
}
#bredcrumbSutcliffe a{
font-weight:normal;
text-decoration:none !important;
}
#bredcrumbSutcliffe a:hover {
text-decoration:none !important;
}
#twoPane {
width:954px;
clear:both;
margin:0px;
padding:0px;
}
.contentpane {
width:675px;
float:left;
padding:10px 0px 10px 10px;
}
.rightPane {
float:right;
width:240px;
padding:3px 10px 10px 0px;
}
#threePane {
width:954px;
clear:both;
margin:0px;
padding:0px;
}
.bottomLeftPane {
float:left;
width:190px;
padding:10px 0px 10px 10px;
}
#bottomTwoPane {
float:right;
width:745px;
margin:0px;
padding:0px;
}
.bottomContentPane {
float:left;
width:535px;
padding:10px 0px 10px 0px;
}
.bottomRightPane {
float:right;
width:190px;
padding:10px 10px 10px 0px;
}
#footerGroup {
height:95px;
width:954px;
clear:both;
margin:0px 0px 5px 0px;
padding:0px;
}
#footerSutcliffe {
width:750px;
float:left;
padding:40px 0px 5px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
margin:0px;
}
#membersPane {
float:right;
background-image:url(membersLogo.jpg);
background-repeat:no-repeat;
width:169px;
height:71px;
padding:0px;
}






/* div to fram the page frame when no content */
#bottomFrameBorder {
width:954px;
clear:both;
margin:0px;
padding:0px;
}
/* text style etc */
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#000000;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
text-transform:none;
text-decoration:none;
color:#000000;
}
h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight:bold;
color:#000000;
}
h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:italic;
	color:#000000;
	font-weight:bold;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight:bold;
	color:#000000;
}

.Normal {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
}
.NormalBold {
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
font-weight:bold;
}
a {
text-decoration:underline !important;
}
a:hover {
text-decoration:none !important;
}
p {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

a:visited {

}
a:active {

}
.contentpane li {
list-style:none;
background-image:url(blueArrow.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
}