/************************************************/
/* spt.css presentation styles                  */
/* Used with template pages                     */
/************************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color:#fff;
	font-size: 101%;
	margin: 0;
	padding: 0;
}

a,
a:visited,
a:active{
	color: #900;
	background-color:#fff;
	text-decoration: underline;

}

a:hover,
a:focus {
	color: #900;
	background-color:#fff;
	text-decoration: underline;
}

h1{
 	font-size: 1.1em;
	font-weight: normal;
 	color: #900;
	background-color:#fff;
 	margin: 0;
	padding: 0;
}

h2{
	font-size: medium;
 	color: #900;
	background-color:#fff;
 	margin: 0;
 	padding: 0;
}

h3{
 	font-size: small;
	font-weight: bold;
 	color: #900;
	background-color:#fff;
	margin: 0;
	padding: 0;
}

h4{
 	font-size: small;
	font-weight: bold;
 	color: #000;
	background-color:#fff;
	margin: 0;
	padding: 0;
}

h5{
 	font-size: x-small;
 	color: #900;
	background-color:#fff;
	margin: 0;
	padding: 0;
}

h6{
 	font-size: x-small;
	font-weight: normal;
 	color: #000;
	background-color:#fff;
	margin: 0;
	padding: 0;
}


p {
	margin-bottom: 3px;
	padding: 0;
}

th {
	font-weight: bold;
}

ul{
	margin-top: 1px;
	padding: 0;
	font-size: small;
	list-style-type: square;
}

ul ul{
	margin-top: 1px;
	padding: 0;
	font-size: small;
	list-style-type: disc;
}

ul ul ul{
	margin-top: 1px;
	padding: 0;
	font-size: small;
	list-style-type: none;
}


/***********************************************/
/* Layout Table                                 */
/***********************************************/
/* contains the logo, skip links, montage and serviceLink (horizontal) navigation */

#pageHolder {
	width: 800px;
	margin: 0;
	padding: 0;
	border: 0;
}


/* #header row holds logo skip links & montage */


#header td{
	margin: 0;
	border: 0;
	padding: 0;
}
	

/* serviceLinks - global navigation to other SPT services - horizontal nav  */


#serviceLinkNav {
	margin: 0;
	padding: 0;
	width: 799px;
	color: #fff;
	background-color:#900;
}



/* #container div holds rest of page */

#container {
	width: 800px;
	margin: 0;
	padding: 0;
	BORDER: 0;
}


/* navBar holds sectionLinks  and relatedLinks (left nav) */

#navBar{
	clear: both;
	float: left;
	width: 175px;
	margin:0;
	padding: 0;
}

#content{
	float: left;
	margin: 0;
	padding:0;
	width: 450px;
}

#siteLinkNav {
	float: left;
	margin: 0;
	padding: 0;
	width: 174px;
}



/***********************************************/
/* Components                                  */
/***********************************************/


/** #header row  component styles ***/

a.logo img{
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	border:0;
}

div.skipNav {
	float: left;
	padding: 0;
	margin: 0;
	color: #000;
	background-color: #fff;
}

.skipNav ul,
.skipNav ul li {
	list-style-type: none;
	font-size: xx-small;
	margin: 0;
	padding: 1px 10px;
	border-bottom: 1px solid #fff; /* hack to fix IE/Win's broken rendering of block-level anchors in lists */

}


.skipNav ul li a,
.skipNav ul li a:visited {
	margin: 0;
	padding: 0 4px;
	color: #fffffe;
	background-color: #fff;
}

.skipNav ul li a:focus,
.skipNav ul li a:active,
.skipNav ul li a:hover { 
	color: #900;
	background-color: #fff;
	padding: 1px;
	border: 1px solid #900; 
}


.banner {
	float: right;
	width: 345px;
	margin: 0;
	padding: 0;
	border:0;
}


/** #serviceLinkNav (horizontal nav bar) styles **/

#serviceLinkNav ul{
	display: inline;
	color: #fff;
	background-color: #900;
	margin: 0;
	padding-left: 10px;
	list-style: none;
}

#serviceLinkNav UL li{
	display: inline;
	font-size: x-small;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 2em;
	vertical-align: middle;
}

#serviceLinkNav a,
#serviceLinkNav a:link,
#serviceLinkNav a:visited {
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 0;
	padding-bottom: 0;
	color: #fff;
	background-color: #900;
	text-decoration: none;
}

#serviceLinkNav a:focus,
#serviceLinkNav a:hover {
	color: #ffc;
	background-color: #900;
	text-decoration: underline;
}

/** #navBar (left hand nav) styles  **/

