/**************************************************************
Douglas Stafford Stylesheet
Author: MP

STYLESHEET CONTENTS
0. Browser Reset
1. Fonts
2. HTML Tags
3. Layour Divs
4. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Page components
	  e. Homepage
	  f. Sectors Hub
	  g. Services Hub
	  h. Content pages
5. General Formatting Classes
6. Clearfix
***************************************************************/

/********************* Browser Reset ********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

img {
	border:0;}

body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
	
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************* End Browser Reset ********************/

/********************* Fonts ********************/
body, input, a, textarea, button {	
	font-family: Arial, Helvetica, sans-serif;}	
	
/********************* End Fonts ********************/

/********************* HTML Tags ********************/

html {	}	

body {		
	/* Baseline font size to 12 px*/
	font-size: 0.75em;
	background: #59636C;
	padding-bottom: 25px;}
	
p {	
	font-size: 1em;
	color: #666;
	line-height: 165%;
	margin-bottom: 15px;}
	
p.title{	
	font-size: 1.083em;
	color: #3D6C8A;
	line-height: 155%;
	margin: 10px 0 25px;
	font-weight: bold;}

a {	
	color: #666;}
	
a:hover {	
	text-decoration: none;}

#main-content ul {
	margin-bottom: 25px;}

li {
	font-size: 1em;
	color: #666;
	line-height: 165%;
	margin: 0 0 5px 33px;
	list-style-type: none;
	background: url(../images/chevron-white.gif) left 6px no-repeat;
	padding: 0 0 0 14px;}

ol li {
	font-size: 1em;
	color: #666;
	line-height: 165%;
	margin: 0 0 5px 50px;
	list-style-type: decimal;
	list-style-position: outside;
	background: none;
	padding: 0;}

a {	
	cursor: pointer;}

h1, h2, h3, h4 {
	}

h1 {
	font-size: 1.8333em;
	color: #31424F;
	margin: 0 0 23px;
	padding-top: 5px;
	font-weight: bold;}

h2 {
	font-size: 1.667em;
	color: #5F819A;
	line-height: 100%;
	margin: 0 0 17px;
	font-weight: bold;}

h3 {
	font-size: 1.333em;
	color: #3D6C8A;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 14px;}
	
h4 {
	font-size: 1.166em;
	color: #3D6C8A;
	font-weight: bold;
	line-height: 100%;
	margin: 0 0 12px;}

h5 {}
	
h6 {}
	
/********************* End HTML Tags *********************/
		
/********************* Layout Divs *********************/

#container {
	position: relative;
	width: 970px;
	margin: 0 auto;
	background: #fff;}
		
#log-in {	
	width: 970px;
	margin: 0 auto;}
		
#header {	
	padding: 21px 22px 17px 22px;}	
	
#content {
	position: relative;
	z-index: 10;
	width: 922px;
	margin: 0 auto;}	

#side-bar {
	position: absolute;
	z-index: 1000;
	top: 17px;
	right: 0;
	background: #EBEBEB;
	padding: 11px;}

#footer {	
	width: 922px;
	margin-left: 22px;
	background: url(../images/footer-bg.gif) 0 15px no-repeat;
	padding: 15px 0 28px 0;}

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

#log-in-links {
	float: right;
	margin-right: 22px;}
#log-in-links li {
	list-style-type: none;
	float: left;	
	line-height: 100%;
	list-style-position: outside;
	background:url(../images/chevron-grey.gif) left no-repeat;
	padding: 0 0 0 10px;
	margin: 0 0 0 22px;}
#log-in-links li a {
	font-size: 0.9166em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 25px;
	font-size:13px;
}
#log-in-links li a:hover {
	text-decoration: underline;
}

#logo {
	width: 300px;
	height: 38px;
	padding-top: 5px;
	float: right;}
#logo h1 {
	display: block;
	text-indent: -9999px;
	background:url(../images/ds-logo.gif) no-repeat;
	width: 300px;
	height: 38px;
	margin: 0;}

#search {
	float: left;
	clear: left;
	padding-top: 19px;
	width: 270px;}

#search label {
	font-size: 0.9166em;
	color: #202020;
	text-transform:uppercase;
	line-height: 24px;
	float: left;
	margin-right: 10px;}

