/* CSS Document */

body{
	background:url(../images/structure/background.gif) repeat;
	margin-top: 0px;

}

#page{
	margin-left: auto;
	margin-right: auto;
	width: 50em;
	position: relative;
}

table#page-content{
	width: 780px;
	padding-top:0px;
	background:none;
}

tr{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#header{
	background:url(../images/structure/sparkmatrix-header.jpg) no-repeat;
	height: 88px;
	width: 798px;
	
}

#sub-header{
	background:url(../images/structure/sparkmatrix-subheader.jpg) no-repeat;
	height: 155px;
	z-index:100;
	width: 798px;
}


/* SIDEBAR CSS */
#sidebar{
	width: 20%;
	vertical-align: top;
}

table#sidebar-table-left{
	width: 168px;
	margin-left:2px;
}

#sidebar-right-space{
	position: relative;
	left: 0px;
	top: -20px;
	height: 128px;
	width: 140px;
	background:url(../images/structure/watermark2.gif)
}

table#sidebar-table-right{
	border-width: 1px;
	border-color: #d7e2ea;
	border-style: solid;
	border-top-style:none;
	width: 170px;
	margin-right: 0px;
	margin-top: 20px;
	vertical-align:top;
	background-color:#eaeff5;
}

#sidebar-title{
	background-color: #d4dfe8;
	height: 18px;
	text-align: left;
	padding-left: 5px;
	text-transform:uppercase;
}

#sidebar-body{
	text-align:left;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom:4px;
}
/* END SIDEBAR CSS */

/* BODY CONTENT */
#body-middle{
	background:url(../images/structure/body-middle.jpg) repeat;
	background-position: left;
	padding: 1px 0px;
	height:auto;
	width: 856px;
}

#content{
	background:url(../images/structure/body-middle.jpg) repeat-y;
	text-align: justify;
	vertical-align: top;
	padding: 1px 0px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top:236px;
	left:0px;
	z-index:99;
}

#tableshift{
	position: relative;
	top:-165px;
	left:0px;
}

#body-content{
	text-align: justify;
	vertical-align: top;
	padding: 1px 0px;
	padding-left: 5px;
	padding-right: 20px;
	width:45%;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer{
	background:url(../images/structure/footer.jpg) no-repeat; 
	width:798px; 
	height:33px; 
	position:relative; 
	top:2px;
	left:-10px;
}

#menu{
	position:absolute; 
	width:798px;
	top:70px; 
	left:20px;
}

#menu-help-sitemap-careers{
	position:absolute;
	width:200px;
	top:2px;
	left:625px;
	text-align:left;
}


#bottommenu{
	position:absolute;
	width:798px;
	top:7px;
	left:13px;
}

/* END BODY CONTENT */

#header-content{
	width: 395px;
	float: right;
}

td.topmenu{
	background-color:#f0f0f0;
	height: 15px;
	vertical-align:middle;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 5px;
}

td.header-content-box{
	width: 50%;
	text-align: left;
	vertical-align:top;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.header-text{
	position: absolute;
	top:13px;
	left:405px;
	width:209px;
	text-align:left;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	font-size: 11px;
	height: 44px;
}

#verticalbar{
	float: left;
	padding-right: 5px;
}

#login{
	position: absolute;
	top:2px;
	left:310px;
	width:187px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.login-field{
	font-size:10px;
	font-weight: bold;
	padding-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:150px; 
}

#bamboo-login, #MngrName{
	height: 12px;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	width:105px;

}

#bamboo-password, #password{
	height: 12px;
	border-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000000;
	width:105px;
}

#login-button{
	position: absolute;
	left:115px;
	top:25px;
	background: url(../images/misc/loginbutton.jpg) no-repeat;
	width: 51px;
	height: 20px;
	border:0px;
	padding-left:0px;
	margin-left:0px;
	
}

#menu-search{
	width: 768px;
	height: 20px;
	position: absolute;
	top: 100px;
	left: 11px;
	overflow:hidden;
}


/* SUBMENU */
#submenu{
	z-index:102;
}

#submenu-table{
	width:164px;
	z-index:102;


}

#submenu-top{
	background:url(../images/structure/submenu/submenu-top.jpg);
	height: 19px;
	color:#ffffff;
	font-weight:bold;
}

#submenu-table tr.submenu-top{
	background:url(../images/structure/submenu/submenu-top.jpg);
	height: 19px;
	color:#ffffff;
	font-weight:bold;
	border-bottom-width:0;
}

#submenu-table tr{
	background:url(../images/structure/submenu/submenu-row.jpg) ;
	height: 20px;
	color:#000000;
	border-color:#000000;
}


#submenu-table td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-color:#d7e2ea;
}


#submenu-footer{
	background:url(../images/structure/submenu/submenu-footer.jpg) no-repeat;
	height: 19px;
}

#submenu-row td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom:solid;
	border-bottom-width:1px;
	border-color:#d7e2ea;
}

.submenu-header{
	text-transform:uppercase;
	padding-left:10px;
	padding-top:0px;
}


