@charset "utf-8";
/* CSS Document */

/* standard elements */
* {
	margin: 0;
	padding: 0;
}
body {
	background-color:#f2f2f2;
	font: normal 0.7em Tahoma,Verdana,sans-serif;	
}
a {
	color: #FFF;
	text-decoration: none;
}
p {padding: 0.1em 0 0.8em;}
div{margin: 0;
	padding: 0;}

img{margin: 0;
	padding: 0;}

/* headings */
h1 {font: normal 2em sans-serif; margin-top: 1em;}
h2 {font: normal 1.8em sans-serif; margin-top: 0.8em;}
h3 {font: bold 1.3em sans-serif; margin-top: 0.6em;}
h4 {font: bold 1.1em sans-serif; margin-top: 0.4em;}

h1,h2,h3,h4 {color: #444;}

/* misc elements */
code {
	background: url('img/code.gif');
	border-left: 6px solid #1664D9;
	border: 1px solid #F0F0F0;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	background: #FAFAFA url('img/quote.gif') no-repeat;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #555;
	display: block;
	font: normal 1.2em sans-serif;
	margin: 1em 0;
}
ol {margin: 0 0 1.2em 2em;}

/* misc */
.left {float: left; padding:2px 10px 5px 2px}
.right {float: right;padding:2px 2px 5px 10px}
/*span.comment {padding-left: 18px; background: url('img/icon_comment.gif') no-repeat left center;}*/
.clearer {clear: both; font-size: 0; height: 0;}


/* structure */
#webPage{ width:100%; background-color:#f2f2f2; max-height:1000px; min-height:800px}
#gap{ background-color:#f2f2f2; height:2px}
#layout_wrapper {
	margin: auto;
	width: 1000px;	
}
#layout_container {
	background: #f2f2f2;
	padding:8px;
}

/* logo Area */
#logo{
	height:80px; padding-left:20px; padding-right:20px;
	}

/* Menu Area */
#menuContainer{
	height:39px;
	background:#f2f2f2 url(../images/menuBg1.gif) center top no-repeat; 
	margin:0; 
	padding:0;
}
#menuContainer ul{ padding: 0 0 0 15px ; margin:0}
#menuContainer li{ padding:10px;float: left;font: normal 1em sans-serif Verdana,sans-serif;}
#menuContainer li a{ color:#1f1f1f;font: normal 1em sans-serif Verdana,sans-serif; font-size:0.8em}
#menuContainer li a:hover{ color:#026fa7;font: normal 1em sans-serif Verdana,sans-serif; font-size:0.8em; }
#menuContainer li a:active{ color:#026fa7;font: normal 1em sans-serif Verdana,sans-serif; font-size:0.8em; }
#menuContainer li.current_page_item a {
	color: #026fa7;outline:none;
}


/* Content Area */
#contentContainer{ background-color:#f2f2f2;
	}
#contentContainerTop{ background:#f2f2f2 url(../images/contentTop.png) top left no-repeat; height:5px}
#content{ background:url(../images/contentCenter.gif) left top repeat-y; padding:25px}

#hedder01{ border-bottom:#b8b8b8 1px solid ;color: #444;}
#hedder01	h1 {font: normal 1.6em "Arno Pro" sans-serif;color: #444;line-height: 1.5em;
	padding: 0;}
#hedder01	h2 {font: normal 1em "Arno Pro" sans-serif;color: #444;line-height: 1.2em;
	padding: 0;}

#hedder02{  padding-top:10px; padding-bottom:8px}

#hedder02left{margin-right:467px; padding:0}

#hedder02right{ float:right; width:465px ; height:250px}
#hedder02R{ width:5px;float: right; background:url(../images/R.gif) left top no-repeat;height:250px}
#hedder02C{ float: right; width:455px;background: url(../images/C.gif) left top repeat;height:250px; }
#wrapper01 { padding:7px}
#wrapper01 h2{ padding:1px;color: #444;font: normal 1.2em "Arno Pro" sans-serif Verdana,sans-serif; line-height: 1.3em;}
#wrapper01 p{padding: 0.1em 0 0.8em;font: normal 0.8em sans-serif Verdana,sans-serif; color:#454545}
#hedder02L{ width:5px; margin-right:455px;background: url(../images/L.gif) left top no-repeat;height:250px}

#hedder03{ height:152px; padding-top:7px}
#hedder03BGR{height:152px; background:url(../images/bR.png) right top no-repeat; width:5px; float:right }
#hedder03BGC{height:152px; height:152px; background:url(../images/bC.png) left top repeat; float:right; width:922px}
#hedder03ContentR{ float:right;height:152px; width:305px;margin-top:5px;}
#hedder03ContentC{float:right;height:152px;width:305px; background:url(../images/verticleLine.png) right top no-repeat; margin-top:5px;}
#hedder03ContentL{width:304px;height:152px; margin-right:610px;background:url(../images/verticleLine.png) right top no-repeat;margin-top:5px;}
#SAP{ padding:5px; 
}
#SAP h2 {font: normal 1.3em "Arno Pro" sans-serif;color: #444;line-height: 1em;
	padding: 0;}
#SAP p{
	}
#SAP p.readMore{ padding:7px
	}
#hedder03BGL{height:152px; background:url(../images/bL.png) left top repeat;  width:7px; margin-right:920px}

#contentContainerBottom{ background:#f2f2f2 url(../images/contentBottom.gif) bottom left repeat-x; height:7px}

/* Footer Area */
#footer{ padding-top:15px;	color: #abaaaa;clear: both;font: normal 0.7em sans-serif Verdana,sans-serif;}
#footerContentBG{ height:35px}
#footerContentBGR{height:35px; width:5px; float: right; background:url(../images/footerRight.png) right top no-repeat}
#footerContentBGC{height:35px; width:974px; float: right; background: url(../images/footerCenter.png) left top repeat;}
#footerContentR{ padding-top:10px;  padding-right:18px; float:right; width:600px }
#footerContentR a{color: #abaaaa;}
#footerContentR a:hover{color: #000000;}

#footerContentL{ padding-top:10px; padding-left:18px; width:300px; margin-right:400px}

#footerContentBGL{height:35px; width:5px; margin-right:974px; background:url(../images/footerLeft.png) left top no-repeat}