input.search-text {
	width: 134px;
	height: 21px;
	font-size: 12px;
	background:url(../images/search-bg.gif) top left no-repeat;
	margin: 0 2px 0 0;
	padding: 4px 0 0 26px;
	border: none;
	float: left;}
	
.search-btn {
	background:	url(../images/btn-go.gif);
	display: block;
	float: left;
	border: 0;
	width: 36px;
	height: 24px;
	text-indent: -9999px;
	margin: 0;
	overflow: hidden;
	padding-top: 24px;}	
	
#dsyears {
	float:left;
	background:url(../images/ds-20-years.jpg);
	width:67px; height:45px;
	margin-top:5px;
}
#bannerholder {
	float:right;
	margin-top:5px;
}
	
	
/* -------- End Header -------- */

/* -------- Footer -------- */

#foot-links {
	display: block;
	float: left;
	width: 374px;}
#foot-links ul {
	width: 175px;
	float: left;
	margin-left: 12px;}
#foot-links li {
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 13px;
	margin: 0 0 6px;
	background:url(../images/arrow-blue.gif) left no-repeat;
	line-height: 100%;}
#foot-links a {
	color: #838383;
	font-weight: bold;
	text-decoration: none;}
#foot-links a:hover {
	text-decoration: underline;}	
	
#foot-about {
	display: block;
	width: 360px;
	float: left;
	margin-left: 26px;}
#foot-about, #foot-about a {
	color: #838383;}
#foot-about h2 {
	font-size: 0.916em;
	color: #838383;
	margin: 0 0 6px;}	
#foot-about ul {
	width: 165px;
	float: left;}	
#foot-about li {
	list-style-type: none;
	list-style-position: outside;	
	background: none;
	line-height: 100%;
	margin: 0 0 6px;
	padding: 0;
	font-size: 0.916em;}	
#foot-about li a {
	text-decoration: none;}
#foot-about li a:hover {
	text-decoration: underline;}	

#foot-side-bar {
	width: 160px;
	display: block;
	float: right;
	color: #838383;
	margin: 0;
	padding: 0;}
#foot-side-bar p {
	font-size: 0.916em;
	color: #838383;
	line-height: 160%;
	margin: -3px 0 6px 0;
	padding: 0;}
#foot-side-bar p a {
	color: #838383;
	text-decoration: none;}
#foot-side-bar p a:hover {
	text-decoration: underline;}
	
#foot-side-bar img.iip {
	padding: 9px 0 0 10px;}


/* -------- End Footer -------- */

/* -------- Navigation -------- */

#nav {
float: left;
width: 600px;
}

#nav ul {
}

#nav li {
	list-style-type: none;
	list-style-position: outside;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 100%;}
	
#nav li a {
	color: #59636C;
	font-size: 1em;
	text-decoration: none;
	font-weight: bold;
	padding: 8px 16px;
	display: block;
	background: url(../images/nav-bg.gif) right no-repeat;
	text-transform:uppercase;}	

#nav li a:hover {
	text-decoration: underline;}
		
#nav li.no-bg a {
	background: none;}	
	
#nav li.active a, #nav li.active a:hover {
	color: #fff;
	background: #3D6C8A;
	text-decoration: none;}
	
#sub-nav {
	background: #fff;
	padding: 11px 11px 18px 11px;
	margin-bottom: 11px;
	width: 191px;}
#sub-nav h1{
	font-size: 1.5em;}
#sub-nav li {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e8e8e8;
	background: none;
	line-height: 100%;}
#sub-nav li.last {
	border: none;}
#sub-nav li a{
	text-decoration: none;
	display: block;
	color: #9EB5C4;
	font-size: 1.083em;
	font-weight: bold;
	padding: 8px 0 7px 1px;}
#sub-nav li.active a, 
#sub-nav li a:hover{
	color: #3D6C8A;}	


#sub-nav li ul {
	padding: 9px 0 0 0;
	margin: 0;}
#sub-nav li ul li {
 border: 0;
 line-height: 120%;
 margin: 0;}
#sub-nav li ul li.active {
}