.submenu-header-green{
	text-transform:uppercase;
	padding-left:10px;
	padding-top:0px;
	color: #589d1f;
}

.submenu-header-purple{
	text-transform:uppercase;
	padding-left:10px;
	padding-top:0px;
	color: #2a2f8a;
}

.submenu-module{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:none;
	font-weight:normal;
	padding-left:20px;
}

/* END SUBMENU */




/* Fonts */
h1{
	font-family: Verdana;
	font-size: 20px;
	font-weight:bold;
	color: #2a2f8a;
	margin-top:10px;
}

h2{
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
	color: #59a124;
	padding-bottom:3px;
}

p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#3333333;
}

p.sidebarText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3333333;
}

.no-size{
	font-family: Verdana;
	font-size: 20px;
	font-weight:bold;
	color: #2a2f8a;
	margin-top:0px;
	margin-bottom: 0px;
	padding-top: 0px;
}

.bodyText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3333333;
	text-align:justify;
}

.bodyText-table{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#3333333;
	text-align:left;
}

.smallBlackText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}
.greenText{
	color: #589d1f;
}

.purpleText{
	color: #292d88;
}

.litepurpleText{
	color: #a9b8c5;
	font-weight:bold;
	font-size:9px;
}

.orangeText{
	color: #ffd335;
}

.whiteText{
	color: #ffffff;
}

.quoteStyle{
	color: #589d1f;

	font-size: 12px;
}

li{
	/* background: url(../images/misc/bullet.gif) no-repeat; */
	background-position: 0px 9px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 2px;
	
}

ul li{
	padding: 0px;
	background-position: 0px;
}

/* Fonts */
.sidebarTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
}

.sidebarText{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #64676a;
	text-align:left;
}


/* Links */
A:link {text-decoration: none; color:#589d1f;}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none; color:#a9b8c5;}

/* SUB MENU - LEFT SIDE: GREEN LINK */ 
#sidebar-body #submenu-row A.submenu-header-green:link {text-decoration: none; color:#589d1f; font-size:10px;}
#sidebar-body #submenu-row A.submenu-header-green:visited {text-decoration: none; color:#589d1f; font-size:10px;}
#sidebar-body #submenu-row A.submenu-header-green:active {text-decoration: none; color:#589d1f; font-size:10px;}
#sidebar-body #submenu-row A.submenu-header-green:hover {text-decoration: none; color:#a9b8c5; font-size:10px;}

/* SUB MENU - LEFT SIDE */
#sidebar-body #submenu-table A:link {text-decoration: none; color:#000000; font-size:10px;}
#sidebar-body #submenu-table A:visited {text-decoration: none; color:#000000; font-size:10px;}
#sidebar-body #submenu-table A:active {text-decoration: none; color:#000000; font-size:10px;}
#sidebar-body #submenu-table A:hover {text-decoration: none; color:#a9b8c5; font-size:10px;}

/* RIGHT SIDE BOX LINKS */
#sidebar-body A:link {text-decoration: none; color:#589d1f; font-size:10px;}
#sidebar-body A:visited {text-decoration: none; color:#589d1f; font-size:10px;}
#sidebar-body A:active {text-decoration: none; color:#589d1f; font-size:10px;}
#sidebar-body A:hover {text-decoration: none; color:#a9b8c5; font-size:10px;}

A.links-topright:link {text-decoration: none; color:#a9b8c5; font-weight:bold; font-size:9px;}
A.links-topright:visited {text-decoration: none; color:#a9b8c5; font-weight:bold; font-size:9px;}
A.links-topright:active {text-decoration: none; color:#a9b8c5; font-weight:bold; font-size:9px;}
A.links-topright:hover {text-decoration: none; color:#a9b8c5; font-weight:bold; font-size:9px;}

A.links-bottomright:link {text-decoration: none; color:#ffffff; font-weight:bold; font-size:9px;}
A.links-bottomright:visited {text-decoration: none; color:#ffffff; font-weight:bold; font-size:9px;}
A.links-bottomright:active {text-decoration: none; color:#ffffff; font-weight:bold; font-size:9px;}
A.links-bottomright:hover {text-decoration: none; color:#ffffff; font-weight:bold; font-size:9px;}

A.links-bottomleft:link {text-decoration: none; color:#2a2f8a; font-weight:bold; font-size:10px;}
A.links-bottomleft:visited {text-decoration: none; color:#2a2f8a; font-weight:bold; font-size:10px;}
A.links-bottomleft:active {text-decoration: none; color:#2a2f8a; font-weight:bold; font-size:10px;}
A.links-bottomleft:hover {text-decoration: none; color:#2a2f8a; font-weight:bold; font-size:10px;}



/*BGCOLOR*/
.lightskin
{
	background-color: #FAF9F5;
}
.darkerskin
{
	background-color: #F1EFE9;
}

/*BORDER*/
.borderrightbrown
{
	border-right: 1px solid #C0B9A0;
}
.borderdottedbottom
{
	 background-image:url(../images/dottedline1.gif);
	 background-position:bottom;
	 background-repeat:no-repeat;
}