/******************** new code ************************/

body {
	margin: 0px;
	padding: 0px;
	font-family:tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

#pagecontainer {
	width: 770px;
	margin: 5px;
	text-align:left;
}

.fl {float: left;}
.fr {float: right;}

/******************************************************
	page header
******************************************************/
#masthead {
	position: relative;
	/* background: url(../images/bg_masthead.jpg) no-repeat top left; */
	background: #ffffff;
	width: 770px;
	height: 101px;
	margin: 0px;
	padding: 0px;
}
#masthead h1 
{
	display: block;
	background: url(../images/sp_logo.gif) no-repeat bottom right;
	width: 83px;
	height: 83px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 35px;
}
#masthead h1 a {
	display: block;
	width: 100%;
	height: 100%;
}
#masthead h1 span {
	display: none;
}
#masthead #banner 
{
	display: none;
	position: absolute;
	width: 460px;
	height: 60px;
	top: 10px;
	right: 10px;
}
#topnav 
{
	float: left;
	display: block;
	/* background: url(../images/bg_topnav.jpg) no-repeat top left; */
	width: 575px;
	margin: 0px;
	padding: 0px;
}
#topnav ul {
	list-style-type: none;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#topnav li.last {
	border:0px;
}
#topnav a 
{
	float: left;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 7pt;
	margin-top: 4px;
	padding: 5px 10px 10px 10px;
}
#topnav a.selected {
	color: #ffffff;
	background: #c9151e;
	position: relative;
	margin-top: 5px;
	padding: 5px 10px 10px 10px;
	
}
#topnav a:hover {
	text-decoration: underline;
}

#tab {
	float: right;
	margin: 5px 14px 0 0;
	background: #b19446;
	width: 125px;
	height: 22px;
}
#tab a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	margin: 0px;
	width: 100%;
	height: 100%;
}
#tab a span {
	display: block;
	margin: 5px 0px 0px 13px;
}

#tab a:hover {text-decoration: underline;}

#subnav 
{
	float: left; 
	display: block;
	width: 100%;
	height: 26px;
	margin: 0px;
	padding: 0px;
	background: #c9151e;
}
#subnav ul {
	list-style-type: none;
	margin: 5px 0px 0px 24px;
	padding: 0px;
	
}
#subnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	border-right:1px solid #ffffff;
}
#subnav li.last {
	border:0px;
}
#subnav a {
	color: #ffffff;
	text-decoration:none;
	font-size: 8pt;
	padding: 0 6px;
}
#subnav a.selected {
	font-weight:bold;
}
#subnav a:hover {
	text-decoration: underline;
}
/*** secondary subnav ***/
#pagecontent #secondarysubnav 
{
	float: left;
	display: block;
	width: 380px;
	height: 26px;
	margin: 0px;
	padding: 0px;
}
#pagecontent #secondarysubnav ul 
{
	float: left;
	list-style-type: none;
	margin: 5px 0px 0px -7px;
	padding: 0px;
}
#pagecontent #secondarysubnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
	border-right:1px solid #b12a1b;
}
#pagecontent #secondarysubnav li.last {
	border:0px;
}
#pagecontent #secondarysubnav a {
	color: #b12a1b;
	text-decoration:none;
	font-size: 7pt;
	font-weight: bold;
	margin: 0px 4px 0px 7px;
}
#pagecontent #secondarysubnav a.selected, #secondarysubnav a:hover {
	color: #b12a1b;
	text-decoration: underline;
}

#pagecontent .page_header span.subnav {float: right; padding: 16px 0 0 0;}

/*** end secondary subnav ***/

#pageheader {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#pageheader h2 {
	padding: 0 0 0 5px;
	margin: 0px;
	
}

#pagecontent #pageheader p {
	color: #928038;
	font-size: 9pt;
	font-weight: bold;
	padding: 0 0 0 5px;
}

/* Meera's NEW CSS */

.logo {padding: 5px 0 0 40px;}
.strap {padding: 30px 20px 0 0;}

.navigation {width: 100%; background:url('../images/nav_bg.gif') repeat-x; height: 31px;}

#pagecontent .page_headerhome {float: left; background:url('../images/h1_bg.jpg') bottom left repeat-x; width: 770px; height:58px; margin-bottom:20px;}
#pagecontent .page_header {float: left; background:url('../images/h1_bg2.jpg') bottom left repeat-x; width: 770px; height:58px; margin-bottom:20px; padding-bottom: 8px;}
#pagecontent .page_header p,#pagecontent .page_headerhome p  {padding: 20px 10px; color: #c51521; font-size: 11px; font-weight: bold;}
#pagecontent .page_header span {float: left;}

.sitemap_ttl {padding: 10px 0 0 0;}


/* END NEW CSS */

/*** END ***/

/******************************************************
	page content
******************************************************/
#pagecontent ul {
	padding: 0px;
	margin: 0px;
	list-style-type: square;
}
#pagecontent ol {
	padding: 0px;
	margin: 0px;
}
#pagecontent ul li {
	margin: 0px 0px 10px 17px;
	vertical-align: top;
}
#pagecontent ol li {
	margin: 0px 0px 10px 30px;
	vertical-align: top;
}
#pagecontent ol li li {
	margin-top: 10px;
	list-style-type: lower-alpha;
}
#pagecontent p, #pagecontent ul, #pagecontent ol {
	color: #333;
	font-size: 8pt;
	font-weight: normal;
	padding:0px 10px 0px 0px;
	margin-top: 0px;
}
#pagecontent h2 {
	color: #b22a10;
	font-size: 12pt;
	font-weight: bold;
	padding: 0px 0 10px 0;
	margin: 0px;
}
#pagecontent h3 {
	color: #b09546;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 0px 0;
}
#pagecontent h4 {
	color: #b22a10;
	font-size: 10pt;
	font-weight:bold;
	padding: 0px;
	margin: 0 0 10px 0;
}
#pagecontent h5 {
	color: #b22a10;
	font-size: 8pt;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
