<!--
{
padding: 0;
margin: 0;
border: 0;
}
body, html
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10pt;
color: #000000;
height: 100%;
min-width:920px;
background-color:#c5c5c5;  /*** This is the left column background "faked" with an image. You can also position the image using left top repeat-y also. The background color #fff (white) will be the background color for our content ***/
}

p, OL, UL
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 9pt;
line-height: 1.4;
color: #000000;
}

.Small
{
font-family: arial, helvetica, sans-serif; 
font-size: 8pt;
}
.fltL {
	float: left;
	margin: 0 10px 10px 0;
}
.fltR {
	float: right;
	margin: 0 0 10px 10px;
}
a img {
	border: 0;
}

H1	{
font-size: 10pt;
line-height: 1.2;
font-weight: bold;
color: #630B37;
}

H2	{
font-size: 13pt;
line-height: 1.2;
font-weight: bold;
color: #6097ba;
}
H3	{
font-size: 12pt;
line-height: 1;
font-weight: bold;
color: #333333;
margin: 20px 0  0;
padding: 0;
}

H4	{
font-size: 11pt;
line-height: 1;
font-weight: bold;
color: #6097ba;
margin: 10px 0 5px 0;
padding: 0;
}

ul {
list-style-image: url(images/bullet-ul.gif)
}

.BoldPurple
{
font-weight: bold;
color: #630B37;
}

.WhiteBold
{
font-weight: bold;
color: #FFF;
}

.Bold
{
font-weight: bold;
}

.ChartHeadersGrey
{
font-weight: bold;
color: #FFF;
background-color: #666666;
padding:4px;
margin-top:10px;
margin-bottom:2px;
text-align:center;
}

.Sidebar
{
text-decoration: none;
font-family: arial, helvetica, sans-serif; 
font-size: 9pt;
line-height:1.4;
padding-left:20px;
background: url(images/bg-sidebar.gif) no-repeat;
padding-bottom:10px;
}

.ChartHeaders
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 10pt;
line-height: 1.2;
font-weight: bold;
color: #FFF;
background-color: #8c135e;
padding: 4px;
}

.ChartOptions
{
font-weight: bold;
background-color: #999999;
padding:4px;
margin-bottom:10px;
margin-top:15px;
color:#FFF;
}

.ChartBg
{
font-size: 10pt;
font-weight: bold;
color: #666;
background-color: #eaeaea;
padding: 4px;
margin-bottom:10px;
}

.ChartHeadersWhite
{
font-size: 10pt;
line-height: 1.2;
font-weight: bold;
color: #FFFFFF;
}

.ChartHeadersSm
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 9pt;
line-height: 1.2;
font-weight: bold;
color: #000000;
}

.ChartHeadersSmWht
{
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 9pt;
line-height: 1.2;
font-weight: bold;
color: #ffffff;
}

.tdBorder {
border: 1px solid #c5c5c5;
padding:6px;
height: 325px;
clear: both;
}

.NavBar
{
color: #FFF;
background-color: #6097ba;
padding:4px;
margin-top:25px;
margin-bottom:5px;
}

.Buttons { 
font: 11px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold;
background-color: #7C2250; 
color: #FFFFFF; 
border: 1px;
height: 20px;
border-top-color:#FFF;
border-left-color:#FFF;
border-right-color:#000;
border-bottom-color:#000;
border:2px solid;
}

a.Buttons:link, 
a.Buttons:visited, 
a.Buttons:active
{
text-decoration: none; 
color: #FFFFFF;
padding: 2px;
}

a.Buttons:hover { 
font: 11px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-weight: bold;
background-color: #FFFFFF; 
color: #7C2250;
border: 1px;
height: 20px;
border-top-color:#FFF;
border-left-color:#FFF;
border-right-color:#000;
border-bottom-color:#000;
border:2px solid;
text-decoration: none; 
}

select { 
 font: 11px Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #eaeaea; 
 color: #102132; 
 border: 1px solid #630B37; 
}

/* Text Box with Different Border: */
.tb-border {
    border: 1px solid #630B37;
}

.searchArea {
float:right;
margin-top:25px;
margin-right:10px;
}

.logoArea {
float:left;
padding-left:20px;
}

