/* CSS Document */

div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
.hiddenPic {display:none;}

.textfield {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;
   background-color: #FFFFFF;
   padding: 0;
   height: 16px;
   width: 150px;
   border: 1px solid #7F9DB9;
} 

.loginbutton { 
	color:#000; 
	font: 14px 'trebuchet ms',helvetica,sans-serif; 
	background-color:#FFCC66; 
	border:1px solid; 
	border-color: #FF9900 #FF9900 #FF9900 #FF9900 ; 
	width: 80px;
	}

.registerbutton { 
	color:#000; 
	font: 14px 'trebuchet ms',helvetica,sans-serif; 
	background-color:#FFCC66; 
	border:1px solid; 
	border-color: #FF9900 #FF9900 #FF9900 #FF9900 ; 
	width: 100px;
	margin: 0 0 0 20px;
	}
	
	.spanLabel{
	font: 14px/20px arial;
	font-weight: bold;
	color:white;	
}
/*--------------------------------header pan---------------------------*/

#container{
	width: 750px;
	margin:0; 
	height: 100%;
	padding: 0px;
	background-color:#83BCCA;
	
}

#headerPan{
	width:1000px; 
	height:300px;
	padding:0;
	margin: 0;
	}

#headerPan h2{
	font: 14px/15px arial;
	text-align:right;	
	font-weight: bold;
	padding: 0;
}


#headerPan h2 a{
	color: #046FA1;
}

#headerPan h2 a:hover{
	text-decoration:none;
	color: black;
}

#headerLeft{
	width: 740px;
	height: 300px;
	padding: 0;
	margin: 0;
	float: left;
background:url(../../images/T_logo.png) no-repeat;
}

#headerLeftTop{
	width: 740px;
	height: 138px;

	margin: 0;
	float: left;
}

#headerLeftTop p{
	font: 14px/20px arial;
	font-weight: bold;
	color:white;
	padding: 24px 0 0 390px;
	margin:0 0 8px 0;
}

#headerLeftTop h3{
	font: 15px/20px arial;
	font-weight: bold;
	color:white;
	padding: 8px 0 0 340px;
	margin:0 0 10px 0;
}

#headerLeftBottom{
	width: 740px;
	height: 162px;
	padding: 0;
	margin: 0;
	float: left;
}


#headerLeftBottom p{
	font: 14px/20px arial;
	font-weight: bold;
	color:white;
	padding: 5px 0 0 170px;
	margin:0 0 8px 0;
}

#headerLeftBottom h1{
	font: 16px/20px arial;
	font-weight: bold;
	color:white;
	padding: 22px 0 10px 220px;
	margin:0 0 8px 0;
}

#headerRight{
	width: 260px;
	height: 300px;
	padding: 0;
	margin: 0;
	float: right;
	background:url(../../images/header260.png) no-repeat;
}


#headerPan ul{
	float:right;
	margin:30px 0 0 0; 
	}
#headerPan ul li{
	display:block; 
	float:right; 
	margin:0 0 0 1px; 
	}
#headerPan ul li a{
	font: bold 16px/40px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	padding:0 14px 0 14px; 
	color:#EAEAEA;
	background-color:#222222; 
	text-decoration:none; 
	margin:0; 
	line-height: 0;
	}
#headerPan ul li a:hover{
	color:black; 
	background-color:#42B2FF;
	}



/*----------------------------------body part----------------*/
#mainBody{
	width:1000px;
	height: 250px;
	margin:0;
	font: 13px/15px Arial, Helvetica, sans-serif;
	}

#mainBodyLeft{
	width:440px;
	height: 250px;
	margin:0;
	font: 13px/15px Arial, Helvetica, sans-serif;
	float: left;
	background:url(../../images/mainbody440.png) no-repeat;
	}


#mainBodyMiddle{
	width:300px;
	height: 250px;
	margin:0;
	font: 13px/15px Arial, Helvetica, sans-serif;
	float: left;
	background:url(../../images/mainbody300.png) no-repeat;
	}

#mainBodyRight{
	width:400px;
	height: 250px;
	margin:0;
	font: 13px/15px Arial, Helvetica, sans-serif;
	float: left;
	background:url(../../images/mainbody400.png) no-repeat;
	}

#mainBody p{
	margin: 0 0 10px 0;	
}