#pagecontent h6 a {
	color:#b12a1b;
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0 0px 0;
	margin: 0px;
}


#pagecontent br {
	clear: both;
}
#pagecontent a {
	color: #b12a1b;
}
#pagecontent table {
	width: 95%;
}
#pagecontent table, #pagecontent td {
	font-size: 8pt;
}
#pagecontent table.sleek {
	width: 95%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-right: 1px solid #dadada;
}
#pagecontent table.sleek th {
	padding: 3px;
	border: 1px solid #dadada;
	color: #b22a10;
	font-weight: bold;
	background: #f0f0f0;
	text-align: left;
}
#pagecontent table.sleek td {
	padding: 3px;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: left;
}

/*** END ***/

/*********************************************************************
	templates for columns
	?? == column number
	col1_??	    == one column template layout
	col2_5050_?? == two column template 50x50 layout
	col2_6633_?? == two column template 66x33 layout
	col3_txt_?? == 3 column template with 3rd colum as text
	col3_img_?? == 3 column template with 3rd colum as image
*********************************************************************/

/*** 1 column layout ***/
#col1_01 {
	float: left;
	vertical-align: top;
	padding-left: 10px;
}
/*** 2 column layout 50x50 ***/
#col2_5050_01 {
	float: left;
	vertical-align: top;
	width: 360px;
	padding-left: 5px;
	
}
#col2_5050_02 {
	float: left;
	vertical-align: top;
	width: 360px;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}
#col2_5050_01 p, #col2_5050_02 p {
	width: 95%;
}

/*** 2 column layout 66x33 ***/
#col2_6633_01 {
	float: left;
	vertical-align: top;
	width: 490px;
	padding-left: 5px;
	padding-right: 15px;
}

#col2_6633_01 p 
{
	padding: 0px 0 0 0;
	}
#col2_6633_02 {
	float: left;
	vertical-align: top;
	width: 250px;
	padding-left: 5px;
}
/*** 3 column layout text ***/
#col3_txt_01 {
	float: left;
	vertical-align: top;
	width: 335px;
	padding-left: 5px;
}
#col3_txt_02 {
	float: left;
	vertical-align: top;
	width: 180px;
	border-left: 1px solid #ccc;
	padding-left: 5px;
}
#col3_txt_02 p,#col3_txt_02 h2,#col3_txt_02 h3,#col3_txt_02 h4,#col3_txt_02 h5 {
	width: 90%;
}
#col3_txt_03 {
	float: left;
	vertical-align: top;
	width: 223px;
	clear: right;
	border-left: 1px solid #ccc;
	padding-left: 5px;
}
/*** 3 column layout image ***/
#col3_img_01 {
	float: left;
	vertical-align: top;
	width: 330px;
	padding-left: 5px;
	padding-right: 5px;
}
#col3_img_02 {
	float: left;
	vertical-align: top;
	width: 180px;
	padding-left: 5px;
}
#col3_img_02 p,#col3_img_02 h2,#col3_img_02 h3,#col3_img_02 h4,#col3_img_02 h5 {
	width: 90%;
}
#col3_img_03 {
	float: left;
	vertical-align: top;
	width: 224px;
	clear: right;
	padding-left: 5px;
}

#Image1 {padding: 10px 0 0 0px;}
/*** END ***/

/******************************************************
	page footer
******************************************************/
#footer_container 
{
	float: left;
	width: 770px;
}

#footer_topleft {
	/* background: url(../images/footer_topleft.jpg) no-repeat top left; */
	width: 474px;
	height: 48px;
	float: left;
}

#footer_cancel_off {
	/* background: url(../images/btn_cancel_off.jpg) no-repeat top right; */
	width: 155px;
	height: 48px;
	float: left;
}
#footer_proceed_off {
	/* background: url(../images/btn_proceed_off.jpg) no-repeat top left; */
	width: 141px;
	height: 48px;
	float: left;
	clear: right;
}
#footer_bottom {
	/* background: url(../images/footer_bottom.jpg) no-repeat top left;	*/
	width: 770px;
	height: 30px;
	clear: both;
	border-top: 4px solid #b19445;
	background: #eee6cd;
	font-size: 9px;
	padding: 20px 0;
}


#footer_bottom a, #footer_bottom span {
	text-decoration: none;
	color: #000;
	margin: 0px 4px 0px 4px;
}
#footer_bottom a:hover, #footer_bottom a.selected {
	color: #000;
	text-decoration: underline;
}
#footer_bottom ul.top {
	list-style-type: none;
	margin: 0px 0px 5px 10px;
	padding: 0px;
}
#footer_bottom ul.bottom {
	list-style-type: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#footer_bottom ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	border-right:1px solid #000;
}
#footer_bottom ul li.last {
	border:0px;
}

/*** END ***/

.red
{
	color: #ff0000;
	
}

div.red {padding-top: 10px;}

.obscuredh1
{
	color:#fff;
	font-size:1px;
	padding:0px 0 0 5px;
	margin:0px;
	border:0px;
}

.form { background-color:#b22a10; color: #fff; padding: 0 0 0 10px;}

hr {border-bottom: 1px solid #b09546;}