.promos {
float:left;
padding-top:30px;
font-size: 8pt;
}

.related {

padding-left: 50px;
padding-top:12px;
background: url(images/bg-related.gif) no-repeat;
}

.relatedBtm {
height:19px;
background: url(images/bg-related-btm.gif) no-repeat;
}

.morenav {

padding-left: 40px;
padding-right: 20px;
padding-top:12px;
background: url(images/bg-morenav.gif) no-repeat;
font-size: 8pt;
}

.morenavBtm {
height:19px;
background: url(images/bg-morenav-btm.gif) no-repeat;
}

.morenav img {
padding-bottom:3px;
padding-top:3px;
padding-right:4px;
font-size: 8pt;
}

.footer {
padding:20px;
margin-bottom:20px;
clear:both;
}

.NavBar a:link, 
.NavBar a:visited, 
.NavBar a:active,
.NavBar
{
color: #FFF;
text-decoration: none;
}

a:link.notActive, 
a:visited.notActive, 
a:active.notActive,
.notActive
{
color: #999999;
}

a:link, 
a:visited, 
a:active	
{
text-decoration: underline; 
color: #630B37
}

.contentdivtier a:link, 
.contentdivtier a:visited, 
.contentdivtier a:active,
.sliderwrapper .contentdiv a:link, 
.sliderwrapper .contentdiv a:visited, 
.sliderwrapper .contentdiv a:active
{
text-decoration: none; 
color: #630B37
}
a:hover,
a:hover.home,
.NavBar a:hover
{
text-decoration: underline;
color: #000000
}
a:link.home, 
a:visited.home, 
a:active.home,
.home {
float:left;
	width: 95px;
	margin-top:3px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
	color:#8c135e;
	font-family: arial, helvetica, sans-serif; 
	font-size: 8pt;
	background: #e0bed3 url(images/bg-navitems.gif) no-repeat;
}
.sub {
float:left;
	width: 95px;
	margin-top:3px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
	color:#ffffff;
	font-family: arial, helvetica, sans-serif; 
	font-size: 8pt;
}

.contentdivtier .sub a, .contentdiv .sub a, .contentdivtier .sub a:visited, .contentdiv .sub a:visited, .contentdivtier .sub a:link, .contentdiv .sub a:link {
	color: #ffffff;
	font-weight: bold;
	background: url(images/whiteArrow.gif) no-repeat 0 4px;
	padding: 0 0 0 5px;
	
}
.contentdivtier .sub a:hover, .contentdiv .sub a:hover {
	text-decoration: underline;
	color: #ffffff;
}



.clear { clear: both; }

#mainContainer {
min-height: 100%;
background-color:#c5c5c5;
overflow: hidden;
}
* html #mainContainer {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {
background: #c5c5c5;
padding-top: 5px;
text-align:right;
padding-right:40px;
font-weight:bold;
font-size: 11px;
}
/**************************
CONTENT AND COLUMNS
**************************/

.outer {
padding-left: 52px; /*** Same width as margin-left for the float-wrap div ***/
padding-right: 52px; /*** Our right column width ***/
background: url(images/t-2-btm.gif) bottom right no-repeat #fff;
}


.inner {
width: 100%;
padding-bottom: 0px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -52px; /*** Same length as .outer padding-left but with negative value ***/
background: url(images/t-1-btm.gif) bottom left no-repeat;
}

#content {
float: right;
margin-right: -52px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
border-top: 10px solid #c5c5c5; /*** We have used border top here to push the content down, but other solutions can also be used ***/
position: relative; /*** IE needs this  ***/
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 42px;
height:250px;
border-left: 10px solid #c5c5c5;
border-top: 10px solid #c5c5c5; /*** We have used border top here to push the left column content down, but other solutions can also be used ***/
position: relative; /*** IE needs this  ***/
background: url(images/t-1-new.gif);
}

#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}

#leftBtm {
float: left;
width: 42px;
height:141px;
position: relative; /*** IE needs this  ***/
background: url(images/t-1-btm.gif);
}

/*************************
RIGHT COLUMN
**************************/


