/* NOTE:  Each page is divided into 3 sections
                  -- Header (contains breadcrumb trail)
                  -- Container (contains left hand menu navigation) - The basic content page is styled first, then the other pages follow
                  -- Footer
                  -- Margin and padding go clockwise from top.
*/

/* -- set basic rules - general styling & look and feel of generic attributes */
*{
  margin: 0pt;
  padding: 0pt;
}
body{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 80%;
  line-height: 1.5em;
}

ul, ol{
  margin: 0 0 0.5em 2em;
}
li.doc{
  list-style-image: url(iconWord.gif);
  padding: 0 0 1em 0.5em;
}
li.ppt{
  list-style-image: url(iconPowerPoint.gif);
  padding: 0 0 1em 0.5em;
}
li.xls{
  list-style-image: url(iconExcel.gif);
  padding: 0 0 1em 0.5em;
}
li.pdf{
  list-style-image: url(iconPDF.gif);
  padding: 0 0 1em 0.5em;
}
li.txt{
  list-style-image: url(iconText.gif);
  padding: 0 0 1em 0.5em;
}
p{
  margin: 0.5em 0 1em 0;
}
a{
  color: #0000CC;
  text-decoration: underline;
}
a:hover{
  color: #A54499;
  text-decoration: none;
}
a img{
  border: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
h1{
  padding: 0.4em 0 0.5em 0;
  font-weight: normal;
  color: #A54499;
  font-size:170%;
  float: left;
}
table{
  width: 85%;
  /*border: solid 1px #000;*/
  font-size: 100%;
}
h3{
  font-size: 125%;
  padding: 0.5em 0 0em 0;
  color: #A54499;
}

/*-- for styling the Flash image on homepages--*/
object{
  width:560px;
  height:310px;
  float: left;
  white-space: nowrap;
  margin: 5px 0 5px 0;
  padding: 1em 0 0 0;
}

/* ------   END set basic rules - general styling & look and feel of generic attributes */


/* --------- HEADER -------- */
/*------Skip navigation----*/
#skip a, #skip a:hover, #skip a:visited 
 { 
  position:absolute; 
  left:0px; 
  top:-500px; 
  width:1px; 
  height:1px; 
  overflow:hidden;
} 
#skip a:active 
{ 
position:static; 
width:auto; 
height:auto; 
}
/*------END skip navigation----*/

/* -- Breadcrumb top navigation */
#breadcrumbPageNavigation{
  width: 100%;
  clear: left;
  float: left;
}
#breadcrumbMargin{
  clear: left;
  float: left;
  width: 0%;
}
ul.breadcrumbTrail{
  border-bottom: solid 2px #A54499;
  display: block;
  margin: 0;
  padding: 2px 0 2px 0;
  overflow: hidden;
  background: #ffffff;  
} 
* html ul.breadcrumbTrail{/* fix for IE6 */
  overflow: visible; 
  height: 1px;
}
ul.breadcrumbTrail li{
  background: url(bt_chevs.gif) center left no-repeat;
  float: left;
  display: block;
  padding: 0 26px;
  margin: 0 0 0 -16px;
  font-size: 80%;
}
ul.breadcrumbTrail li a{
  color: #000000;
  text-decoration: none;
}
ul.breadcrumbTrail li a:hover{
  color: #A54499;
  text-decoration: none;
}
/* ------ END Breadcrumb top navigation */
/* -----Header Text-----*/
#pageHeader{
  float: left;
  height: 78px; 
}
div.header{
  float: left;
  margin: 0 0 0 -400px;
}