#sub-nav li.active ul li a {
	text-decoration: none;
	display: block;
	color: #666;
	font-size: 0.916em;
	font-weight: normal;
	padding: 0 0 0 13px;
	 background: url(../images/chevron-sub-nav.gif) left 4px no-repeat;
	 margin: 0 0 10px 6px;}
#sub-nav li ul li a:hover {
	color: #9EB5C4;}
#sub-nav li ul li.active a {
	font-weight: bold;
	color: #666;}
	
	
#breadcrumb {
	display: block;
	border-top: 1px solid #DEE0E2;
	border-bottom: 1px solid #DEE0E2;
	width: 645px;
	padding: 9px;
	color: #3D6C8A;
	margin: 8px 0 0;}
#breadcrumb a {
	color: #3D6C8A;
	text-decoration: none;}
#breadcrumb a:hover {
	text-decoration: underline;}

/* -------- End Navigation -------- */

/* -------- Page Components -------- */

#news-list {
	width: 191px;
	background: #fff;
	padding: 11px;
	}
	
#we-support {
	width: 213px;
	background: #fff;
	margin-left:-13px;
	border-top:11px solid #EBEBEB;}
	
#home-three-col #news-list {
	width: 191px;
	float: right;
	margin-right: 11px;
	padding: 0;}

#news-list ul { 
	margin: 0;}

#news-list li {
	list-style-type: none;
	list-style-position: outside;
	padding: 11px 0;
	margin: 0;
	border-bottom: 1px solid #e8e8e8;
	background: none;
	line-height: 100%;}
	
#news-list li.first { padding-top: 0;}
#news-list li.last { border-bottom: none;}

#news-list li img {
	border: 1px solid #d2d2d2;
	padding: 1px;
	float: left;
	margin-right: 10px;}

#news-list li .news-prev {
	display: block;
	float: left;
	width: 140px; }
	
#news-list li .news-prev a {
	font-size: 1em;
	color: #3D6C8A;
	text-decoration: none;
	display: block;}
#news-list li .news-prev a h3 {
	font-size: 1em;
	line-height:1.3em;
	margin: 0;}

#news-list li .news-prev a:hover {
	text-decoration: underline;}
	
#news-list li .news-prev p {
	font-size: 0.916em;
	color: #7d7d7d;
	margin-bottom: 0;
	line-height:1.5em;}
	
#block-links {
	}
#home-content #block-links {
	display: block;
	float: right;
	margin: 0 2px 0 0;
	width: 213px;}
	
#block-links p{
	margin:0px;
	padding:0px;
	}

#block-links a {
	display: block;
	width: 191px;
	padding: 11px;
	text-decoration: none;
	font-size: 0.916em;
	line-height: 138%;}
#block-links a span {
	display: block;
	margin-bottom: 5px;
	text-indent: -9999px;}
#block-links a.bl-program {
	background: #538CB3;
	color: #C3D7E4;}
#block-links a.bl-program span {
	background:url(../images/bl-program.gif) no-repeat;
	width: 152px;
	height: 52px;}
#block-links a.bl-download {
	background: #3D6C8A;
	color: #BBCCD6;}
#block-links a.bl-download span {
	background:url(../images/bl-download.gif) no-repeat;
	width: 125px;
	height: 12px;}	

/* -------- End Page Components -------- */

/* -------- Home Page -------- */

#feature {
	height: 360px;
	width: 970px;
	position: relative;}	
	
#feature .btn-prev, #feature .btn-next {
	position: absolute;
	left: 10px;
	z-index: 100;
	top: 50%;
	margin-top: -17px;
	width: 24px;
	height: 34px;
	background:url(../images/rotate-left.gif) no-repeat;
	display: block;
	text-indent: -9999px;}

#feature .btn-next {
	left: 936px;
	background:url(../images/rotate-right.gif) no-repeat;}

#rotator {
	width: 922px;
	margin-left: 24px;
	position: relative;
	z-index: 1;}

#rotator .slide {
	position: relative;
	width: 922px;
	height: 360px;}
#rotator #slide-1 {
	background:	url(../images/feature-1.jpg) no-repeat;}
#rotator #slide-2 {
	background:	url(../images/feature-2.jpg) no-repeat;}