#navBar ul,
#navBar ul ul {
	display: block;
	list-style-type: none; 
	color: #fff;
	background-color: #900;
	margin: 0; 
	padding: 0;
	border-top: 1px solid #fff;
}


#navBar ul li,
#navBar ul ul li {
	border-bottom: 1px solid #fff; /* white below each item, currently used as part of design but is also a hack to fix IE/Win's broken rendering of block-level anchors in lists */
}

#navBar ul ul li {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	margin: 0; 
	padding-left: 8px;
	color: #fff;
	background-color: #c00;
}


#navBar ul li a,
#navBar ul li a:active,
#navBar ul li a:visited {
	font-size: x-small;
	color: #fff;
	background-color: #900;
	vertical-align: middle;
	text-decoration: none;
	margin: 0;
	padding: 1px 0px 1px 6px;
}

* html>#navBar ul li a,
#navBar ul li a:active,
#navBar ul li a:visited {
	padding: 2px 1px 2px 8px;
}


#navBar ul li a:focus,
#navBar ul li a:hover {
	color:#ffc;
	background-color:#c00;
	text-decoration: underline;
}

#navBar ul ul li a,
#navBar ul ul li a:active,
#navBar ul ul li a:visited {
	font-weight: normal;
	color: #fff;
	background-color: #c00;
}

#navBar ul ul li a:focus,
#navBar ul ul li a:hover {
	color:#ffc;
	background-color: #c00;
	text-decoration: underline;
}

#navBar div.separate {
	margin:0;
	padding: 0; 
  	height: 20px;
	color: #fff;
	background-color: #900;
	border-bottom: 1px solid #fff;
}

#navBar div.separate2 {
	margin:0;
	padding: 0; 
 	height: 85px;
	color: #fff;
	background-color: #900;
	border-bottom: 1px solid #fff;
}

#navBar div.separate2a {
	margin:0;
	padding: 0; 
 	height: 240px;
	color: #fff;
	background-color: #900;
	border-bottom: 1px solid #fff;
}

#navBar div.separate3 {
  	height: 5px;
	margin: 0;
	padding: 0; 
	color: #000;
	background-color: #fff;
}

#navBar div.separate3 p{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;

}

#navBar div.separate4 {
	margin: 0;
	padding: 0; 
	color: #000;
	background-color: #fff;
	border-bottom: 1px solid #fff;
}

#navBar div.separate4 p {
	margin: 0;
	padding: 5px 15px; 
	color: #000;
	background-color: #fff;
	font-size: x-small;
	border-bottom: 1px solid #fff;
}

#navBar div.separate4 img{
	margin: 0;
	padding: 5px 15px; 
	color: #000;
	background-color: #fff;
	border: 0;
}

#navBar div.separate4 a, 
#navBar div.separate4 a:active,
#navBar div.separate4 a:visited {
	color: #900;
	background-color: #fff;
	text-decoration: underline;
}

#navBar div.separate4 a:focus,
#navBar div.separate4 a:hover {
	text-decoration: underline;
}

/** #sectionLinks styles **/
/* sectionLinks are the top part of the left hand nav, links to other parts of current section of the site */

#sectionLinks{
	margin: 0;
	padding: 0;
}

#sectionLinks ul li a,
#sectionLinks ul li a:link,
#sectionLinks ul li a:visited {
	display: block;
	font-weight:bold;
	padding: 1px 0px 1px 6px;
}

* html>#sectionLinks ul li a,
#sectionLinks ul li a:active,
#sectionLinks ul li a:visited {
	padding: 2px 1px 2px 8px;
}

#sectionLinks ul li a:focus,
#sectionLinks ul li a:hover{
	color: #ffc;
	background-color: #c00;
}


/** #homeLinks styles **/
/* homeLinks populate the left hand nav on the SPT home page only, differ from others as the font weight isn't bold */

#homeLinks{
	margin: 0;
	padding: 0;
}

#homeLinks ul,
#homeLinks ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#homeLinks ul li a,
#homeLinks ul li a:visited {
	display: block;
	Margin: 0;
	padding: 1px 0px 1px 6px;
}

* html>#homeLinks ul lia,
#homeLinks ul li a:active,
#homeLinks ul li a:visited {
	padding: 2px 1px 2px 7px;
}

#homeLinks ul li a:focus,
#homeLinks ul li a:hover{
	color:#ffc;
	background-color: #c00;
}


/** .relatedLinks styles -**/
/* related, or QUICK links  to specific points within the current section */

.relatedLinks{
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #900;
}

p.relatedLinks {
	margin: 0;
	padding: 1px 0px 1px 6px;
	font-size: x-small;
	font-weight: bold;
}

