*{margin:0;padding:0;outline:0}

ul,li{
	list-style:none;
	font:12px arial;color:#666;margin:0 0 5px 0}	
	
img{
	border:0}	

h2{font:bold 14px arial;color:#333}

h3{font:16px arial;color:#003333}
	
h4{font:bold 12px arial;color:#333}

p{
	font:12px arial;color:#666;margin:5px 5px 15px 5px}
a{
	color:#339999}	
a:hover{
	text-decoration:none}	
body{
	background:#fff url('../images/body-bg.jpg') repeat-x;color:#666}	
	
table{
	font:12px arial;color:#000;}
	
table td{padding: 0 3px 0 3px;}

#frametable{
	border: 1px solid #FFCC00;
	background-color: #FFF5D6;
	padding: 5px;
	width: 520px;
}

#frametable a{color:#000; text-decoration: underline;}
#frametable a:hover{color:#000; text-decoration: none;}

#totop{
	margin: 10px;
	width: 520px;
	text-align: right;	
}

#totop a{color:#339999; text-decoration: underline;}
#totop a:hover{color:#339999; text-decoration: none;}


.clearboth{clear: both;}

.tableText{font:12px arial;color:red;padding:5px;}	

.wrapper{
	width:960px;margin:0 auto}	
.header{
	width:100%;float:left}	
.topnav{
	width:328px;float:right;margin:15px 0 0 0;height:21px}
.topnav li{
	float:left;font:11px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;color:#fff;margin:0 4px ;display:inline}
.topnav li a{
	color:#fff;text-decoration:none}
.topnav li a:hover{
	text-decoration:underline}	
.topnav li a.current{
	text-decoration:underline}	
.topnav li.last{
	margin:0 0 0 4px}

.Hdmain{
	width:960px;height:126px;background:transparent url('../images/header.jpg') no-repeat;float:left}
	
.logo{
	float:left;height:75px;margin:10px 0 0 32px;width:250px;display:inline}
.logo a{
	display:block;height:75px;width:250px}
	
.contentTable{font:12px arial;color:#333;}
	
.bannerad{
	width:640px;
	height:60px;
	float:right;
	margin:20px 10px 0 0;
	display:inline; 
	text-align: center;
}

.loginarea{
	background:transparent url('../images/loginbg.jpg') no-repeat;height:25px;width:940px;float:left;padding:2px 10px 0 10px}
.login{
	width:600px;float:left}	
.login span{
	color:#339933;font:bold 12px Arial}
.login a{
	color:#666666;text-decoration:none;font:13px arial}	
.login a:hover{
	color:#666666;text-decoration:underline;font:13px arial}	
.loginfield,.searchterm{
	width:165px;height:14px;border:1px #cccccc solid}
.loginfieldpasswd{
	width:100px;height:14px;border:1px #cccccc solid}	
.loginbtn,.searchbtn{
	height:18px;width:63px;border:0}
.loginbtn{
	background:transparent url('../images/loginbtn.gif') no-repeat}

.search{
	float:right}
.searchbtn{
	background:transparent url('../images/searchbtn.gif') no-repeat}


.main_nav{
	width:100%;height:27px;background:transparent url('../images/navbg.gif') repeat-x;float:left}
	
	
.container{
	padding:5px 3px;border:1px #e5eaea solid;float:left;width:952px;margin:2px 0;background:#fff}
.crumb{
	background:transparent url('../images/dots.gif') repeat-x scroll left bottom;font:11px arial;padding:5px 10px 5px 20px;float:left;width:922px;margin:0 0 2px 0;color:#339999}
.crumb a{
	color:#666;text-decoration:none}
.crumb a:hover{
text-decoration:underline}

.Lsidebar{
	width:168px;float:left;margin:0 3px 0 0
}

.sidemenu,.sm_ad_link,.career{
	width:100%;float:left}	

.sidemenu{
	font:12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;padding:0 0 10px 0;min-height:190px}
.sidemenu li{
	background:transparent url('../images/dots.gif') repeat-x scroll left bottom;padding:5px 0}
.sidemenu a{
	color:#111e24;text-decoration:none;padding:0 0 0 20px;display:block}
.sidemenu a:hover,.sidemenu a.current{
	color:#339999;background:transparent url('../images/arrow.gif') no-repeat scroll left  top}	
.sidemenu li.last{
	background:transparent	}
	
.benefit1{
	height:440px; width:174px;background:transparent url('../images/benbox-vert.gif') no-repeat center top}
	

.sm_ad_link li, .job_spot li, .member_benefit li{
	background:transparent url('../images/bullets.gif')  no-repeat scroll left  2px;padding:0 0 2px 20px;font:12px arial;margin:10px 5px}	
.sm_ad_link .content{
	min-height:230px
}
.career .content{
	text-align:left;}
	
.Rsidebar{
	float:right;width:224px}
.Rsidebar .content{
	text-align:center;min-height:592px;padding:20px 0 0 0}
.Rsidebar img{
	margin:20px 0}	

.Mcolm{
	width:554px;float:left}
	
.mainarea .content{
	min-height:430px}
/* need to take the space away from content images p tag

.mainarea .content img{padding: 0px; margin: 0px; outline: none; font-size: 0px;}
*/
.job_spot{
	width:227px;float:left;margin:0 4px 0 5px;display:inline}
	
.job_spot img{
	margin:0 2px 0 0}	
	
.content{
	border:1px #e5eaea solid;margin:2px 0;padding:3px}
	
.content img{
	margin:0px 10px 10px 0px;padding:0px}
	
.content li{
	background:transparent url('../images/bullets.gif')  no-repeat scroll left 2px;margin:0 0 2px 10px; padding-left:20px;
}
.ibox{
	width:275px;float:left}
.ibox .image	{
	float:left}
.ibox .join{
	margin:0 0 0 20px }	
	
.iboxL{
	margin:0 3px 0 0;display:inline}	
.ibox .content,.career .content{
	min-height:120px}

.limage{
	float:left;margin:0 5px 0 0;display:inline}	

	
.Htop{
	width:720px;float:left}	

.Hmidblock{
	width:220px;float:left;margin:0 0 0 5px;display:inline}
.ad_spot,.reports{
	width:220px;float:left}
.ad_spot li{
	font:12px arial}

.ad_spot .content,.reports .content,.hrnews .content,.hrnews2 .content,.ibox .content,.job_spot .content{
	padding:10px}
.ad_spot .content{
	min-height:140px}
.reports .content{
	min-height:175px}
	
.job_spot .content{min-height:240px}

.job_spot .content .more{
	float:right;font:bold 12px arial;background:transparent url('../images/arrow.gif') no-repeat  scroll right top;padding:0 20px 0 0;color:#333;text-decoration:none}
	
.hrnews .content,.member_benefit .content{
	min-height:156px}
.hrnews2 .content {min-height:156px}
	
.pusharea{
	width:482px;float:left;margin:0 0 0 2px;display:inline}
.pushbox{
	width:482px;height:124px;float:left;background: transparent url('../images/cbtm.gif') no-repeat scroll left bottom;margin:0 0 5px 0;display:inline}
.pushboxtop{
	width:462px;float:left;background:transparent url('../images/ctop.gif') no-repeat scroll left top;padding:10px}	
.pushbox .image {
		float:left;width:104px;}
.pushbox .text{
	float:left;width:350px;margin:0 0 0 5px;display:inline}	
.pushbox span{
	font:16px Tahoma}		
.pushbox .image img{
	border:1px #fff solid;}	
.pushbox p{
	font:14px Tahoma}


.hrnews{
	display:inline;float:left;margin:0 0 0 2px;width:712px;font:12px arial;margin:0 0 0 7px;display:inline}
.hrnews .more
	{font:bold 12px arial;color:#003333;text-decoration:none
/*looks cool like this too {float:left;font:bold 12px arial;background:transparent url('../images/arrow.gif') no-repeat  scroll right top;padding:0 20px 0 0;color:#333;text-decoration:none}*/
}
.hrnews2{
	display:inline;float:left;margin:0 0 0 2px;width:712px;font:12px arial;margin:0 0 0 7px;display:inline}
.hrnews2 .more
	{font:bold 12px arial;color:#003333;text-decoration:none
/*looks cool like this too {float:left;font:bold 12px arial;background:transparent url('../images/arrow.gif') no-repeat  scroll right top;padding:0 20px 0 0;color:#333;text-decoration:none}*/
}

.Hright{
	float:right;width:228px}

.events{
	background:#e5f3f5;float:left;border:1px #e5eaea  solid;margin:0 0 2px 0;padding:10px;	min-height:402px;width:206px}
	
.events h4{
	margin:0 0 15px 0;color:#003333}	
.events li{
	font:12px arial}
.events li span{
	font-weight:bold;color:#333}
.events .more{
	float:right;font:bold 12px arial;background:transparent url('../images/arrow.gif') no-repeat  scroll right top;padding:0 20px 0 0;color:#333;text-decoration:none}

.member_benefit{
	float:left;width:100%}
	
.footer{
	width:100%;float:left;background:#0592a0;padding:10px 0 10px 0 ;text-align:center;font:10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif}	
.flinks{
	float:left;width:100%;text-align:center; margin:0 0 30px 0}	
.flinks li{
	float:left;margin:0 9px;display:inline;text-align:center;}	
/*why is centering not working here!!*/
.flinks li a{
	color:#fff;text-decoration:none; text-align:center;}	
	
.footer p{
	color:#99ffff}	
.footer a{
	color:#99ffff}	

#copyright{color: #99ffff; font: 11px  Arial, Verdana,Helvetica, sans-serif;  margin: 10px 0px 10px 0px; align: center; clear:both; width:960px; }
#copyright a{color: #99ffff; text-decoration: underline;}
#copyright a:hover{color: #99ffff; text-decoration: none;}

#tmgCredit{font: 11px  Arial,Verdana, Helvetica, sans-serif; margin: 10px 0px 5px 0px;}
#tmgCredit a{color: #999999; text-decoration: none;}
#tmgCredit a:hover{color: #999999; text-decoration: underline;}
