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

body {
	background-color:#e7e7e7;
	margin:0px;
	}
	
div {
/*	border:1px;
	border-width:thin;
	border-color:#000000;
	border-style:solid;*/ 
	}

#MainArea {
	width:810px;
	height:710px;
	}
	
#SiteArea {
	width:800px;
	height:700px;
	background-color:#e7e7e7;
	position:absolute;
	top:0px;
	left:0px;
	}

#RightShadowArea {
	width:10px;
	height:700px;
	position:absolute;
	top:0px;
	left:800px;
	background-image:url(../images/right_shadow.gif);
	background-repeat:repeat;
	}

#BottomShadowArea {
	width:800px;
	height:10px;
	position:absolute;
	top:700px;
	left:0px;
	background-image:url(../images/bottom_shadow.gif);
	background-repeat:repeat;
	}
	
#CornerShadowArea {
	width:10px;
	height:10px;
	position:absolute;
	top:700px;
	left:800px;
	background-image:url(../images/corner_shadow.gif);
	background-repeat:repeat;
	}
	
#LogoArea {
	width:200px;
	height:58px;
	background-color:#FFFFFF;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	}

#MenuArea {
	width:600px;
	height:58px;
	position:absolute;
	top:0px;
	left:200px;
	z-index:3;
	}

#Menu {
	width:600px;
	height:20px;
	text-align:right;
	background-color:#FFFFFF;
	position:absolute;
	top:38px;
	left:0px;
	z-index:3;
	}

#SmecLogo {
	width:600px;
	height:38px;
	background-color:#FFFFFF;
	/*background-image:url(../images/smeclogo.jpg);*/
	background-position:right;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	}
	
#MainPicture {
	width:800px;
	height:139px;
	background-image:url(../images/mainpicture.jpg);
	position:absolute;
	top:58px;
	left:0px;
	z-index:3;
	}
	
#LeftPan {
	width:178px;
	height:423px;
	background-image:url(../images/left.gif);
	position:absolute;
	top:208px;
	left:11px;
	z-index:3;
	}
	
#MidPan {
	width:378px;
	height:401px;
	background-color:#CCCCCC;
	position:absolute;
	top:208px;
	left:200px;
	z-index:3;
	padding:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#RightPan {
	width:178px;
	height:423px;
	position:absolute;
	top:208px;
	left:611px;
	z-index:3;
	}
	
	#RightPan1 {
		width:176px;
		height:221px;
		background-color:#CCCCCC;
		background-image:url(../images/boxtop.gif);
		background-repeat:no-repeat;
		border-right-style:groove;
		border-bottom-style:groove;
		border-color:#CCCCCC;
		position:absolute;
		top:0px;
		left:0px;
		z-index:4;
		}
		
	#RightPan2 {
		width:178px;
		height:189px;
		/*background-image:url(../images/brochure.jpg);*/
		background-repeat:no-repeat;
		position:absolute;
		top:234px;
		left:0px;
		z-index:4;
		}
	
#BottomPan {
	width:800px;
	height:58px;
	background-color:#CCCCCC;
	position:absolute;
	top:642px;
	left:0px;
	z-index:4;
	vertical-align:text-bottom;
	}

.TextColor {
	color:#000066;
	}
.TextFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#TextPosition {
	position:absolute;
	left:-15px;
	top:20px;
	}
	
/* ================ Sub Form Area =============================*/

#SubMainArea {
	width:810px;
	height:1410px;
	}
	
#SubSiteArea {
	width:800px;
	height:1400px;
	background-color:#e7e7e7;
	position:absolute;
	top:0px;
	left:0px;
	}

#SubRightShadowArea {
	width:10px;
	height:1400px;
	position:absolute;
	top:0px;
	left:800px;
	background-image:url(../images/right_shadow.gif);
	background-repeat:repeat;
	}

#SubBottomShadowArea {
	width:800px;
	height:10px;
	position:absolute;
	top:1400px;
	left:0px;
	background-image:url(../images/bottom_shadow.gif);
	background-repeat:repeat;
	}
	
#SubCornerShadowArea {
	width:10px;
	height:10px;
	position:absolute;
	top:1400px;
	left:800px;
	background-image:url(../images/corner_shadow.gif);
	background-repeat:repeat;
	}
	
#SubMidPan {
	width:567px;
	height:1101px;
	background-color:#CCCCCC;
	position:absolute;
	top:208px;
	left:11px;
	z-index:4;
	padding:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#SubBottomPan {
	width:800px;
	height:58px;
	background-color:#CCCCCC;
	position:absolute;
	top:1342px;
	left:0px;
	z-index:4;
	vertical-align:text-bottom;
	}
	
/* ================ Sub Form Area Second Category =============================*/

#SubMainArea2 {
	width:810px;
	height:710px;
	}
	
#SubSiteArea2 {
	width:800px;
	height:700px;
	background-color:#e7e7e7;
	position:absolute;
	top:0px;
	left:0px;
	}

#SubRightShadowArea2 {
	width:10px;
	height:700px;
	position:absolute;
	top:0px;
	left:800px;
	background-image:url(../images/right_shadow.gif);
	background-repeat:repeat;
	}

#SubBottomShadowArea2 {
	width:800px;
	height:10px;
	position:absolute;
	top:700px;
	left:0px;
	background-image:url(../images/bottom_shadow.gif);
	background-repeat:repeat;
	}
	
#SubCornerShadowArea2 {
	width:10px;
	height:10px;
	position:absolute;
	top:700px;
	left:800px;
	background-image:url(../images/corner_shadow.gif);
	background-repeat:repeat;
	}
	
#SubMidPan2 {
	width:567px;
	height:401px;
	background-color:#CCCCCC;
	position:absolute;
	top:208px;
	left:11px;
	z-index:4;
	padding:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#SubBottomPan2 {
	width:800px;
	height:58px;
	background-color:#CCCCCC;
	position:absolute;
	top:642px;
	left:0px;
	z-index:4;
	vertical-align:text-bottom;
	}
	
/* ================ Sub Form Area Third Category =============================*/

#SubMainArea3 {
	width:810px;
	height:1210px;
	}
	
#SubSiteArea3 {
	width:800px;
	height:1200px;
	background-color:#e7e7e7;
	position:absolute;
	top:0px;
	left:0px;
	}

#SubRightShadowArea3 {
	width:10px;
	height:1200px;
	position:absolute;
	top:0px;
	left:800px;
	background-image:url(../images/right_shadow.gif);
	background-repeat:repeat;
	}

#SubBottomShadowArea3 {
	width:800px;
	height:10px;
	position:absolute;
	top:1200px;
	left:0px;
	background-image:url(../images/bottom_shadow.gif);
	background-repeat:repeat;
	}
	
#SubCornerShadowArea3 {
	width:10px;
	height:10px;
	position:absolute;
	top:1200px;
	left:800px;
	background-image:url(../images/corner_shadow.gif);
	background-repeat:repeat;
	}
	
#SubMidPan3 {
	width:567px;
	height:901px;
	background-color:#CCCCCC;
	position:absolute;
	top:208px;
	left:11px;
	z-index:4;
	padding:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#SubBottomPan3 {
	width:800px;
	height:58px;
	background-color:#CCCCCC;
	position:absolute;
	top:1142px;
	left:0px;
	z-index:4;
	vertical-align:text-bottom;
	}