.relatedLinks ul {
	border-top: 1px solid #fff;
}

.relatedLinks ul li {
}

.relatedLinks a,
.relatedLinks a:active,
.relatedLinks a:visited {
	display: block;
	margin: 0;
	padding: 1px 0px 1px 10px;
}

* html>.relatedLinks a {
	padding: 0px 14px;
}


.relatedLinks a:focus,
.relatedLinks a:hover{
	color:#ffc;
	background-color: #c00;
}

/** #siteLinkNav styles **/
/* siteLinkNav holds site wide info links - right nav */


#siteLinkNav ul {
	position: relative;
	margin: 0; 
	padding:0;
	list-style-type: none; 
	text-align:right;
	font-size: x-small;
	font-weight: bold;
	border-top: 1px solid #fff;
}

#siteLinkNav li {
	margin: 0;
	padding: 0;
	line-height: 2em;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}

#siteLinkNav li a, 
#siteLinkNav li a:active, 
#siteLinkNav li a:visited {
	display: block;
	padding: 0 5px;
	background-color:#900;
	color:#fff;
	text-decoration: none;
}

#siteLinkNav li a:focus,
#siteLinkNav li a:hover{
	color:#ffc;
	background-color: #900;
	text-decoration: underline;
}


#sectionLinks ul li#current,
#sectionLinks ul li#current a,
#sectionLinks ul li#current a:active,
#sectionLinks ul li#current a:visited {
	color: #fff;
	font-weight:bold;
	background-color: #c00;
}

#sectionLinks ul li#current a:focus,
#sectionLinks ul li#current a:hover {
	color:#ffc;
	font-weight:bold;
	background-color: #c00;
	text-decoration: underline;
}

/** .feature styles **/
/* the feature is the main promo, contains an image and welcome paragraph on section home pages, two images on subsequent pages in the section */


.offscreen {
	position: absolute;
	top: -100em;
	left: 0;
}

.feature {
	padding: 0; 
	margin: 0 0 3px 0;  
	border-bottom: 1px solid #fff;
}

.feature a img, 
.feature img {
	float: left;
	margin: 0;
	padding: 3px 7px 0 3px; 
	border: 0;
}

.feature h1 {
	margin: 0;
	padding: 10px 0 10px 10px;
	font-size: small;
	font-weight: bold;
	color: #900;
	background-color: #fff;   
}

.feature h2 {
	margin: 0;
	padding: 3px 0 10px 10px;
	font-size: small;
	font-weight: bold;
	color: #900;
	background-color: #fff;   
}

.feature h3 {
	margin: 0;
	padding: 10px 0px 0px 10px;
	font-size: small;
	font-weight: bold;
	color: #900;
	background-color: #fff;   
}

.feature h4 {
	margin: 0;
	padding: 10px 10px 0px 10px;
	font-size: x-small;
	font-weight: bold;
	color: #000;
	background-color: #fff;   
}

.feature h5 {
	margin: 0;
	padding: 10px 10px 0px 10px;
	font-size: x-small;
	font-weight: normal;
	color: #000;
	background-color: #fff;   
}

.feature p {
	margin: 0;
	padding: 10px; 
	font-size: 0.56em;
}

p.feature  {
	margin: 0;
	padding: 10px; 
	font-size: 0.56em;
}

.featurePageImg1 {
	margin: 0;
	padding: 0;
}

.featurePageImg1 img{
	width: 198px;
	height: 120px;
	border: 0;
	margin: 0;
	padding-top: 3px; 
	padding-right: 5px; 
	padding-bottom: 0; 
	padding-left: 20px; 
}

.featurePageImg2 {
	margin: 0;
	padding: 0;
}

.featurePageImg2 img{
	float: left;
	width: 198px;
	height: 120px;
	border: 0;
	margin: 0;
	padding: 3px 0; 
}


/** .story styles **/

/* "story is the page detail, after any main promotions and the page heading. */


.story{
	clear: both;
	padding: 0;
	margin: 0;
}

.storyPage {
	clear: both;
	margin: 0;
	padding-left: 20px;
}

#SPTSectionName {
	margin: 0;
	padding: 10px 0;
	font-size: small;
	font-weight: bold;
	color: #900;
	background-color: #fff;   
}

div.storyPage h1 {
	margin: 0;
	padding: 10px 0;
}

div.storyPage h2{
	margin: 0;
	padding: 10px 0;
}

.anchor {
	width: 100%;
	padding:0;
	margin:0;
}

div.storyPage h3{
	margin: 0;
	padding: 10px 0 5px 0;
}


p.storyPage {
	font-size: small;
	margin: 0;
	padding: 12px 0;
}

