/* CSS Document */

body { background-color:#FFFFFF; font: normal 12pt Arial, Helvetica, sans-serif; color:#333333; }
input { font: normal 10pt; color:#333333; }
#container { margin:auto auto; width:820px; height:670px; position:relative; z-index:1; }
#background1 { width:820px; height:20px; left:0px; top:0px; background:url(../images/portal_home_01.gif) no-repeat; position:absolute; z-index:2; }
#background2 { width:820px; height:630px; left:0px; top:20px; background:url(../images/portal_home_02.gif); position:absolute; z-index:2; }
#background3 { width:820px; height:20px; left:0px; top:650px; background:url(../images/portal_home_03.gif) no-repeat; position:absolute; z-index:2; }
#banner { width:780px; height:90px; left:20px; top:20px; position:absolute; z-index:3; }
#navigator { width:780px; height:40px; left:20px; top:110px; position:absolute; z-index:3; }
#boxtop { width:780px; height:10px; left:20px; top:150px; background:url(../images/box_top.gif) no-repeat; position:absolute; z-index:3; }
#boxmid { width:780px; height:460px; left:20px; top:160px; background:url(../images/box_mid.gif); position:absolute; z-index:3; }
#boxbot { width:780px; height:10px; left:20px; top:620px; background:url(../images/box_bot.gif) no-repeat; position:absolute; z-index:3; }
/* Tab Menu */
.tab_menu { width:610px; height:40px; left:150px; vertical-align:middle; position:absolute; }
.tab_menu ul { margin: 0px; padding: 0px; list-style-type:none; }
.tab_menu li { margin: 1px; padding:0px; width:200px; height:40px; text-align:center; float:left; }
.tab_menu li#selected { background-image:url(../images/nav_btn_over.gif); margin:1px; }
.tab_menu span { font: bold 12pt Arial, Helvetica, sans-serif; color:#666666; padding:10px; display:block; }
.tab_menu a { padding:10px; font: bold 12pt Arial, Helvetica, sans-serif; color:#FFFFFF; display:block; text-decoration:none; background:url(../images/nav_btn.gif); }
.tab_menu a:hover { color:#666666; background:url(../images/nav_btn_over.gif); }
/* Content Menu */
.content_menu { width:450px; height:380px; left:50px; top:10px; vertical-align:middle; position:absolute; }
.content_menu ul { margin:0px; padding:0px; list-style-type:none; }
.content_menu li { margin:5px; padding:0px; width:450px; height:48px; text-align:left; float:none; }
.content_menu a { padding:0px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#333333; display:block; text-decoration:none; }
.content_menu a:hover { color:#000000; background:#CCCCCC; }
/* Misc */
.advisory { font: normal 10px Verdana, Arial, Helvetica, sans-serif; color:#000000; }
#loginbox { position:absolute; width:400px; height:253px; top:124px; left:68px; }
#bigiconlogin { position:absolute; top:194px; left:514px; width:256px; height:256px;  background-image:url(../images/icon_bigtablogin.png); z-index:4;  }
#bigicon1 { position:absolute; top:194px; left:514px; width:256px; height:256px;  background-image:url(../images/icon_bigtab2.png); z-index:4;  }
#bigicon2 { position:absolute; top:194px; left:514px; width:256px; height:256px;  background-image:url(../images/icon_bigtabinside.png); z-index:4;  }
#bigicon3 { position:absolute; top:194px; left:514px; width:256px; height:256px;  background-image:url(../images/icon_bigtab3.png); z-index:4;  }

/* Content Menu 32x32 */
.content_menu32 { width:450px; height:380px; left:50px; top:10px; vertical-align:middle; position:absolute; }
.content_menu32 ul { margin:0px; padding:0px; list-style-type:none; }
.content_menu32 li { margin:5px; padding:0px; width:450px; height:32px; text-align:left; float:none; }
.content_menu32 a { padding:0px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#333333; display:block; text-decoration:none; }
.content_menu32 a:hover { color:#000000; background:#CCCCCC; }

/* Shared server styles */
#winusers {
	float:left;
	width:50%;
	font:normal smaller Arial, Helvetica, sans-serif;
}
#winusers h3 {
	text-align: center;
}
#winusers a {
	display:block;
	vertical-align:top;
	height:100px;
	text-decoration:none;
	color:#666666;
	padding:2px;
}
#winusers a:hover {
	background-color:#FFFFFF;
}

#macusers {
	float:left;
	width: 50%;
	font: normal smaller Arial, Helvetica, sans-serif;
}
#macusers h3 {
	text-align:center;
}
#macusers a {
	display:block;
	vertical-align:top;
	height:100px;
	text-decoration:none;
	color:#666666;
	padding:2px;
}
#macusers a:hover {
	background-color:#FFFFFF;
}