BODY {
	background: #00789a url('gfx/bg.jpg') top left repeat-x;
	padding: 20px 0 0 0;
}	

	#pageContainer {
		display: block;
		position: relative;
		z-index: 1;
	}

	#topSide {
    border-bottom: #fff 1px solid;
		display: block;
		position: relative;
		height: 37px;
	}
		#topLeft {
			height: 37px;
			width: 10px;
			float: left;
			border-bottom: 1px solid #FFFFFF;
		}
		#topMiddle {
			width: 956px;
			float: left;
			height: 37px;
			background-image: url('gfx/top_bg.jpg');
			background-repeat: repeat-x;
			border-bottom: 1px solid #FFFFFF;
		}
		#topRight {
			height: 37px;
			width: 10px;
			float: right;	
			border-bottom: 1px solid #FFFFFF;
		}
	#bottomSide {
    clear: both;
		height: 37px;
    width: 956px;
		background: url('gfx/bottom_bg.jpg') repeat-x;
		border-top: 1px solid #FFFFFF;
    font-size: 11px;
    font-family: Arial;
    color: #fff;
	}
		#bottomLeft {
			height: 37px;
			float: left;
		}
		#bottomRight {
			height: 37px;
			float: right;	
		}
    #bottomSide a {
      color: #fff;
      text-decoration: none;
    }


	#introWelcome {
    background: #a2c8f5;
		display: block;
		position: relative;
		width: 956px;
		height: 155px;
	}
		#introLeft {
			float: left;
			width: 425px;
			height: 155px;
			display: block;
			position: relative;
			background-image: url('gfx/left_intro_bg.jpg');
			background-repeat: no-repeat;	
		}
		#introRight {
			float: right;
			width: 294px;
			height: 130px;
			display: block;
			position: relative;
			background-image: url('gfx/right_intro_bg.jpg');
			background-repeat: no-repeat;	
			padding-top: 25px;
			padding-left: 20px;
			padding-right: 30px;
			text-align: left;
			line-height: 17px;
		}

	#logo {		
		position: absolute;	
		top: 0px;
		left: 0px;
	}
	#top_banner {
		position: absolute;
		top: 0px;
		right: 0px;
		float: right;
		vertical-align: top;
	}

	.intro_header {
		font-family: Arial;
		font-size: 18px;
		color: #FFFFFF; 
		text-decoration: none;
		font-weight: normal;
	}
	.intro_text, .intro_text a {
		font-family: Arial;
		font-size: 11px;
		color: #FFFFFF; 
		text-decoration: none;
		font-weight: normal;
	}

	#topMenuSide {
		display: block;
		position: relative;
		width: 956px;
		height: 38px;
		background: #fba52a url('gfx/nav.jpg') top left repeat-x;
		border-top: 1px solid #FFFFFF;	
		border-bottom: 1px solid #FFFFFF;	
	}


	#introContent {
		display: block;
		position: relative;
		width: 956px;
		height: 281px;
	}
		#introCLeft {
			float: left;
			display: block;
			position: relative;
			width: 256px;
			height: 281px;
			border-right: 1px solid #FFFFFF;
		}
		#introCMiddle {
			float: left;
			display: block;
			position: relative;
			width: 436px;
			height: 281px;
			border-right: 1px solid #FFFFFF;
		}
		#introCRight {
			float: right;
			display: block;
			position: relative;
			width: 262px;
			height: 281px;
		}
			#ibl {
				border-top: 1px solid #FFFFFF;
				display: block;
				position: relative;
				height: 138px;
				background-image: url('gfx/intro_middle_bg.jpg');
				background-repeat: repeat-x;
				padding: 20px;
				text-align: left; 
				line-height: 18px;
			}
				#ibl A {	
					color: #FFEC04;
					text-decoration: none;
				}
				#ibl A:hover {	
					color: #FFEC04;
					text-decoration: underline;
				}
			#ibm {
				border-top: 1px solid #FFFFFF;
				display: block;
				position: relative;
				height: 138px;
				background-image: url('gfx/intro_middle_bg.jpg');
				background-repeat: repeat-x;
				padding: 20px;
				text-align: left;
				line-height: 18px;
			}
				#ibm A {	
					color: #FFEC04;
					text-decoration: none;
				}
				#ibm A:hover {	
					color: #FFEC04;
					text-decoration: underline;
				}
			#ibr {
				border-top: 1px solid #FFFFFF;
				display: block;
				position: relative;
				height: 138px;
				background-image: url('gfx/intro_middle_bg.jpg');
				background-repeat: repeat-x;
				padding: 20px;
				text-align: left;
				line-height: 18px;
			}
				#ibr A {	
					color: #FFEC04;
					text-decoration: none;
				}
				#ibr A:hover {	
					color: #FFEC04;
					text-decoration: underline;
				}

		#copyright_left {
			padding: 10px;
			float: left;
		}
		#copyright_right {
			padding: 10px;
			float: right;
		}

		#header_langs {
			padding-top: 12px;
			padding-left: 10px;      
			float: left;				
			font-family: Arial;
			font-size: 10px;
			color: #FFFFFF; 
			text-decoration: none;
			font-weight: normal;
			height: 25px;
		}
			#header_langs A {
				font-family: Verdana;
				color: #FFFFFF;
        margin: 0 8px;
				text-decoration: none;
				font-weight: normal;	
        text-transform: uppercase;
			}
			#header_langs .active {
        text-decoration: underline;
			}
			#header_langs A:hover {
        text-decoration: underline;
			}

		#header_info {
			padding-top: 10px;
			padding-right: 10px;
			float: right;				
			font-family: Arial;
			font-size: 11px;
			color: #FFFFFF; 
			text-decoration: none;
			font-weight: bold;
		}
			#header_info A {
				color: #FFFFFF; 
				text-decoration: none;
			}
			#header_info A:hover {
				color: #FFFFFF; 
				text-decoration: underline;
			}
			.search {
        border: #9db159 1px solid;
				height: 11px;
				width: 125px;
				font-family: Arial;
        padding: 1px 0;
				font-size: 11px;
				color: #000000; 
			}


	#topMenuItems{
		display: inline;
		position: absolute;
		left: 0px;
		top: 0px;
		background-image: url('gfx/top_menu_bg.jpg');
		background-repeat: repeat-x;	
		white-space: nowrap;
		height: 38px;
		list-style: none;
	}
	#topMenuItems ul{
		list-style: none;
		margin: 0;
		padding: 3px 0px 0px 0px; /* 3px 0px 0px 20px */
		float: left;
		text-align: left;
		white-space: nowrap;
	}
	#topMenuItems li{
		/*display: inline; */
		float: left;
	}
	/* for opera 7 */
	@media all and (min-width: 0px){
		#topMenuItems ul{
			text-align: right;
			width: 700px;
		}
		#topMenuItems li{
			display: inline-block; 
		}
	}
	#topMenuItems a{
		float: left;
		margin: 7px 10px 0 5px;
		padding: 2px 3px 3px 3px;
		color: #FFF;
		font: 11px Verdana, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: none;
	}
	#topMenuItems a:hover, #topMenuItems .topMenuActive{
		background-image: url("gfx/topMenuIbg.jpg");
		background-repeat: repeat-x;
		border: 1px solid #FFE1B8;
		padding: 1px 2px 3px 2px;
		font-weight: bold;
	}
	#topMenuItems .spacer{
		background-image: url("gfx/tpm_spacer.jpg");
		background-repeat: no-repeat;
		height: 35px;
		float: left;
		margin: 0px 1px 0px 1px;
		padding: 0px 1px 0px 1px;
		text-decoration: none;
	}



	#mainContent {
		display: block;
		position: relative;
		width: 956px;
		height: 100%;
		min-height: 300px;
		background:  #fff url("gfx/all_body_bg.jpg") repeat-y;
		float: left;
	}
		#mainLeftMenu {
			display: block;
			position: relative;
			float: left;
			width: 255px;
			height: 100%;
			min-height: 300px;
			background: #4F4DEE url("gfx/main_left_bg.jpg") top left repeat-x;
			text-align: left;
		}
      #mainLeftMenu .banner {
        border-bottom: #fff 1px solid;
      }
      #mainLeftMenu .banner img {
        display: block;
      }
		#mainBody {
			display: block;
			position: relative;
			left: 1px;
			top: 0px;
			width: 700px;
			height: 100%;
			min-height: 300px;
			border-right: 1px solid #DCDBFC;
			background-image: url("gfx/main_body_bg.jpg");
			background-repeat: repeat-x;
			vertical-align: top;
			float: left;
		}


	#menuLvl2 {
		margin: 0px;
		padding: 15px 5px 25px 15px;
		display: block;
		position: relative;
	}
		#menuLvl2 ul { 
			list-style: none;
			margin: 0;
			padding: 0;
			padding-top: 5px;
			padding-bottom: 5px;
		}
			#menuLvl2 li { 
				display: inline;
				margin: 0px;
				padding: 5px 0px 5px 0px;
			}
			#menuLvl2 li a {
				display: block;
				padding: 0px 0px 0px 18px;
				margin:0px;
				font-family: Arial;
				font-size:11px;
				font-weight:normal;
				color: #FFFFFF;
				text-decoration: none;
				background:url('gfx/left-menu-bullet.gif') no-repeat 0px 4px;
				padding-top: 2px;
				padding-bottom: 2px;

			}
			#menuLvl2 li a:hover {
				color: #FFFFFF;
				font-weight:normal;
				background:url('gfx/left-menu-bullet.gif') no-repeat 0px 4px;
				padding-top: 2px;
				padding-bottom: 2px;

			}
			#menuLvl2 A.active, #menuLvl2 A.active:hover{
				font-weight:bold;
				background:url('gfx/left-menu-bullet.gif') no-repeat 0px 4px;
				color:#FFFFFF;
				padding-top: 2px;
				padding-bottom: 2px;

			}
	#menuLvl3 {
		margin: 0;
		padding: 1px;
		font-weight:normal;
	}
		#menuLvl3 UL{
			padding: 2px 10px 2px 38px;
			margin-top: 2px;
			margin-bottom: 2px;
		}
			#menuLvl3 LI A {
				background: none;
				font-family: Arial;
				font-size: 11px;
				color: #FFFFFF;
				left:2px;
				font-weight:normal;
				border: 1px solid #4F4DEE;
				margin: 3px;
				padding: 2px;
			}
			#menuLvl3 li a:hover {
				padding-left: 1px;
				color: #FFFFFF;
				background: none;
				background-color:#6261F0;
				text-decoration:none;
				border: 1px solid #7674F2;
				margin: 3px;
				padding: 2px;
			}
			#menuLvl3 A.active, #menuLvl3 A.active:hover{
				padding-left: 1px;
				background: none;
				background-color:#6261F0;
				border: 1px solid #7674F2;
				color:#FFFFFF;
				font-weight:normal;
				margin: 3px;
				padding: 2px;
			}


	.midBox {
		display: block;
		position: relative;
		padding-top: 30px;
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 30px;
		font: 12px/21px Arial, Verdana, Helvetica, sans-serif;
		color: #000000;
		text-align: left;
		vertical-align: top;
	}

	.midBox A {
		color: #4F4DEE;
	}

	.midBox	h1 {
		clear: right;
		margin: 0;
		padding: 0;
		font: 18px Arial, Helvetica, sans-serif;
	}

  .midBox .left {
    float: left;
    width: 310px;
  }
  .midBox .right {
    float: right;
    width: 310px;
  }

	.h1 {
		height: 45px;
	}
	#navigate {
    clear: both;
		padding-top: 20px;
		text-align: right;
	}
	.float-l{ float: left; }
	.float-r{ float: right; }
	.font-sm{ color: #4F4DEE; font-size: 9px; line-height: 12px; }
	.font-lc{ font-family: Tahoma; color: #000000; font-size: 10px; line-height: 12px; }


	H1 {
		font: 18px Arial;
		color: #86AE19;
		font-style: normal;
	}

	.subHdr, .subHdr a {
		font: 14px Arial;
		color: #86AE19;
		font-style: normal;
		text-decoration:none;
	}

	.func, .func a {
		font: 12px Arial;
		color: #86AE19;
		font-style: normal;
		text-decoration:none;
	}

	.hdr {
		font: 12px Arial;
		color: #86AE19;
		font-style: normal;
	}

	.location {
		color: #4F4DEE;
		text-decoration: none;
	}
	
	.funcs {
		color: #4F4DEE;
		text-decoration: none;
	}

	.link {
		font: 11px Arial;
		color: #5654EF;
		text-decoration: none;
	}
	.link:hover {
		font: 11px Arial;
		color: #4F4DEE;
		text-decoration: underline;
	}

#wrap {
  background: url("gfx/wrap_bg.png");
  border: #fff 1px solid;
	margin: auto;
  padding: 9px;
	width: 958px;
}
#wrap-inner {
  border: #fff 1px solid;
}

  #menu {
    height: 57px;
    line-height: 57px;
    position: absolute;
    right: 4px;
    bottom: 0px;
    margin: 0;
  }
    #menu li {
      background: url("gfx/menu_item.png") top right no-repeat;      
      display: block;
      float: left;
      font-family: Arial;
      font-size: 14px;
      height: 57px;
      line-height: 57px;
      width: 112px;
      text-align: center;
    }    
    #menu li.first {
      background: url("gfx/menu_first.png") top right no-repeat;   
    }
    #menu li.last {
      background: url("gfx/menu_last.png") top right no-repeat;
      padding: 0 10px 0 0;
    }
    #menu li a {
      color: #fff;
      text-decoration: none;
    }
    #menu li a:hover {
      text-decoration: underline;
    }