div.storyPage p {
	font-size: small;
	margin: 0;
	padding: 12px 0;
}


.displayTable {
	margin: 12px 0;
	padding: 0;
	width: 400px;
	font-size: small;
	border: 2px solid #ccc;	
}

div.displayTable h4 {
	display: block;
	margin: 0;
	padding: 0;
	border-bottom: 2px solid #ccc;	
}

div.displayTable p {
	margin: 0;
	padding: 4px;
	border-bottom: 2px solid #ccc;	
}

div p.displayTableEnd {
	margin: 0;
	padding: 4px;
	border-bottom: 0;

}

table.dataTable {
	margin: 8px 0;
	padding:0;
	width: 410px;
 	font-size: small;
	color:#000; 
	background-color: #ccc; 
}

table.dataTable tr {
	padding:0.5em; 
	color:#000; 
	background-color:#fff; 
	border-width:1px 200px 0 50px; 
	border-color:#ccc; 
} 


table.dataTable td, th {
 	padding:0.3em 0.5em;
	margin:0;
}


table.smalldataTable {
	margin: 8px 0;
	padding:0;
	width: 410px;
 	font-size: x-small;
	color:#000; 
	background-color: #ccc; 
}

table.smalldataTable tr {
	padding:0.5em; 
	color:#000; 
	background-color:#fff; 
	border-width:1px 200px 0 50px; 
	border-color:#ccc; 
} 


table.smalldataTable td, th {
 	padding:0.3em 0.5em;
	margin:0;
}

div p.topofpage a,
div p.topofpage a:active,
div p.topofpage a:visited {
	float: right;
	font-size: x-small;
 	color: #000; 
	background-color: #fff;
	text-decoration: none;
	padding-bottom: 5px;
}

div p.topofpage a:hover {
 	color: #900; 
	background-color: #fff;
	text-decoration: underline;
}

.bodylink a,
.bodylink a:active,
.bodylink a:visited {
	font-size: small;
	color: #900;
	background-color: #fff;
	text-decoration: underline;
}

.bodylink a:focus,
.bodylink a:hover {
	text-decoration: underline;
}


div p.leftIndent {
 	margin-left: 20px;
}

div p.dateline {
	font-size: x-small;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	textdecoration: none;
}

div p.disclaimer {
	font-size: x-small;
	color: #000;
	background-color: #fff;
	textdecoration: none;
}

div p.caption {
	font-size: x-small;
	color: #000;
	background-color: #fff;
	textdecoration: none;
}

/** TEASERS **/
/* Main page "story" area is taken up by blocks of teaser information. */


#teasers {
	position: relative;
	display: block;
	margin: 0;
	padding: 0 0 0 3px;
}

#teasers div p{
	font-size: x-small;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;

}

/** TEASERS **/

/* The promo blocks on home and section main pages have are divided into two groups of 3. */


#teaserGroup1 {
	position: relative;
	display:inline;
	margin: 0;
	padding: 0;
}

#teaserGroup2 {
	position: relative;
	display:inline;
	margin: 0;
	padding: 0;


}

/** Teaser definitions - don't change these please. **/

/* Teasers are individually identified, so that you can have a different color scheme in each of the six blocks. All you need to do is decide which colour you want and use the relevant colour class reference in the HTML. See the next note SECTION for colour class names. */


#teaser1 {
	display:block;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 5px 0;
}	

#teaser2 {
	display:block;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 5px 0;
}	

#teaser3 {
	display:block;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 5px 0;
}	

#teaser4 {
	clear: both;
	display:block;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 5px 0;
}	

#teaser5 {
	display:block;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 5px 0;
}	

#teaser6 {
	display:block;
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 0 5px 0;
}


/** Teaser colours **/	
/* To change the colour of any of the teaser banner backgrounds, just replace the "class" reference to one of the following: "carmineTeaser"  "blueTeaser"  "orangeTeaser" "redTeaser" or "tealTeaser" IN THE html*/  


/*** carmine ***/


.carmineTeaser {
	margin: 0;
	padding: 0;
}	

.carmineTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #900;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.carmineTeaser h2 a,
.carmineTeaser h2 a:link,
.carmineTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #900;
	font-weight: bold;
	text-decoration: none;
}	

.carmineTeaser h2 a:hover {
	color: #fff;
	background-color: #900;

	text-decoration: underline;
}	

.carmineTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	

#teasers div.carmineTeaser p{
	padding: 0;
	margin: 0 3px;
}	


/*** blue ***/


.blueTeaser {
	margin: 0;
	padding: 0;
}	

.blueTeaser h2 {
	display: block;
	font-size: 0.65em;
	color: #fff;
	background-color: #336;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;
}	