/*div.headerImage{
  float: left;
  background: url(success_logo.jpg) center left no-repeat;
  height: 100px;
  width: 251px;
}*/
div.headerImage{
  float: left;
  margin: 0 0 0 0;
  background: url(success_logo2.jpg) center left no-repeat;
  height: 75px;
  width: 188px;
}
div.balloonImage{
  float: left;
  margin: 0 0;
  background: url(balloon_header4.jpg) center left no-repeat;
  height: 75px;
  width: 510px;
}
div.helpline{
	float:right;
	background: url(helpline.jpg) bottom right no-repeat;
	height: 75px;
	width: 292px;
	padding: 0 0 0 0;
}
/* -----END Header Text ----*/
/* ------ END HEADER --------- */
/*---Image Banner ----*/
div.imageBanner_1{
  background: url(banner01.jpg) center no-repeat;
  width: 100%;
  height: 132px;
}
div.imageBanner_2{
  background: url(banner02.jpg) center no-repeat;
  width: 100%;
  height: 132px;
}
div.imageBanner_3{
  background: url(banner03.jpg) center no-repeat;
  width: 100%;
  height: 132px;
}
div.imageBanner_4{
  background: url(banner04.jpg) center no-repeat;
  width: 100%;
  height: 132px;
}
div.imageBanner_5{
  background: url(banner05.jpg) center no-repeat;
  width: 100%;
  height: 132px;
}
div.imageBanner_6{
  background: url(banner06.jpg) center no-repeat;
  width: 100%;
  height:132px;  
}
div.imageBanner_7{
  background: url(banner07.jpg) center no-repeat;
  width: 100%;
  height:132px;  
}
div.imageBanner_8{
  background: url(banner08.jpg) center no-repeat;
  width: 100%;
  height:132px;  
}

/* -------- CONTAINER (for all pages) ---------- */
/* -- Basic Page Template -- */
/* -- page container   */
#container{
  clear: left;
  overflow: hidden; 
  width: 990px;
}
* html #container{ /* fix for crappy IE6 */
  overflow: visible;
  height: 1px;
}
/* -- END page container */

/*--menuTopNavigation (horizontal menu)*/
#menuTopNavigation{
font-size: 98%;
clear: left;
float: left;
display: inline;
width: 990px;
border-top: solid 2px #A54499;
border-bottom: solid 2px #A54499;
}
#menuTopNavigation a{
  display: block;
  margin: 0 0 0.25em 0.25em;
  color: #000000;
  text-decoration: none;
}
#menuTopNavigation a:hover{
  color: #A54499;
  text-decoration: none;
}
ul.topNavigation{
  display: block;
  margin: 0;
  width: 100%;
}
ul.topNavigation li{
  float: left;
  display: block;
  margin: 0.5em 0 0.5em -4px;
  padding: 0 8px 0 8px;
}
ul.topNavigation li.youAreHere span{
  display: inline;
  padding: 0 1em 0 0.25em;
  background-color: #A54499;
}
/* ------ END menu top navigation (horizontal menu) */

/* -- menu navigation (left hand menu) */
#menuPageNavigation{
  display: block;
  width: 195px;
  float: left;
  clear: left; 
  margin: 0;
  background-color: #E7C9E0;
}
#menuPageNavigation a{
  display: block;
  margin: 0 0 0.5em 0.25em;
  color: #000000;
  text-decoration: none;
}
#menuPageNavigation a:hover{
  color: #A54499;
  text-decoration: none;
}
ul.pageNavigation{
  display: block;
  margin: 0;
  width: 100%;
}
ul.pageNavigation li{
  display: block;
  margin: 0.5em 0 0.5em 0;
  padding: 0.125em;
}
ul.pageNavigation li.youAreHere span{
  display: inline;
  padding: 0 1em 0 0.25em;
  background-color: #FFFFFF;
}
ul.pageNavigation li.toParent a{
  background: url(ul_chevs.gif) no-repeat center left;
  padding: 0 0 0 15px;
}
ul.pageNavigation li.parent a{
  background: url(nav_chevs.gif) no-repeat center right;
  padding: 0 20px 0 0;
}
/* ------ END menu navigation (left hand menu) */
/* -- END Basic Page Template -- */

