/* 
CSS Credit: http://www.abc4des.com/
*/

body {
	margin: 0px;
	padding: 0px;
}

img {
border: none;
} 

/*- Menu --------------------------- */

#Menu-box {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	font-size: 8px;
	font-family: tahoma;
}

#Menu{
	margin: 0px;
	padding: 0px;
	float: left;
	width: auto;
	font-size: 8px;
	font-family: tahoma;
}

#Menu ul {
	margin: 0;
	padding: 2px 10px 0 35px;
	list-style: none;
	font-size: 8px;
	font-family: tahoma;
}

#Menu li {
      display:inline;
      margin:0;
      padding:0;
}

#Menu a {
      float:left;
      background:url("images/tableft2.gif") no-repeat left top;
      margin:0;
      padding:0px 0px 0px 8px;
      text-decoration:none;
	  border-bottom:1px solid #84776B;
}

#Menu a span {
      float:left;
      display:block;
      background:url("images/tabright2.gif") no-repeat right top;
      padding:8px 15px 5px 16px;
      color:#84776B;
 	  text-align: center;
}

#Menu a:hover span {
      color:#74675B;
      padding:8px 15px 5px 16px;
 	  text-align: center;
}

#Menu a:hover {
      background-position:0% -42px;
}

#Menu a:hover span {
      background-position:100% -42px;
}

 /*- End Menu CSS --------------------------- */

#container {
	margin: 0;
	padding: 0px;
	background-image: url('images/background-b.png');
	width: 100%; /* the auto margins (in conjunction with a width) center the page */;
	text-align: left; /* this overrides the text-align: center on the body element. */;
	height: 100%;
}
#header {
	padding: 0px;
	background-color: #DDDDDD;
	background-image: url('images/fm_1.png');
	background-repeat: repeat;
	background-position: top;
	height: 377px;
	width: auto;
}
#fmhead {
	padding: 0px;
	background-image: url('images/fm_2.png');
	background-repeat: no-repeat;
	background-position: center top;
	height: 377px;
	width: auto;
}

#headerleft {
	background-image: url('images/fml.png');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	height: 80px;
	width: 306px;
	float: left;
}

#headercenter {
	margin: 0px;
	background-image: url('images/fmc.png');
	background-repeat: repeat;
	background-position: center top;
	padding: 0px;
	height: 80px;
	width: auto;
	right: 306px;
	left: 306px;
	position: absolute;
}
#headerright {
	background-image: url('images/fmr.png');
	background-repeat: no-repeat;
	background-position: right top;
	height: 80px;
	width: 306px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0 20px;
}


/*  ------------------------------------------
    1-Box
    ------------------------------------------   
*/
.box{
	padding: 0px;
	width: auto;
	margin: 0;
	background-image: url('images/background-s.png');
	height: auto;
}
 
/*  ------------------------------------------
    2-Box Header
    ------------------------------------------   
*/
.box-header{
	background: url('images/header-bg.png') repeat-x top;
	height: 30px;
}

	.box-header-right{
	background: url('images/header-right.png') no-repeat right top;
	height: 30px;
	width: 30px;
	float: right;
}
.box-header-left{
	background: url('images/header-left.png') no-repeat left top;
	height: 30px;
	width: 30px;
	float: left;
}
 
/*  ------------------------------------------
    3-Box Body
    ------------------------------------------   
*/
.box-body{
	text-align: center;
	background-image: url('images/background-s.png');
	background-repeat: repeat;
}

.box-body-right{
	background: url('images/body-right.png') repeat-y right;
}

.box-txt{
	font-family: tahoma;
	font-size: 8px;
	font-weight: normal;
	color: #018CBA;
	padding: 20px 44px 20px 44px;
	margin: 0px;
}

.box-body-left{
	background: url('images/body-left.png') repeat-y left;
}
 
/*  ------------------------------------------
    4-Box Footer
    ------------------------------------------   
*/
.box-footer{
	background: url('images/footer-bg.png') repeat-x bottom;
	height: 30px;
}
.box-footer-right{
	background: url('images/footer-right.png') no-repeat right bottom;
	height: 30px;
	width: 30px;
	float: right;
}
.box-footer-left{
	background: url('images/footer-left.png') no-repeat left bottom;
	height: 30px;
	width: 30px;
	float: left;
}

/*
------------------------------------------
    1-Frem
------------------------------------------   
*/
.frem{
	padding: 0px;
	width: 100%;
	margin: 0;
	background-image: url('background-b.png');
	height: auto;
	text-align: center;
}
 
/*
------------------------------------------
    2-Box Header
------------------------------------------   
*/
.frem-header{
	background: url('images/head-c.png') repeat-x top;
	height: 60px;
}
.frem-header-right{
	background: url('images/head-r.png') no-repeat right top;
	height: 60px;
	width: 135px;
	float: right;
}
.frem-header-left{
	background: url('images/head-l.png') no-repeat left top;
	height: 60px;
	width: 135px;
	float: left;
}
 
/*
------------------------------------------
    3-frem Body
------------------------------------------   
*/
.frem-body{
	background-image: url('images/background-s.png');
	background-repeat: repeat;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
}

.frem-body-right{
	background: url('images/center-r.png') repeat-y right;
}

.frem-frem{
	padding: 5px;
	margin: 0px 60px 0px 60px;
}

.frem-body-left{
	background: url('images/center-l.png') repeat-y left;
}
 
/*
------------------------------------------
    4-frem Footer
------------------------------------------   
*/
.frem-footer{
	background: url('images/foter-c.png') repeat-x center bottom;
	height: 60px;
}
.frem-footer-right{
	background: url('images/foter-r.png') no-repeat right bottom;
	height: 60px;
	width: 135px;
	float: right;
	
}
.frem-footer-left{
	background-position: left;
	background: url('images/foter-l.png') no-repeat left bottom;
	height: 60px;
	width: 135px;
	float: left;
}
/*
------------------------------------------
    end frem
------------------------------------------   
*/

#foter {
	background-color: #DDDDDD;
	background-image: url('background-b.png');
	background-repeat: repeat;
	width: auto;
	text-align: center;
}

#foter-right {
	float: right;
	margin-right: 35px;
}
#foter-left {
	float: left;
	margin-left: 15px;
	width: auto;
}

#Copyright {
	background-position: left top;
	background-image: url('images/abc.png');
	background-repeat: no-repeat;
	height: 109px;
	width: 170px;
	left: 80px;
	padding-top: 5px;
	padding-right: 100px;
    position: absolute;
    z-index: 2;
}

/*
------------------------------------------
#Copyright {
	background-position: left;
	background-image: url('images/abc.png');
	background-repeat: no-repeat;
	height: 109px;
	width: 170px;
	float: left;
	left: 25px;
	top: 5px;
}	margin-top: 5px;

------------------------------------------   
*/