a img { border: none; }
a { color: #325378; }

* { padding: 0; margin: 0; }
html { background-color: #3B628D; }
body { background-color: #3B628D; }

#container { 
	min-width: 920px;
	max-width: 960px;
	background: url(../images/theme/bg.jpg) top center no-repeat #7994B1;
	margin: 0 auto; 
	padding: 0 20px; 
}

#header {
	margin: 0;
	width: 100%;
	height: 122px;
	clear: both; 
}

	#header img { float: left; }
	#header #menu a{ 
		color: #fff; 
		font: normal normal bold 12px arial, helvetica, sans-serif; 
		display: block; 
		height: 27px; 
		float: left; 
		padding: 13px 6px 0; 
		text-decoration: none; 
	}
	
	#header #login a { 
		color: #fff; 
		font: normal normal bold 12px arial, helvetica, sans-serif; 
		height: 27px; 
		padding: 13px 6px 0; 
		text-decoration: none; 
		display: inline-block;
	}


	#header #menu { 
	/*	width: 610px;*/
		padding: 0 10px; 
		float: right; 
	}

	#container #header #menu {
		margin-right: -20px;
	}

	#container.home #header #menu {
		margin: 0;
	}

	#header #login { 
		min-width: 110px; 
		width: auto !important;
		width: 110px;

		white-space: nowrap;
		hasLayout: true;
		height: 40px;
		padding-left: 93px;
		padding-right: 20px;
		margin-right: -20px;
		float: right;
		clear: right;
		background: url(../images/theme/login-bg.jpg) top left no-repeat #5A852C;
		font-size: 11px;
	}
	#header #login .sub {  }




#topContent, #mainContent, #bottomContent { width: 920px;margin: 0 auto; }
#topContent { height: 45px; background: url(../images/theme/body-top.jpg) top left no-repeat; width: 910px; padding-left: 10px; }

#topContent #CommonHeaderSearch { float: right; width: 330px; padding-right: 13px; margin-top: 12px; }
#topContent #CommonHeaderSearch input { background: url(../images/theme/search-bar.jpg) top left no-repeat; width: 230px; height: 14px; padding: 3px 0 4px; padding-left: 65px; padding-right: 3px; margin-right: 3px; border: 0; }
#topContent #CommonHeaderSearch input.submit { background: url(../images/theme/search-icon.jpg) top left no-repeat; width: 21px; height: 21px; padding: 0; margin: 0; margin-top: 1px;  }


#mainContent { background: #fff; width: 878px; padding: 0 20px; border: 1px solid #fff; }

#mainContent .CommonSidebar { width: 275px; float: right; margin-top: 20px; }
#mainContent .CommonSidebar .img p { margin: 0; }
#mainContent .CommonSidebar .CommonSidebarTop { height: 26px; width: 275px; background: url(../images/theme/sidebar-top.jpg); }
#mainContent .CommonSidebar .CommonSidebarInner { width: 273px; background: #F6F7F9; border: 1px solid #F2F2F4; }
#mainContent .CommonSidebar .CommonSidebarBottom { padding-top: 15px; height: 47px; width: 275px; background: url(../images/theme/sidebar-bottom.jpg); text-align: center;}

#mainContent .CommonContentArea { float: left; width: 590px; }
.CommonFilterArea { clear: both; }

#mainContent input, #mainContent select { margin: 3px; }

#bottomContent { height: 45px; background: url(../images/theme/body-bottom.jpg) top left no-repeat; }



div#container.home { padding: 0; background-color: #fff; max-width: 1000px; }
div#container.home #header img { margin-left: 20px; }
div#container.home #topContent, div#container.home #bottomContent { display: none; }
div#container.home #login { margin: 0px; }
div#container.home #flashCon { height: 505px; width: 960px; margin: 0 auto; }
div#container.home #flashStretch { height: 505px; width: 100%; background: url(../images/theme/flash-bg.jpg) top left repeat-x; }
div#container.home #mainContent .CommonContentArea { width: 100%; }


.CommonContent p { font: normal normal normal 12px arial, helvetica, sans-serif;  line-height: 20px;}
.CommonContent li { margin-left: 25px; }
.CommonContentArea h2 { color: #335A85; }
.CommonContentArea h3 ,.CommonContentArea h4 ,.CommonContentArea h5,.CommonContentArea h6 { color: #698D36; }



table.pad td { padding: 10px; }
p { margin: 10px 0; }

#footer { height: 100px; width: 100%; }

#footer .menu { margin: 20px auto; text-align: center; width: 520px; }

table.member td { padding: 5px; }







td.why-tdg p { margin-left: 2px; }
td.press-releases h4.BlogPostHeader { margin: 10px 0 10px 3px; font: normal normal normal 12px arial, verdana, sans-serif; }
td.in-the-news h4.BlogPostHeader { margin: 10px 0 10px 6px; font: normal normal bold 12px arial, verdana, sans-serif; }





.CommonModal { background: url(../images/modal-bg.png) top left repeat; border: 2px solid #000; }
.CommonModalTitle { color: #eee; }
.CommonModal .CommonModalClose { background: url(../images/ico_close_16x16.png) top right no-repeat; height: 16px; width: 20px; }