#rotator #slide-3 {
	background:	url(../images/feature-3.jpg) no-repeat;}

.slide a.learn-more {
	display: block;
	text-indent: -9999px;
	height: 26px;
	width: 94px;
	background: url(../images/btn-learn-more.gif) no-repeat;}
#rotator #slide-1 a.learn-more {
	margin: 132px 0 0 767px;}
#rotator #slide-2 a.learn-more {
	margin: 132px 0 0 767px;}
#rotator #slide-3 a.learn-more {
	margin: 132px 0 0 767px;}
	
#rotator-controls {
	z-index: 10;
	position: relative;
	margin: -105px 0 0 24px;
	width: 922px;
	height: 105px;
	padding: 0;
	background:url(../images/grey-trans.png) repeat;}


#rotator-controls li {
	float: left;
	width: 307px;
	display: block;
	list-style-position: outside;
	margin: 0;
	padding: 0;
	background: none;
	line-height: 100%;}

#rotator-controls li a {	
	display: block;
	width: 263px;
	height: 90px;
	padding: 15px 22px 0 22px;
	color: #BABAB6;
	text-decoration: none;
	font-size: 0.9166em;
	line-height: 138%;}


#rotator-controls #control-2 {
	width: 308px;
	background:url(../images/rotate-bg-right.gif) 0 16px no-repeat;}	
	
#rotator-controls #control-2.left {
	background:url(../images/rotate-bg-left.gif) 0 16px no-repeat;}	
	
#rotator-controls #control-2 a {
	width: 264px;}	


#rotator-controls li a:hover {
	color: #fff;
}
	
#rotator-controls li a.activeSlide {
	background:#3D6C8A;
	color: #fff;}

#rotator-controls li a span {
	display: block;
	margin-bottom: 10px;
	height: 18px;
	text-indent: -9999px;}
	
span.title-mystery {
	width: 173px;
	background: url(../images/home-mystery.gif) no-repeat;}

span.title-training {	
	width: 95px;
	background: url(../images/home-training.gif) no-repeat;}

span.title-client {	
	width: 143px;
	background: url(../images/home-client.gif) no-repeat;}
		
#rotator-controls li a.activeSlide span {
	background-position: 0 -18px;}
	
#home-content {
	margin: 22px;
	width: 902px;
	padding: 11px;
	display: block;
	background: #ebebeb;}

#home-intro {
	display: inline-block;
	width: 100%;}

#intro {
	width: 665px;
	padding-left: 11px;
	min-height: 175px;
	_height: 175px;
	margin: 0;
	position: relative;
	display:block;
	float: left;}


#intro h1, #intro p {
	width: 395px;}


#intro h1 {	
	margin: 0 0 15px;}	
	
#intro p.last{}
	
#intro #man {
	width: 188px;
	height: 201px;
	position: absolute;
	right: 33px;
	top: -27px;}
	
#home-three-col {
	background: url(../images/home-three-col-bg.gif) repeat-y;
	padding-top: 16px;
	clear: both;}

#home-video {
	width: 335px;
	float: left;
	margin-left: 11px;
	padding-bottom:12px;}
	
#home-video p {
	font-size: 0.916em;}

#home-case {
	width: 290px;
	float: left;
	margin-left: 22px;}

#home-case p {
	font-size: 0.916em;}

#home-case li {
	margin: 0;
	padding: 0;	
	background: none;
	line-height: 100%;
	list-style-type: none;
	list-style-position:outside;
	float: left;
	height: 72px;
	display:table-cell; 
	vertical-align:middle;}

#home-case li a {			
	}
	
#home-case ul.three-cols {
	clear: both;
	width: 100%;
	margin: 0;
	margin-bottom:10px;}	
	
#home-case ul.three-cols li {
	width: 33%;
	text-align: center;
	margin: 0;
	padding: 0;	
	background: none;
	line-height: 100%;}	

#home-case ul.two-cols {
	clear: both;
	width: 90%;
	margin: 10px auto 0;}	
		
#home-case ul.two-cols li {
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 0;	
	background: none;
	line-height: 100%;}

/* -------- End Home Page -------- */

/* -------- Sectors Hub Page -------- */