.blueTeaser h2 a,
.blueTeaser h2 a:link,
.blueTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #336;
	font-weight: bold;
	text-decoration: none;
}	

.blueTeaser h2 a:hover {
	color: #fff;
	background-color: #336;
	text-decoration: underline;
}	

.blueTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	

#teasers div.blueTeaser p{
	padding: 0;
	margin: 0 3px;
}	
	


/*** orange ***/


.orangeTeaser {
	margin: 0;
	padding: 0;
}	

.orangeTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #ff6600;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.orangeTeaser h2 a,
.orangeTeaser h2 a:link,
.orangeTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}	

.orangeTeaser h2 a:hover {
	color: #fff;
	background-color: #ff6600;
	text-decoration: underline;
}	

.orangeTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	

#teasers div.orangeTeaser p{
	padding: 0;
	margin: 0 3px;
}	



/*** red ***/


.redTeaser {
	margin: 0;
	padding: 0;
}	

.redTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #CC0000;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.redTeaser h2 a,
.redTeaser h2 a:link,
.redTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #CC0000;
	font-weight: bold;
	text-decoration: none;
}	

.redTeaser h2 a:hover {
	color: #fff;
	background-color: #CC0000;

	text-decoration: underline;
}	

.redTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	

#teasers div.redTeaser p{
	padding: 0;
	margin: 0 3px;
}	


/*** teal ***/


.tealTeaser {
	margin: 0;
	padding: 0;
}	

.tealTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #066;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.tealTeaser h2 a,
.tealTeaser h2 a:link,
.tealTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #066;
	font-weight: bold;
	text-decoration: none;
}	

.tealTeaser h2 a:hover {
	color: #fff;
	background-color: #066;

	text-decoration: underline;
}	

.tealTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	
	
#teasers div.tealTeaser p{
	padding: 0;
	margin: 0 3px;
}	

/*** green ***/


.greenTeaser {
	margin: 0;
	padding: 0;
}	

.greenTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #00cc33;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.greenTeaser h2 a,
.greenTeaser h2 a:link,
.greenTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #00cc33;
	font-weight: bold;
	text-decoration: none;
}	

.greenTeaser h2 a:hover {
	color: #fff;
	background-color: #00cc33;

	text-decoration: underline;
}	

.greenTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	
	
#teasers div.greenTeaser p{
	padding: 0;
	margin: 0 3px;
}

/*** ltblue ***/


.ltblueTeaser {
	margin: 0;
	padding: 0;
}	

.ltblueTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #3366cc;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.ltblueTeaser h2 a,
.ltblueTeaser h2 a:link,
.ltblueTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #3366cc;
	font-weight: bold;
	text-decoration: none;
}	

.ltblueTeaser h2 a:hover {
	color: #fff;
	background-color: #3366cc;
	text-decoration: underline;
}	

.ltblueTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	
	
#teasers div.ltblueTeaser p{
	padding: 0;
	margin: 0 3px;
}

/*** purple ***/


.purpleTeaser {
	margin: 0;
	padding: 0;
}	

.purpleTeaser h2 {
	font-size: 0.65em;
	color: #fff;
	background-color: #660066;
	font-weight: bold;
	margin: 0 3px 1px 0;
	padding: 4px;

}	

.purpleTeaser h2 a,
.purpleTeaser h2 a:link,
.purpleTeaser h2 a:visited {
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: #660066;
	font-weight: bold;
	text-decoration: none;
}	

.purpleTeaser h2 a:hover {
	color: #fff;
	background-color: #660066;
	text-decoration: underline;
}	

.purpleTeaser img{
	margin: 0 3px 1px 0;
	padding: 0;
	width: 145px;
	height: 72px;
}	
	
#teasers div.purpleTeaser p{
	padding: 0;
	margin: 0 3px;
}
	
/** #footer styles **/

#footer{
	clear: left;
	width: 800px;
	margin: 0;
	padding: 0;
}

#footer p{
	float: left;
	font-size: 0.65em;
	color: #000;
	background-color: #fff;
	margin:0;
	padding: 2px 20px 0px 30px;
}


#footer a,
#footer a:active,
#footer a:visited {
	color: #000;
	background-color: #fff;
	text-decoration: none;
	
}
#footer a:focus,
#footer a:hover {
	color: #900;
	background-color: #fff;
	text-decoration: underline;
}


/** date div **/

#date {
	float: left;
	padding: 2px 0 0px 200px;
	margin-right: 0;
}

#date p{
	font-size: 0.65em;
	color: #000;
	background-color: #fff;
	margin:0;
	padding: 0;
}