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

* {
	margin: 0;
}
html, body {
	height: 100%;
	text-align:center;
}



/*

Dymanic Layout Blocks for MooTools
--------------------------------- 

*/



.morph1 {
	position:absolute;
	margin-left:0px;
	top:-201px;
	width:965px;
	height:195px;
	text-align:left;
	/*border:1px solid #F00;*/
}

.morph2 {
	position:absolute;
	margin-left:0px;
	top:-300px;
	width:965px;
	height:294px;
	text-align:left;
	/*border:1px solid #F00;*/
}

/* FOR HEADER */
.morphPage1 {
	position: relative;
   	top:201px;
   	left: 0;
   	width: 965px;
	text-align:left;
	/*border:1px solid #F00;*/
}

.morphPage2 {
	position: relative;
   	top:300px; 
   	left: 0;
   	width: 965px;
	text-align:left;
	/*border:1px solid #F00;*/
}

.morphMenu1 {
 	position: relative;
   	width: 965px;
   	height:1px;
	text-align:left;
	/*border:1px solid #F00;*/
	overflow:hidden
}

.morphMenu2 {
	 position: relative;
   	width: 965px;
   	height:100px;
	text-align:left;
	/*border:1px solid #F00;*/
	overflow:hidden
}

.wrapper1 {
	position:static;
	margin:0 auto;
	/*min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:auto; /* the bottom margin is the negative value of the footer's height */ 
	/*border:1px solid #0F0;*/
	width:965px;
	background:url('/gui/twingreybars.gif') repeat-y;
}

.wrapper2 {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */ 
	/*border:1px solid #0F0;*/
	width:965px;
}




/*

LAYOUT STYLEING BELOW
----------------------- 

*/

.head {
	
	position:absolute;
	margin-left:0px;
	top:-201px;
	width:965px;
	height:195px;
	text-align:left;
	/*border:1px solid #F00;*/
	background-color:#FFF;
}



.page{
  	position: relative;
	/*position:absolute;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto 201px; /* the bottom margin is the negative value of the footer's height */
	margin-top:201px;
	margin-left:0px;
   	/*top:201px;
   	left: 0;*/
   	width: 965px;
	text-align:left;
	/*border:1px solid #F00;*/	
}

.breadcrumb {
	clear:both;
 	position: absolute;
	top:0px;
	left:167px;
	width:620px;
	font-size:11px;
	/*border:1px solid #666666;*/
}

.middle {
   position: relative;
   padding-top:30px;
   margin-left: 165px;
   width: 620px;
   /*background-color: #ccccff;*/
  /* border:1px solid #ccccff;*/
  /* display:block;*/
  /*height:1080px;*/
   min-height:940px; /* this have to be the min for the left and right menu. */ 
}

.middleHome {
   position: relative;
   margin-left: 165px;
   width: 620px;
   min-height:940px; /* this have to be the min for the left and right menu. */
}



.article {
   position: relative;
   padding-top:18px;
   margin-left:167px;
   /*top:18px;
   left: 167px;*/
   width: 580px;
  /* background-color: #ccccff;*/
  /* border:1px solid #ccccff;*/
  /*display:block;*/
  /* height:1080px;*/
   min-height:1030px; /* this have to be the min for the left and right menu. */ 
}

.otherPageElements { 
border:1px solid #666666;       
width:580px;
}


.left2{
   position: absolute;
   top:0;
  /* left: -620px; */
   width: 149px;
   background-color: #ccccff;
   overflow:hidden;
}


.left {
   position: absolute;
   float:left;
   top:0px;
   left: 0;
   width: 149px;
   /*border:1px solid #cc0;*/
}

.right{
   position: absolute;
   float:right;
   top:0px;
   right: 0;
   width: 160px;
}

.otherPageElements {
   width:750px;
   /*border:1px solid #666666;*/ 
   float:left;
}
.footer {
	float:left;
        width:100%;
        text-align:left;
        /*border:1px solid #0F0;*/
}

.floating {
/*border:1px solid #00F;*/
margin-top:24px;
margin-bottom:18px;
}