@charset "utf-8";
/* CSS Document */

body {
	background: #bdbdbd;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color: #767676;
}

p {
	font-size:12px;
	
	margin:2px 0 6px 0;
	line-height:16px;
}

#contentWrapper p {
	padding:0px 12px;
}

h4 {
	margin:0;
	font-weight:bold;
	padding:10px 12px 0 12px;
	color:#22bff7;
	font-size:14px;
}

h5 {
	margin:0;
	font-weight:bold;
	padding:10px 12px 0 12px;
	color:#22bff7;
	font-size:14px;
}

h6 {
	margin:0;
	font-weight:bold;
	padding:10px 12px 0 12px;
	font-size:12px;
}

a {
	color: #1b9df3;
	font-weight:bold;
	text-decoration:none;
}

a img {
	border:none;
}

.righty, .bigBox img.righty {
	float:right;
}

#pageWrapper {
	margin:0 auto;
	width:823px;
	padding:0 7px 0 7px;
	background:url(../img/site_bg.jpg) repeat-y;
	overflow:hidden;
}

#pageContainer {
	background:url(../img/container_bg.jpg) repeat-x;
	padding:0 8px;
	overflow:hidden;
}

#flashWrapper {
	width:609px;
	height:281px;
	float:left;
	margin-bottom:1px;
}

#logo {
	background:url(../img/twf_logo.jpg) no-repeat;
	width:198px;
	height:281px;
	float:left;
	margin-bottom:1px;
}


/*lists*/

ul.pandemicList {
	list-style:none;
	padding:12px 12px 20px 12px;
	margin:0;
	font-size:12px;
	width:460px;
	overflow:hidden;
}

ul.pandemicList li {
	display:inline-block;
	float:left;
	width:110px;
}

/* main menu */

.mainMenu {
	float:left;
	width:805px;
	list-style:none;
	margin:0;
	padding:0; 
	background:url(../img/menu_bg.png) repeat-x;
	height:52px;
	display:block;
}

.mainMenu li {
	float:left;
}

.mainMenu li a {
	float:left;
	margin:0;
	color:#767676;
	font-size:14px;
	text-transform:uppercase;
}

.mainMenu li a:hover {
	text-decoration:underline;
}

/*login box*/

.loginBox {
	width:188px;
	background: url(../img/login_closed.jpg) no-repeat;
	overflow:hidden;
	padding: 0 1px 0px 10px;
}
#loginDropDown {
	height: 30px;
	cursor: pointer;
}
.loginBox form {
	display: none;
	margin: 0;
}
.loginBox.active {
	background:url(../img/login_open.jpg) no-repeat;
}
.loginBox.active form {
	display: block;
}

.loginBox input {
	height:23px;
	margin:0;
	padding:5px 5px 0 5px;
	border:none;
}

.loginBox .username {
	background:url(../img/toplogin_user.jpg) no-repeat;
	width:169px;

}

.loginBox .password {
	background:url(../img/toplogin_pass.jpg) no-repeat;
	width:93px;
}

.loginBox button {
	background:url(../img/toplogin_btn.jpg) no-repeat;
	width:73px;
	height:33px;
	border:none;
	text-indent: -999px;
}

/* boxes */

.boxPaddy {
	margin-right:8px;
}

.oneThirdBox, .twoThirdsBox, .bigBox, .halfBox {
	background:#fff;
	border-bottom:solid 5px #d3d3d3;
	margin-bottom:8px;
	float:left;
}

.oneThirdBox {
	width:263px;
	height:345px;
}

.twoThirdsBox {
	width:536px;
}

.halfBox {
	width:399px; 
}

.bigBox {
	width:805px;
	padding-bottom:20px;
}

.bigBox .extraPadder {
	padding:24px 0 0 30px;
	width:480px;
	text-align:justify;
}

.oneThirdBox h4 {
	padding:2px 12px 0 12px;
}

.oneThirdBox a,.halfBox a, .bigBox a, .twoThirdsBox a   {
	font-size:11px;
}

/* news */

.newsItem {
	margin-bottom:25px;
}

/* footer */

#footerWrapper {
	width:100%;
	background:#fff;
	padding:5px 0 20px 0;
	overflow:hidden;
}

#footerWrapper p {
	font-size:10px;
	line-height:12px;
	padding:0 17px;
	
}

.footerContainer {
	border-top:solid 5px #d3d3d3;
	width:821px;
	margin:0 auto;
}

#footerWrapper ul {
	margin:0;
	padding:10px 17px 5px 17px;
	list-style:none;
	font-size:10px;
}

#footerWrapper .contact {
	text-align:right;
	
}

#footerWrapper .contact span {
	width:90px;
	display: inline-block;
}

.eapWrapper {
	margin-top:7px;
}