/* Tabs */
.ui-tabs .ui-tabs-hide {
     display: none;}

#main-content ul.ui-tabs-nav {	
	margin: 0;}
ul.ui-tabs-nav li {
	float: left;
	border: 1px solid #E9E9E9;
	border-bottom: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0 4px 0 0;
	padding: 0;	
	background: none;
	line-height: 100%;}

ul.ui-tabs-nav li a {	
	font-size: 1.416em;
	color: #98BAD1;
	font-weight: bold;
	display: block;
	padding: 10px 25px;
	text-decoration: none;}
	
ul.ui-tabs-nav li.ui-state-active {
	border-bottom: 1px solid #EBEBEB;
	background: #EBEBEB;
	position: relative;
	z-index: 100;
	margin-bottom: -1px;}
	
ul.ui-tabs-nav li.ui-state-active a {
	color: #3D6C8A;}
	
.ui-tabs-panel {
	border-top: 1px solid #DEE0E2;
	clear: both;
	background: #EBEBEB;
	padding: 21px;
	position: relative;
	z-index: 10;}
	
.tab-text {
	width: 418px;
	float: left;
	display: block;}

.ui-tabs-panel ul {
	padding-top: 12px;}

#main-content .ui-tabs-panel ul {
	margin: 0;}

.ui-tabs-panel li {
	color: #3D6C8A;
	font-weight: bold;
	margin: 0 0 12px;
	background: url(../images/green-tick.gif) left 0 no-repeat;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 18px;	
	line-height: 100%;}
		
.tab-images {
	width: 195px;
	float: right;
	display: block;
	text-align: right;}	
.tab-images img {
	border: 3px solid #FFF;}
a.btn-find-out {
	display: block;
	text-indent: -9999px;
	width: 116px;
	height: 0px;
	background:url(../images/btn-find-out.gif) no-repeat;
	overflow: hidden;
	padding-top: 21px;
	float: right;
	margin-top: 8px;}

/* -------- End Sectors Hub Page -------- */

/* -------- Services Hub Page -------- */

#service-columns {
	background: url(../images/services-three-col-bg.gif) repeat-y;
	display: block;
	border-top: 15px solid #fff;}
#service-columns .service-col {
	width: 214px;
	float: left;
	margin-right: 10px;}
#service-columns .service-col.last {	
	margin-right: 0;
	width: 215px;}
#service-columns .service-col .col-content {
	background: #EBEBEB;
	padding: 11px 11px 18px;}
#service-columns h2 {
	display: block;
	background: #FFF;
	color: #3D6C8A;
	font-size: 1.5em;
	margin: 0;
	padding: 0 0 10px;}
#service-columns h2 a {
	color: #3D6C8A;
	text-decoration: none;}
#service-columns h2 a:hover {
	text-decoration: underline;}
#service-columns ul {
	margin: 12px 0 0;}
#service-columns li {
	font-size: 1em;
	list-style-type: none;
	list-style-position: outside;
	padding: 0 0 0 14px;
	margin: 0 0 5px 0;
	background: url(../images/arrow-blue.gif) 0 4px no-repeat;
	line-height: 110%;}	
#service-columns li a {
	color: #585858;
	text-decoration: none;}	
#service-columns li a:hover {
	text-decoration: underline;}	

/* -------- End Services Hub Page -------- */
	
/* -------- Content Pages -------- */

#main-content {
	width: 663px;
	min-height: 550px;
	_height: 550px;
	padding: 20px 0 50px}
#main-content {}
#main-content {}

.talkinghead {
	float: right;
	width: 188px;
	padding-top: 3px;
	margin: -25px 0 0 25px;}

.video-panel {
	float: right;
	width: 282px;
	padding-top: 3px;
	margin: 0 0 0 25px;}
.video-panel .videos {
	background: #ebebeb;
	padding: 11px;
	min-height: 232px;}
.video-panel h2 {
	margin-bottom: 5px;}
.play-video {
	width: 260px;
	height: 170px;}	
	
.image-column {
	display: block;
	float: right;
	width: 175px;
	text-align: right;}
.image-column img {
	margin-bottom: 11px;}	

/* -------- End Content Pages -------- */

