/* CSS Document */
*{font-family:arial, helvetica, sans-serif; }
body {color:#225264;   margin: 0px auto;  padding: 0px auto; text-align: center;  font-size:11px; line-height: 16px; background-color: #FFF; }

div,span{text-align:left; vertical-align:top; }
tr,th,form,ol,dd,dt,blockquote{vertical-align:top;}
input,select,textarea{font-size:8pt}
p {font-size: 11px; padding:0px 0px 10px 0px; margin: 0px;}

li{padding-bottom:4px;}
ul{padding-bottom:0px;}
h1 {font-size: 15px; line-height:19px; font-weight:normal;  color:#225264; padding: 0px 0px 7px 0px; margin: 0px auto;}
h2 {font-size: 14px; line-height:20px; font-weight:normal;  color:#225264; padding: 4px 0px 10px 0px; margin: 0px auto;}
h3 {padding: 0px; margin: 0px auto; font-size: 14px; }

ol {padding-bottom: 0px;}
ol li {padding-bottom:10px;}

/* ClearFix */
.CF:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.CF {display:inline-block;}

/* Hide from IE Mac \*/
.CF {display:block;}

/* Floating Elements */
.floatimgleft {float:left; padding:15px; }


/* Link - Styles */
a:link{color:#225264}
a:visited{color:#0D2E38}
a:hover{color:#7ECBB6}
a img { border: 0; text-decoration: none;}
a img.artwork {border: 1px solid #7ecbb7}


td.imgartwork {width: 150px; padding: 0px 0px 10px 0px;}

.borderimg {border: 1px solid #7ecbb7;}
.validationred {font-size:13px; color:#900;}
.validation {font-size: 13px;}

.dividio { border-top: dashed 1px #d2d2d2; margin: 5px 0 5px 0; padding: 5px 0 0 0;}
.numeric {float:left; background: #7ecbb7; padding: 4px 10px 4px 10px;  margin: 0 10px 0 0; color: #225264; font-weight:bold; display:block;}
.definition {float:left; padding: 4px 0 4px 0; }
.numericcomitted {float:left; background: #1518d1; padding: 4px 10px 4px 10px;  margin: 0 10px 0 0; color: #FFF; font-weight:bold; display:block;}
.definitioncommitted {float:left; padding: 4px 0 4px 0; color:#000; font-weight:bold;}
#mapdefinitions {padding:10px 0 30px 0; width: 531px;}


/* Sitemap */
#sitemap1{width: 670px; height:338px; float:left;}
	#sc1 {width: 635px; padding: 15px 0px 0px 35px;   }
	#sc2 {width: 635px; padding: 15px 0px 0px 35px;   }
		#sc2a {width:240px; float:left; }
		#sc2b {width:140px; float:left; }

#smhome {background: url(/stp/images/sitemap/home.gif) no-repeat left top; padding: 2px 0px 0px 26px; height:20px;}
#smfolder {background: url(/stp/images/sitemap/folder.gif) no-repeat left top; padding: 2px 0px 0px 23px; height:20px;}
#smfoldercontent {background: url(/stp/images/sitemap/foldercontent.gif) no-repeat left top; padding: 2px 0px 0px 23px; height:20px;}
	#smpage {background: url(/stp/images/sitemap/page.gif) no-repeat left top; padding: 2px 0px 0px 33px; height:20px;}
	#smpageSPACE { padding: 2px 0px 0px 33px; height:20px;}
	#smpage2 {background: url(/stp/images/sitemap/page2.gif) no-repeat left top; padding: 2px 0px 0px 48px; height:20px;}


/* Newsroom */
table { border: 0px; padding: 0px ; margin: 0 px; border-collapse: collapse;  border-spacing:0px; }
table.main { width: 100%; }
	td.newsdrop {background:url(/stp/images/newsdrop.gif) top left no-repeat; padding: 8px 0px 10px 25px;}
		#ndhead {color:605a4e; font-size: 14px; padding-bottom:4px;} 
			#ndhead a.lnk {color: #505153; font-size:12px;  text-decoration:none;  }
			#ndhead a.lnk:visited { color: #505153;  }
			#ndhead a.lnk:hover { color: #225264;  }
		#ndbody { padding: 0px 10px 3px 0px; }

	td.pagination {padding-bottom:10px;}
	tr.border {border: 1px solid #cde9df; padding:0px; margin:0px;}
		td.spacetd {height: 8px; }
	td.subpage {width: 95px; vertical-align:top;}
	td.leftfield {width: 110px; padding-bottom: 5px; padding-top:6px; border-bottom:1px solid #ececec; vertical-align:top;}
	td.rightfield {padding-bottom: 5px; border-bottom:1px solid #ececec; padding-top:5px;}


td.newsdate {padding-bottom: 10px;}	
td.newsphotocaption { font-weight: bold; padding: 6px 25px 15px 0px; color:#7ecbb7;}
td.headingnews {font-size: 16px; font-weight:normal;  color:#032937; padding-bottom: 2px;}
td.newsphoto {padding-right: 15px;}
td.newspdflink { width:75px; padding-top:12px; padding-left: 5px; padding-bottom:12px; padding-left: 5px;}
td.newspdflink1 {  padding-top:12px; padding-left: 5px; padding-bottom:12px; padding-left: 5px;}
td.ruler {border-top: 1px solid #e0e0e0; }

/*TD */
td.contactleft {padding: 5px 0px 5px 0px;  width: 120px; border-bottom: dashed 1px #d2d2d2;}
td.contactright {padding: 5px 0px 5px 0px;  border-bottom: dashed 1px #d2d2d2;}

/* Input Fields */
.inputbox { Font-Size: 11px;  border:solid 1px #aecfdb; background-color: #ffffff; color:#595d61; margin: 0px; padding: 2px; width: 205px;}
.enquirybox { Font-Size: 11px;  border:solid 1px #b5b5b5; background-color: #ffffff; color:#595d61; margin: 0px; padding: 2px; width: 250px;}
.enquiryboxsml { Font-Size: 11px;  border:solid 1px #b5b5b5; background-color: #ffffff; color:#595d61; margin: 0px; padding: 2px; width: 100px;}
.dot {color:#990000;}


/* Navigation */
#container {width: 897px; margin: 0px auto; height: auto; }
#toplogo { width: 897px; heigh:85px; background: url(/stp/images/graphic_background.gif)no-repeat top right; }
#navigation {width: 869px; height:32px; padding: 0px 0px 0px 7px;}
	#navhome {width: 70px; float:left; height:32px;}
	#navmenu {width:789px; float:left; height:32px;}

/* Home Content */
#bodycontent {width: 897px; }
#homeone {width: 897px; height:284px;}
	#homeflash {width: 596px; height: 284px; float:left;}
	#homenews { width: 230px; height:221px; float:left; padding: 63px 45px 0px 26px; color: #225264; background-color: #7ECBB6; background-image: url(/stp/images/latest_news.gif); background-repeat: no-repeat; background-position: left top; }
#hometwo {width: 897px; }
	#introductionpara {width: 542px; float:left;  padding: 20px 30px 20px 24px;}
		#ip1 {padding: 0px 0px 10px 0px; width: 542px; height:11px;}
		#ip2 {padding: 0px 0px 0px 0px; width:542px;}		
	#featurespara {width: 230px; float:left; left:596px;  padding: 20px 45px 20px 26px;}	
		#fp1 {padding: 0px 0px 10px 0px; width:235px;}
		#fp2 {padding: 0px 0px 0px 0px; width:235px;}		
		
#datefield {padding-top:6px;}
		#datefield a.lnk {color: #225264;   font-weight:normal;  }
		#datefield a.lnk:visited { color: #225264;  }
		#datefield a.lnk:hover { color: #FFF;  }


/* Home Content */
#topbar { width: 897px; border-top: 13px solid #225264; background-color: #7ECBB6; background-image: url(/stp/images/topbar.gif); background-repeat: no-repeat; height:82px; }
#bodycontent {width: 897px; }
	#cbleft {float:left; height: 300px; width: 138px;  padding: 10px 24px 0px 18px;  }
	#cbmiddle {float:left;  width:531px; left: 180px; }
	#cbmiddlemap {float:left;  width:717px; left: 180px; }
		#cbmhead {padding: 20px 10px 10px 0px; }
		#contentfield {padding: 0px 50px 40px 0px; width:481px;} 
	#cbright {float:left; width: 186px; left: 711px;}
		#rightbanner1 {width:186px; padding: 0 0 10px 0; }
		#rightbanner2 {width:186px; padding-top: 5px; }

/* Left-hand Menu */
#menuitem { padding: 7px 14px 7px 14px;  border-top: 1px solid #d2d2d2;  }
		#menuitem a.lnk {color: #225264;   text-decoration:none; font-weight:normal;  }
		#menuitem a.lnk:visited { color: #555f68;  }
		#menuitem a.lnk:hover { color: #7ECBB6;  }


/* Footer */
#footerbase {width: 870px; border: 1px solid #7ECBB6; padding: 0px 0px 0px 25px; height: 21px;}
	#fb1 {float:left; padding-right: 45px; height:21px; vertical-align:top;}
#associations {width: 897px;  height: 43px; padding-bottom:25px;  }
	#a1 {width: 648px; float:left; height:43px; }
	#a2 {width: 249px; float:left; left: 648px; }

/*Navigation */
	/* Commom style for all browsers */
	.menu4 { text-align:left; font-family: arial, verdana, sans-serif; position:relative; font-size:0.85em; background:transparent; padding:0px; width: 789px; height:32px; margin:0 auto; z-index:100 ; }
	.menu4 ul { padding:0; margin:0; list-style-type: none; }
	
	.menu4 ul li { float:left; position:relative;  padding: 0px;}
	.menu4 ul li.aboutstp {width: 330px; height: 32px;}
	.menu4 ul li.theopportunity {width: 165px; height: 32px;}
	.menu4 ul li.location {width: 104px; height: 32px;}
	.menu4 ul li.newsmenu {width: 66px; height: 32px;}
	.menu4 ul li.contact {width: 109px; height: 32px;}
		.menu4 ul li.page {background-color:#899DA8 ; }
		.menu4 ul li.pages {background-color:#899DA8;}
		.menu4 ul li.second {background-color:#d2e1e6 ;}	

.menu4 ul li a, .menu4 ul li a:visited { display:block; text-decoration:none; height:26px; background-color: #225264; color:#FFF; width:10px; padding:0px; line-height:26px; }
* html .menu4 ul li a, .menu4 ul li a:visited { width:52px; w\idth:52px; }

.menu4 ul li ul { visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; }
.menu4 table { margin:-3px; border-collapse:collapse; font-size:1em; }

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {color:#26641f; background:#FFF; text-decoration:none; border:0px;}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {visibility:visible;  height:auto; position:absolute; top: 32px;  background:#d2e1e6; border:0px solid #FFF; width:145px; overflow:visible; }

/* About STP */
.menu4 ul li.aboutstp:hover ul,
.menu4 ul li.aboutstp a:hover ul {width:290px; }
.menu4 ul li.aboutstp:hover ul li a,
.menu4 ul li.aboutstp a:hover ul li a { width:290px;}
.menu4 ul li.aboutstp:hover ul li a.drop,
.menu4 ul li.aboutstp a:hover ul li a.drop { width:290px; }

/* Link Standard Text Format */ 
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {display:block; background:transparent; text-decoration:none; color:#FFF ; height:auto; line-height:1.5em; padding:6px 10px 7px 15px; width:130px; border-bottom: 1px solid #899DA8;}

/* Link Second Tier Standard Format */
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop { display:block; color:#FFF ; height:auto; line-height:1.5em; padding:6px 10px 7px 15px; width:130px; border-bottom: 1px solid #899DA8; }

.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;}

/* Link Rollover State */ 
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {color:#FFF; background-color:#225264; text-decoration:none; border-bottom: 1px solid #899DA8;}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; top:0; color:#000; left:145px; height:auto; border:0px;}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {left:-196px;}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {display:block; color:#353535; height:auto; line-height:1.5em; padding: 6px 10px 7px 30px; width:145px;}

* html .menu4 ul li a:hover ul li a:hover ul li a {padding:6px 10px 7px 30px;}
.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {color:#FFF; text-decoration:none;}