html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:.87em;
	line-height:1.5em;
	color: #000;
	background-color: #F0F5F9;
}

a { 
	color:  #000066;
}

a:visited {
	color:  #60A3E1;
}
a:active {
	color:  #f99;
}
a:hover {
	color: #ccc;
}
ol {
		font-size: 12px;
		line-height: 18px;

		}
th {
	font-size: .87em;
	line-height: 1.5em;	
	margin-top: 2em;
	margin-bottom: 0px;
	border-bottom: 1px solid #000066;
	border-top: 1px solid #000066;
	background-color: #F0F5F9;
	text-align: left;

	}
td	{
	font-size: .87em;
	line-height: 1.5em;	
	padding: 2px;
	margin-bottom: 0px;
	vertical-align: top;

	}

hr {	
	border: 0;
	color: #000066;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
}

p {
	margin-top: .5em;
	margin-bottom: 0; 
}

h1 {
	font-size: 1.5em;
	line-height: 2.4em;
	margin-top: 0.5em;
	margin-bottom: 0;
}

h2 {
	font-size: 1.5em;
	line-height: 2.2em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #000066;
}

h3 {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: bold;
	margin-top: 0.3em;
	margin-bottom: 0;
}

h4 {
	font-size: 1.1em;
	line-height:2em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
	font-weight: normal;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 2em;
	text-align: center;
	border-bottom: 1px solid #000033;
}

.home-images {
	border: 0;
}
.item-list ul li {
	list-style-type: none;
}
ul.links {
  margin: 0;
  padding: .25em;
}
ul.links.inline {
  display: inline;
}
ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 .5em;
}

/* Levin Alexander's graphic headers image replacement markup from
	http://levinalex.net/files/20030809/alternatefir.html

	Note, non-standard markup to support IE5/Mac is omitted.
	Note, z-index to support Opera 5 and 6 is omitted.

	See Also:
	http://www.mezzoblue.com/archives/2003/12/12/accessible_i/#c002804
*/
.replace {
	position:relative;
	margin:0;
	padding:0;
}

.replace span {
	display: block;
	position:absolute;
	top:0px;
	left:0px;
}
/* end levin's graphic header image replacement.  to use, add the following css:
	#myh1, #myh1 span { height:XXXpx; width:XXXpx; background-image: url(XXX); }
	
	where myh1 is id of element being replaced declared as such:
	
	<tag class="replace" id="myh1">Text to be replaced.<span></span></tag>
*/


/* generic sap classes, faux absolute positioning from 
	http://www.alistapart.com/articles/fauxabsolutepositioning
*/
.line {
	float: left;
	width: 100%;
	display: block;
	position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
	/* overflow: hidden; only needed for equal height columns but	*
	*	breaks in page anchor links.  for now, use background image	*
	*	for left and center column backgrounds and avoid full 		*
	*	column height backgrounds or left borders on right column.	*
	*/
}
.item {
	float:left;
	left:100%;
	position:relative;
	/* overflow:hidden; */
}
/* end generic; all sap elements must have margin-left and with defined */

/* specific faux absolute positioning declarations */
#canvas {
	background: transparent;
	margin:0px;
	overflow:hidden;
	padding:0px;
	width: expression((document.body.clientWidth < 800)? "800px" : "auto");
	min-width: 800px;
		}
		#canvas_home {
	background-image: url(home-images/bkg-repeat.jpg);
	background-repeat: repeat-x;
			border-left: 1px solid #000033;
			border-right: 1px solid #000033;
			overflow:hidden;
			width: 800px;
			position: relative;
			left: 50%;
			margin-left: -400px; /* half the width of the div */
			background-color: white;
		}
	
/* line 1 */
#logoitem {
	margin-left: -100%;
	width: 100%;
	padding:0px;
}

/* line 2 */
#primary_nav {
	margin-left: -100%;
	padding:0;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #000066;
}

/* line 3 */
#main #sidebar-left {
	margin-left: -100%;
	width: 16.5em;
	background-image: url("home-images/top-shadow.jpg");
	background-repeat: no-repeat;
	
}
.fp_content {
	padding: 2em;


	
}
#tablenav {
	border: 0;
	padding: 0;
	width: 98%;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:1em;
	

	
}

 #main #maincontent {
	margin-left: -56em;
	width: 50em;
	
}

#main.widecontent #maincontent {
	width: 50em;
}

#main.nomenu #maincontent {
	margin-left: -70em;
}

#maincontent .content {
	padding: 1.25em 1em 1.25em 1em; 

}

#main #sidebar-right {
	margin-left:  -14em;
	width: 14em;
}

/* line 4 */
#footer {
	margin-left: -100%;
	width: 100%;
}

/* end faux absolute positioning declarations */

/*top navigation*/
#primary-nav {
	
	margin-left: -100%;
	padding: 0px;
	width: 100%;
	text-align: center;

	border-bottom: 1px solid #000066;


}

#primary-nav a {
	text-decoration: none;
	color:  #000066;
	outline: none;
	font-size: 11px;
	font-weight: normal;	
}
#primary-nav .sap-content {
	padding: 0px;
}


/* main body and sidebars */
#main {
	background-color: white;
	background-image: url("home-images/brd_sidebar_left.png");
	background-repeat: repeat-y;
	background-position: 16.5em;
}

/*left column - main navigation*/
#sidebar-left h2{
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: .3em;
	padding-left: .5em;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	background-color: #F0F5F9;
}

#sidebar-left ul {
	font-size: 1em;
	line-height: 1.25em;
	padding: 0px;
	margin-left: .25em;
	list-style: none;
}

#sidebar-left li {
	padding-left: 1em;	
}

#sidebar-left a {
	color: #006;
}

#sidebar-left a:hover {
	color: #999;
}

/*center column - main content*/

/*right column*/

#sidebar-right .module {
	margin-top: 1em;
	background-color: #F8F8F8;
	border-left: 1px solid #000066;
	border-bottom: 1px solid #000066;
}

#sidebar-right h2{
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
	margin-bottom: .3em;
	padding-left: .5em;
	border-top: 1px solid #000066;
	border-bottom: 1px solid #000066;
	background-color: #F0F5F9;
}

#sidebar-right p {
	margin:0.5em;
	line-height:1.2em;
}

#sidebar-right ul {
	font-size: 1em;
	line-height: 1.25em;
	padding: 0;
	margin-left: 0;
	list-style: none;
}

#sidebar-right li {
	margin:0.3em 0.5em 0.3em 0.5em;
}

#sidebar-right a {
	color: #006;
    text-decoration: none;
}

#sidebar-right a:hover {
	color: #333;
	text-decoration: underline;
}

#sidebar-right a:visited {
	color:  #60A3E1;
}

/*footer*/
#footerline {
	border-top: 1px solid #000066;

}

#footer {
	padding-bottom: 0.5em;
	text-align: left;
	background-color: transparent;
		border-bottom: 1px solid #000066;
	
}
#footer p { 
	font-size: 0.9em;
	padding-left: 1.5em;
}