/* -------- News Archive -------- */

#news-archive {}

#news-archive ul { 
	margin: 0;}

#news-archive li {
	list-style-type: none;
	list-style-position: outside;
	padding: 11px 0;
	margin: 0;
	border-bottom: 1px dotted #e8e8e8;
	background: none;
	line-height: 100%;}
	
#news-archive li.first { padding-top: 0;}
#news-archive li.last { border-bottom: none;}

#news-archive li .image {
	float:left;
	margin-right:10px;
	width:147px;
	}

#news-archive li .date {
	text-align:center;
	width:53px;
	float:left;
	margin-right:10px;
	display:block;
	}
	
#news-archive li .date-month {
	display:block;
	background-color:#538CB3;
	margin:0px;
	color:#FFF;
	font-size:1.2em;
	text-transform:uppercase;}
	
#news-archive li .date-day {
	display:block;
	background-color:#3D6C8A;
	margin:0px;
	color:#FFF;
	font-size:2em;}

#news-archive li .news-prev {
	}
	
#news-archive li .news-prev a {
	font-size: 0.8em;
	color: #3D6C8A;
	text-decoration: none;
	display: block;}

#news-archive li .news-prev a:hover {
	text-decoration: underline;}
	
#news-archive li .news-prev p {
	font-size: 1em;
	color: #7d7d7d;
	margin-bottom: 0;}
	
/* -------- End News Archive -------- */

/* -------- Jobs Listing -------- */

#jobs-listing {}

#jobs-listing ul { 
	margin: 0;}

#jobs-listing li {
	list-style-type: none;
	list-style-position: outside;
	padding: 11px 0;
	margin: 0;
	border-bottom: 1px dotted #e8e8e8;
	background: none;
	line-height: 100%;}
	
#jobs-listing li.first { padding-top: 0;}
#jobs-listing li.last { border-bottom: none;}

#jobs-listing li .jobs-prev {
	}
	
#jobs-listing li .jobs-prev a {
	font-size: 0.8em;
	color: #3D6C8A;
	text-decoration: none;
	display: block;}

#jobs-listing li .jobs-prev a:hover {
	text-decoration: underline;}
	
#jobs-listing li .jobs-prev p {
	font-size: 1em;
	color: #7d7d7d;
	margin-bottom: 0;}
	
/* -------- End Jobs Listing -------- */

/* -------- Forms -------- */

table.form td {
	padding-bottom:10px;}

table.form th {
	text-align:left;
	vertical-align:middle;
	padding-right:15px;
	padding-bottom:10px;}

.formFeedback {
    color:red;
    }

.formBox, .formBoxError {
	border: 1px solid #000;
	}

.textareabox, .textareaboxError	 {
	border: 1px solid #000;
	font-size:12px;
	margin:0 0 9px 0;
	}

.formBoxError, .textareaboxError {
    border-color:red;
    background:#fff0f0;
    }
		
		

/* -------- End Forms -------- */

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/

.left {
	float:left;}
	
.right {
	float:right;}
	
.nested-left {
	float:left;
	margin: 0 8px 8px 0;}
	
.nested-right {
	float:right;
	margin: 0 0 8px 8px;}
	
.clear {
	clear:both;}	

.no-line {
	border: none;}

/********************* End General Formatting *********************/

/********************* Clearfix *********************/

/* slightly enhanced, universal clearfix hack */
.clearfix:after,
#news-list li:after,
ul.three-cols:after,
ul.two-cols:after,
#footer:after,
ul.ui-tabs-nav:after,
.ui-tabs-panel:after
{    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
	 
.clearfix,
#news-list li,
ul.three-cols,
ul.two-cols,
#footer,
ul.ui-tabs-nav,
.ui-tabs-panel
{ display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix,
* html #news-list li,
* html ul.three-cols,
* html ul.two-cols,
* html #footer,
* html ul.ui-tabs-nav,
* html .ui-tabs-panel
{ height: 1%; }

.clearfix,
#news-list li,
ul.three-cols,
ul.two-cols,
#footer,
ul.ui-tabs-nav,
.ui-tabs-panel
{ display: block; }
/* close commented backslash hack */
	
/********************* End Clearfix *********************/