/*---START homepage left panel--*/
#homeContent{
  display: block;
  width: 193px;
  float: left;
  clear: left; 
  margin: 0;
  padding: 0 0.5em 0 0.5em;
  background-color: #E7C9E0;

}
#homeContent p{
  font-size: 92%;
  line-height: 1.5em;
}

/*--END homepage left panel--*/


/* ------- Content Structured Component Template ------ */
#content{
  width: 990px;
  float: left;
  clear: left;
}
div.mainBody{
  width: 790px;
  float: left;
}
#mainBody{
  width: 790px;
  float: left;  
}
#mainBodyMiddle{
  width: 580px;
  float: left;
}
div.pageSection{
	padding: 0 0 2em 0;
}
div.section{
  padding: 0.5em 1em 0em 0.5em;
  float: left;
  width:  100%;
}
div.Section h3{
  float: left;
  clear: both;
  padding: 0 0 0.5em 0;
}
div.contentSection{
 clear: left;
}
div.contentSection img{
  float: right;
  margin: 0.5em 1em 0.5em 1em;
}
div.contentSection h3{
  float: right;
  clear: both;
  padding: 0 0 0.25em 0;
  font-size: 100%;
  width: 200px;
}
div.contentSection h3.ImageCaption{
  visibility: visible;
  float: right;
  padding: 0 0 2em 0;
  margin: 0 0 0 0;
  font-size: 70%;
  line-height: 1.25em;
  width: 250px;
}
div.documentLinks{
  margin: 1em 0 0 0;
}
div.relatedLinks{
  margin: 1em 0 0 0;
}

/*---Notice Item ---*/
#noticeItem{
  width: 195px;
  float: right;
  background-color: #E7C9E0;
  text-align: left;
}
#noticeItem div.contentSection{
  text-align: left;
}
#noticeItem p{
  font-size:  90%;
  color: #000000;
  line-height: 1.8em;
  padding: 0 0.8em 0 0;
  text-align: left;
}
#noticeItem h3{
  text-align: left;
  color: #000000;
  font-size: 110%;
}

#noticeItem ul{
  color: #000000;
}
#noticeItem table{
  table-layout: auto;
  width: 96%;
  border: solid 1px #A54499;
  border-collapse: separate;
  font-size: 100%;
  text-align: center;
  height: 22px;
  background: #ffffff;
}

#noticeItem hr{
	width: 95%;
	margin: 1em 0 1em 0;
}

div.noticeItem img{
  float: left;
  padding: 0em 0em 0em 5em;
  text-align: center;
}

div.heading{
  background-color: #A54499;
  width: 99%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  float: left;
}
div.heading h2{
  font-weight: normal;
  color: #FFFFFF;
  font-size:130%;
  margin: 0 0 0 0;
  padding: 0.15em 0 0.2em 0.5em;
}
 /*END Notice Item --*/

/*---Event ---*/
#event{
  width: 199px;
  float: right;
  background-color: #E7C9E0;
  text-align: center;
}
#event div.contentSection{
  text-align: left;
}
#event p{
  font-size:  70%;
  color: #000000;
  line-height: 1em;
  padding: 0.2em 0.7em 0.2em 0;
}
#event h3{
  text-align: left;
  color: #000000;
  font-size: 90%;
}
#event img{
  position: center;
  padding: 0em 0em 4em 0em;
}
#event ul{
  color: #000000;
}
#event table{
  table-layout: auto;
  width: 180px;
  border: solid 1px #A54499;
  border-collapse: seperate;
  font-size: 100%;
  text-align: center;
  height: 17px;
  background: #ffffff;
  padding: 0 0 0 0;
}

#event hr{
	width: 95%;
	margin: 1em 0 1em 0;
}
div.heading2{
  background-color: #A54499;
  width: 195px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
  float: left;
}
div.heading2 h2{
  font-weight: normal;
  color: #FFFFFF;
  font-size:110%;
  margin: 0 0 0 0;
  padding: 0.15em 0 0.3em 0.5em;
}
/*--- EVENT--*/