#mainBody h2{
	font: bold 16px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	color: #046FA1;
}

/*-------------left side------*/
#leftPan{
	width:500px;
	height: 100%;
	padding:0; 
	margin: 0;
	float:left;	
	}

#leftBlock1{
	width: 478px;
	height: 207px;
	border: solid 1px #42B2FF;
	padding: 10px;
	text-align: justify;
	background-color: white;
	}

#leftBlock1 img{
	 float: left; 
	margin-right: 5px;
}


#leftBlock2{
	width: 225px;
	height: 180px;
	margin: 5px 0 0 0;
	float: left;
	padding: 10px;
	border: solid 1px #42B2FF;
	background-color: white;
	}

#leftBlock2 img{
	 float: left; 
	margin-bottom: 10px;
}

#leftBlock3{
	width: 225px;
	height: 180px;
	margin: 5px 0 0 0;
	float: right;
	padding: 10px;
	border: solid 1px #42B2FF;	
	background-color: white;
	}


#leftBlock3 img{
	 float: left; 
	margin-bottom: 10px;
}

#leftBlockBig{
	width: 478px;
	height: 412px;
	border: solid 1px #42B2FF;
	padding: 10px;
	text-align: justify;
	background-color: white;
	}

#leftBlockBig ul{
	margin: 20px 0 20px 10px;
}


#leftBlockBig ul li {
	background:transparent url(../../images/tiny.png) no-repeat scroll 0 0;
	color:#046FA1;
	font-weight:bold;
	height:25px;
	padding:5px 0 0 35px;
}

#email{
	width:270px;
	margin:50px auto 0 auto;
}

#email h1{
	font: 18px/22px Arial;
}

#email a{
	text-decoration: none;
	color: #046FA1;
}

#email a:hover{
	text-decoration: underline;
}

#email a:visited{
	text-decoration: none;
	color: #046FA1;
}

/*-------------------------------right-------*/
#rightPan{
	width: 230px;
	margin:0 1px 0 0; 
	padding:0;
	float:right;
	}


#rightBlock1{
	width: 210px;
	height: 130px;
	border: solid 1px #42B2FF;
	float: right;
	padding: 10px;
	background-color: white;
	margin: 0 0 5px 0;
	}

#rightBlock2{
	width: 210px;
	height: 120px;
	margin: 0 0 5px 0;
	float: right;
	border: solid 1px #42B2FF;
	padding: 10px;
	background-color: white;
	}

#rightBlock3{
	width: 210px;
	height: 110px;
	float: right;
	border: solid 1px #42B2FF;	
	padding: 10px;
	background-color: white;
	}



/*-------------------------------footer---------*/
#footerMain{
	width: 750px;
	
	font: bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	border-top: solid 2px blue;
	padding:0;
	background-color: #D2DAE6;
    text-align:center;
     color:#454545;
	}

#footerMain img{ 
	margin-left: 25px;
}

#footerMain p{
	padding: 0 0 0 5px;
	margin:0;
	}	

#footerMain a{
	text-decoration:none;
}

#footerMain a:hover{
	text-decoration:underline;
	color: #046FA1;
}

#footerMain a:visited{
	text-decoration: none;
	color:blue;
}

#footerMain ul.css{
	width:88px; font-size:40px; margin:0px 0 0 586px; padding:0; height:31px;
	}
#footerMain ul.css li{
	display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;height:31px;
	}
#footerMain ul.css li a{
	 text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;height:31px;
	}
#footerMain ul.css li a.html{
	background:url(../../images/xhtml.png) no-repeat 0 0; width:88px;
	}
#footer ul.css li a.html:hover{
	background:url(../../images/xhtml.png) no-repeat 0 0; width:88px;
	}


#popupbox{
  margin: 50px 40% 0 40%; 
  padding-top: 10px; /*  Make the text not touching the top on the login box */
  width: 250px; /* For centering it on the screen */
  height: 150px; /* The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #FBFBF0; /* Login Box background color. Change this if desired. */
  border: solid #000000 2px; /* Makes a black border around the login box */
  z-index: 9; /* Makes it on top of everything else */
  font: 14px/16px arial; /* Sets the font */
  visibility: hidden; /* Makes it hidden at first. Very Important.*/
  }