/* body centers everything */
body{
text-align: center;
background-color: #FFFFFF;
}

/*       mainbox aka the container or wrapper.        */
#main_box {

	width:900px;
	vertical-align: bottom;
	margin: auto auto;
}

/*      header info         */
div.box1 {
width: 900px;
height: 70px;
*height: 100px;
background-position: top left; 
background-repeat: no-repeat;
text-align:right;
margin-top:30px;
font-style:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
overflow:visible;
}

/*      this section holds the text  in the header       */
.title {	
margin-top:20px;
margin-right: 4px;
}

#banner {
	float:left;
	margin-left: 10px;
}

#tok {
	margin-top:20px;
	margin-right: 4px;
}	


/*     this section holds the nav bar          */
div.box2 {
width:900px;
margin-top:14px;
}

/*     footer div container          */

div.box5 {
border-top:thin solid #CCCCCC;
clear:both;
width:900px;
height:41px;
position:relative;
}

/*      footer text box         */
div.footer {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
width: 900px;
height: 31px;
margin-top: 10px;
text-align: center;
}


/*     class1 and class 2 are for the header        */

.class1 {color: #505050;
text-decoration:none; 
}
.class1 A:link {color: #505050;
text-decoration:none; 
}
.class1 A:visited {color: #505050;
text-decoration:none; 
}
.class1 A:active {color: #505050; text-decoration:underline;}
.class1 A:hover {color: #0098CD; text-decoration:underline;}

.class2 {color: #505050;
text-decoration:none; 
}
.class2 A:link {color: #505050;
text-decoration:none; 
}
.class2 A:visited {color: #505050;
text-decoration:none; 
}
.class2 A:active {color: #0098CD; text-decoration:underline;}
.class2 A:hover {color: #0098CD; text-decoration:underline;}

.errorMsg {
	color:#FF0000;
}

#dialog {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #999999;
}