/*---HP buttons--*/


div.HPbuttons{
	padding: 0.2em 0.3em 0.5em 0.6em;
	float: left;
}
/*--END HP buttons--*/

/* ------- contact page*/
div.serviceContact, div.externalContact{
  padding: 0.5em 0.5em 3em 0.5em;
  float: left;
}
div.serviceContact h3, div.externalContact h3{
  font-size: 125%;
  padding: 0 0 1em 0;
}
div.serviceContact h4, div.externalContact h4{
  color: #A54499;
  font-size: 110%;
  font-weight: bold;
  padding: 1em 0 0 0;
}
div.serviceContact address, div.externalContact address{
  font-style: normal;
  padding: 0.5em 0 0 0;
}
div.serviceContact ul, div.externalContact ul{
  margin: 0 0 0 0;
}
div.serviceContact li, div.externalContact li{
  list-style-type: none;
}

/* -------END contact page */

/* ------- content section */

/* ------- END content section */
/* ------- END Content Structured Component Template ------ */

/* -------- Index Item Component Template -------- */
div.indexItem{
    padding: 0.5em 0.5em 1em 0.5em;
    margin: 0 0 0 0;
}
div.indexItem h3{
  font-size: 105%;
  padding: 0 0 0 0;
  color: #A54499;
}
div.indexItem div.fullArticleLink{
  text-align: right;
  margin: 0em 0;
}
div.indexItem div.fullArticleLink a{
  background: url(bt_chevs.gif) no-repeat center left;
  padding-left: 20px;
}
/* -------- END Index Item Component Template -------- */
/* -------- END CONTAINER ----------- */


/* --------- FOOTER ------------- */ 
#pageFooter{
  border-top: solid 6px #E7C9E0;
/*  border-bottom: solid 2px #A54499;*/
  padding: 0 0 30px 0;
  width: 990px;
}
#pageFooter hr{
  clear:  left;
  color: #A54499;
  background-color: #A54499;
  height: 6px;
  width: 100%;
}
#pageFooter hr.wide{
  clear:  both;
  color: #A54499;
  background-color: #A54499;
  height: 2px;
  width: 100%;
}
#pageFooter a{
  color: #000000;
  text-decoration: none;
}
#pageFooter a:hover{
  color: #A54499;
  text-decoration: none;
}
div.footerBanner{
  border-bottom: solid 5px #E7C9E0;
  text-align: center;
  padding: 5px 0 5px 0;
  background-color: #A54499;
}
div.footerContactDetails{
  float: left;
  margin-bottom: 0;
}
div.footerContactDetails address{
  padding: 1px 0 0 3px;
  font-size: 70%;
  font-style: normal;
}
div.footerContactDetails ul{
  margin: 0 5px 0 5px;
}
div.footerContactDetails li{
  display: block; 
  float: left;
  padding: 0 5px;
  margin: 0 8px 0 -4px;
  border-left: solid 1px #333333;
  font-size: 70%;
  font-style: normal;
}
div.footerAffiliates{
  float: right;
  margin: 5px 3px 1px 3px;
  display: block;
  padding: 2px 10px 2px 0;
}
div.footerAffiliates li{
  list-style: none;
  display: inline;
  padding: 0 0.5em;
}
div.footerStandards{
  float: left;
  clear: left;
}
div.footerLinks{
  float:  right;
  margin: 0 2px 0 0;
  font-size:  70%;
  clear: right;
}
div.footerLinks ul{
  margin: 0 5px 0 5px;
}
div.footerLinks li{
  display: block; 
  float: left;
  margin: 0 -10px 0 10px;
  border-right: solid 1px #333333;
  padding: 0 5px 0 5px;
}
/* --------- END FOOTER --------- */