@import url(global/user.css);
@import url(global/common.css);
@import url(apps/forms01.css);

/* Elements of template0.jsp */
body {
	background: #20272F;
	color: #000000;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 0.76em;
	margin: 0;
	padding: 0;
	text-align: center;
}


#wrap {
	background: url(../images/wrap_bg.jpg) repeat-y;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 760px;
}

html>body #wrap {
  	width: 760px;
} 

#header {
	background: #20272F url(../images/header_bg.jpg) no-repeat;
	height: 96px;
	position: relative;
	width: 760px;
}

#logo {
	background: #20272F url(../images/logo.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	
}

#printlogo{
	display: none;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}


#tagline {
	background: #20272F url(../images/tagline.jpg) no-repeat;
	position: absolute;
	left: 490px;
	top: 0px;
}

#utils {
	position: absolute;
	right: 5px;
	top: 5px;
}

#utils ul{
	margin: 0px;
	padding: 0px;
}

#utils li{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 5px;
}

#utils a, #utils a:visited{
	color: #6D2F7C;
	font-weight: bold;
	text-decoration: none;	
}

#utils a:hover, #utils a:active{
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;	
}

#tabs {
	background: #20272F;
	height: 23px;
	left: 0px;
	top: 73px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 760px;
}


#nav {
	background:#20272F url("../images/nav_bg.jpg") no-repeat top;
	float:left;
	font-size: 80%;
	line-height:normal;
	margin: 0px;
	padding: 0px;
    width:100%; 
}

#nav ul {
	float: right;
	list-style:none;
  	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#nav li {
 	display:inline;
	margin: 0px;
	padding: 0px;
}

#nav a {
 	  float:left;
      background:url("../images/tab_left.jpg") no-repeat left top;
      margin:0;
      padding: 0 0 0 11px;
      text-decoration:none;
}

#nav a span {
	background:url("../images/tab_right.jpg") no-repeat right top;
	color: #000;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 0px;
	padding:5px 12px 4px 6px;  
 }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span{float:none;}
/* End IE5-Mac hack */

#nav a:hover span{
  color:#000;
  
 }

#nav .currenttab {
      background-position: 0px -200px;
      border-width: 0px;
}

#nav .currenttab  a {
      background-position: 0px -200px;
      border-width: 0px;
}

#nav .currenttab a span {
      background-position: 100% -200px;
      color: #000;
}

#nav a:hover {
      background-position:0% -200px;
}

#nav a:hover span {
      background-position:100% -200px;
}


#main-body {
	background: none;
	clear: both;
}

#main-table-body {
	float:left;
	clear: both;
	padding: 0;
	margin: 0;
	border-collapse: collapse;

}

#main-table-body-leftcell, #main-table-body-rightcell {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#sidebar {
	background-color: transparent;
	float: left;
	/* very important - fixes the double margin bug*/
	display: inline;
	margin: 0px 0px 0px 11px;
	padding: 0px;
	width: 150px;
}

#menu-header {
	border-bottom: 1px solid #ccc;
	height: 20px;
	margin: 0px;
	padding: 0px;
	width: 149px;
}

#menu{

}

#menu ul {
	float: left;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
	width: 149px;
}

#menu li {
	border-bottom: 1px solid #ccc;
	float: left;
	clear: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 149px;
}

#menu a {
	color: #2d343b;
	float: left;
	padding: 6px 10px 6px 26px;
	text-decoration: none;
	width: 148px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 112px;
}
	
html>body #menu a {
	width: 112px;
}

#menu a:hover{
	background-color: #ede9db;
	border-right: 1px solid #ccc;
	color: #2d343b;
}

#menu a.current {
	background-color: #ede9db;
	color: #2d343b;
	font-weight: bold;
}

#menu-footer {
	display: none;
}

#banner {
	display: none;
}


#breadcrumbbar{
	background-color: transparent;
	border-bottom: 1px solid #cccccc;
	float: left;
	/* very important - fixes the double margin bug*/
	display: inline;
	margin: 0px 20px 0px 10px;
	padding: 3px 0px 3px 0px;
	width: 570px;
}

#breadcrumblist{
	color: #333333;
	float: left;
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#breadcrumblist a:link, #breadcrumblist a:visited{
	color: #960;
	font-weight: normal;
	text-decoration: none;
}

#breadcrumblist a:hover, #breadcrumblist a:active{
	color: #639;
	font-weight: normal;
	text-decoration: underline;
}

#breadcrumbemail{
	float: right;
	font-size: 80%;
	text-align: right;
	width: 100px;
	line-height: 15px;
}

#breadcrumbemail a:link, #breadcrumbemail a:visited, #breadcrumbemail a:hover, #breadcrumbemail a:active{
	background: url(../images/email.gif) no-repeat 0px;
	color: #333333;
	float: right;
	padding: 0 5px 0 18px;
	text-decoration: none;
}

#breadcrumbprint{
	float: right;
	font-size: 80%;
	padding: 0 0px 0 0;
	text-align: right;
	width: 100px;
	line-height: 15px;
}

#breadcrumbprint a:link, #breadcrumbprint a:visited, #breadcrumbprint a:hover, #breadcrumbprint a:active{
	background: url(../images/printer.gif) no-repeat left;
	color: #333333;
	float: right;
	padding: 0 5px 0 18px;
	text-decoration: none;
}

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

#content-header {
	display: none;
}

#content-body {
	background-color: transparent;
	float: left;
	/* very important - fixes the double margin bug*/
	display: inline;
	margin: 0px 20px 0px 10px;
	padding: 0px;
	width: 570px;
}

#pagetitle {
	background-color: transparent;
	border-bottom: 1px solid #000;
	float: left;
	list-style: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	width: 570px;
}

#pagetitletext{
	float: left;
	padding: 0 0 0 2px;
	
}

#pagetitletext h1{
	color: #000;
	font-size: 150%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


#content-footer {
	display: none;
}

#footer {
	background: #20272F url(../images/footer_bg.jpg) no-repeat top;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
}

#footerwrap {
	position: relative;
}

#footer p {
	margin: 0;
	padding: 0px 10px 0 0;
}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer ul{
	color: #fff;
	font-size: 80%;
	margin: 0;
	padding: 0;
	text-align: right;
}

#footer li{
	display: inline;
	list-style-type: none;	
	margin: 0px;
	padding: 0px 15px 0px 0px;
}

#footer a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer a:hover {
	color: #f90;
}

#footer a:active {
	color: #f90;
}

#copyright{
	display: none;
	color: #999;
	float: left;
	font-size: 80%;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	width: 760px;
}

#poweredby{
	float: left;
	font-size: 80%;
	text-align: center;
	width: 760px;
}

#poweredby a:link, #poweredby a:visited{
	color: #999;
	font-weight: normal;
	text-decoration: none;	
}

#poweredby a:hover, #poweredby a:active{
	color: #999;
	font-weight: normal;
	text-decoration: none;
}