#right {
float: right;
width: 42px;
height:250px;
border-right: 10px solid #c5c5c5;
border-top: 10px solid #c5c5c5; /*** We have used border top here to push the left column content down, but other solutions can also be used ***/
position: relative; /*** IE needs this  ***/
background: url(images/t-2-new.gif);
margin-right: -52px; /** This negative margin-right value is in this example the same as the right column width. ***/
}

/****drop down menu****/
/*

.theNav {
background: url(images/bg-nav.gif) 100% 0 repeat-x;
border: 1px solid #939393;
height:24px;
padding-left:20px;
}

#nav li:hover, #nav li.hover {  
	position: static;  
}  

#nav, #nav ul {
	float: left;
	width: 900px;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:3px;
	padding-top:3px;	
	margin: 0 0 0 0;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 9pt;
	z-index: 100;
}

#nav a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
	background: #FFFFFF;
	padding:0px;
	z-index:10;
}

#nav li li {
	width: 13.3em;
	border: solid #666;
	border-width: 1px;
	background: #fff;
	padding: 3px;
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li li a:hover, #nav li li:hover {
	background: #8c135e;
	color:#FFFFFF;
}
*/
.theNav {
background: url(images/bg-nav.gif) 100% 0 repeat-x;
border: 1px solid #939393;
height:24px;
padding-left:20px;
z-index: 100;
}
#nav li:hover, #nav li.hover {  
	position: static;
}  
#nav, #nav ul {
	float: left;
	width: 900px;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom:3px;
	padding-top:3px;	
	margin: 0 0 0 0;
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 9pt;
	z-index: 100;
}
#nav a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 0.25em .5em;
}
#nav a:hover {
	color: #555;
}
#nav li {
	float: left;
	padding: 0;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
	margin: 0;
	background: #FFFFFF;
	padding:0px;
	z-index:10;
	color: #fff;
}
#nav li:hover {
	color: #fff 
}
#nav li li {
	border: solid #666;
	border-width: 1px;
	background: #fff;
}
#nav li li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 6px 20px 6px 10px;
}
#nav li li a:hover {
	color: #fff;
}
#nav li ul a {
	width: 13em;
	w\idth: 9em;
}
#nav li ul ul {
	margin: 0;
}
#nav li ul ul li {
	margin: -4px 0 0 -24px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li li a:hover, #nav li li:hover {
	background: #8c135e;
	color:#FFFFFF;
}





/* main tables */
.lhead { 
	background-color:#eee; 
	padding:4px;
	font-weight: bold;
}
.lpart { 
	background-color:#f0f0f0; 
}
.lcount { 
	background-color:#999; 
	color:#fff;
	padding:2px;
	font:bold 12px;
}
.baseTable td {
	padding: 2px 0;
}
.baseTable {
	margin: 0 0 20px 0;
}


/* side list */
ul.sideList {
	margin: 0 0 0 15px;
	padding: 0;
}
ul.sideList li {
	margin: 0;
	padding: 4px 0;
	font-size: 11px;
}
ul.noList {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.noList li {
	margin: 6px 0;
	padding: 0;
	list-style: none;
}

ul.listNav {
	margin: 0;
	padding: 0;
}
ul.listNav li {
	margin: 0;
	padding: 0;
}




/* Home page promo box */
#promoBox {
	width: 900px;
	overflow: hidden;
	clear: both;
	margin: 10px 0;
}
.promoL {
	float: left;
	width: 230px;
	margin: 0 10px 0 0;
	background: url(images/promobox/quickFinderBG.png) no-repeat 0 20px;  
}
.promoR {
	width: 650px;
	float: left;
	background: url(images/promobox/greyFadeBG.png) no-repeat 0 20px;
}
.quickFinder {
	padding: 10px 20px;
}
.whatsNew {
	width: 210px;
	float: left;
	margin-right: 0;
	padding: 0 10px 0 20px;
}
.SMEMA {
	width: 190px;
	float: left;
	margin-right: 0;
	padding: 0 10px 0 20px;
}
.emailClub {
	width: 160px;
	float: left;
	padding: 0 20px 0 10px;
}
.promoR p {
	line-height: 1.3em;
}








/* Employement Page */
#jobListing {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}





.Red
{
color: #CC0000;
font-weight: bold;
}

-->