/* ***************************************************************************   
Conventions and tips   
********************   
- Rules are evaluated in sequence: always put general before specific.   
- Use class selectors as soon as common rules are identified.   
- Don't hesitate to specify the element name in the selector (readability):     use td#mediaPreview { } instead of #mediaPreview { }.   
- Always set color when specifying background-color or background-image.   
**************************************************************************/

/* Reset browser-specific default values. */
body { padding-right: 0px;	padding-left: 0px;	background: White;	background-color: White;	padding-bottom: 0px;	margin: 0px;	padding-top: 0px; }
body td { font: 11px "Tahoma", "Lucida Grande", "Verdana", "Arial", "Helvetica", sans-serif; 	color: #5C565D; 	line-height: 15px; }
p {	margin-top: 6px; 	margin-bottom: 14px; }
.italic { font-style: italic; }
a {	text-decoration: none; }
a:link { color: #9E9A9B; }
a:visited { color: #D86C60; }
a:active,a:hover { color: #5C565D;	      cursor: pointer; }
a img {	border: 0px none; 	margin: 0; 	padding: 0; }
table {	border: 0px;
		width: 100%; }

/* Top left */
#topLeftLogoBackgroundDiv {	filter: alpha(opacity=50);	background-color: White;	position: absolute;	top: 67px;	left: 0px;	height: 106px;	width: 100%; }
#topLeftLogoDiv { position: absolute;	top: 92px;	left: 60px; }
#topLeftImage {	width: 230px; }

/* Left menu */
#leftMenuItemsCell {	width: 230px;	background-color: #E9E4E8;	height: 2000px;	vertical-align: top;	text-align: left; }
#leftMenuHeaderCell { background-color: #5C565D;	width: 100%; }
ul.leftMenu { display: block; 	list-style-type: none; 	width: 100%; 	margin: 0; 	padding: 0; 	background: white; 	width: 230px; 	border-right: 1px solid #E9E4E8; }
ul.leftMenu li { display: block; 	list-style-type: none; 	border: 0px none; 	padding: 0px; 	color: #5C565D; }
ul.leftMenu li a { display: block;  	margin: 0px; 	text-decoration: none; 	padding: 4px 10px; 	font-weight: bold; 	background: #E9E4E8; 	color: #5C565D; }
ul.leftMenu li a:hover { display: block; 	font-weight: bold; 	color: #7D93BC; }
ul.leftMenu li.unselected {	list-style-type: none;	border: 0px none;	padding: 0px;	color: #5C565D;	border-bottom: 1px solid #E9E4E8; }
ul.leftMenu li.unselected a { margin: 0px; 	display: block; 	text-decoration: none; 	padding: 4px 10px; 	font-weight: bold; 	background: #E9E4E8; 	color: #5C565D; }
ul.leftMenu li.unselected a:hover {	display: block; 	font-weight: bold; 	color: #7D93BC; 	background: White; }
ul.leftMenu li.selected { padding: 3px 10px; 	border-bottom: 1px solid #E9E4E8; }
ul.leftMenu li.selected a {	display: block; 	color: #7D93BC; 	background: White; }
ul.leftMenu li.selected a:hover { display: block; 	color: #5C565D; }
ul.leftMenu li.selected { display: block; 	padding: 0; 	margin: 0; }
.leftMenuHeader { color: white; 	font-weight: bold; 	padding-top: 11px; 	padding-bottom: 10px; 	padding-left: 10px; 	padding-right: 10px; 	margin: 0px; }

/* Main body */
.mainBody p,.mainBody td { font-size: 12px;
						   line-height: 18px; }
.mainBody ul { padding: 0px 40px 0px 60px ; }
.mainBody ul ul { padding: 20px 40px 0px 80px ; }
.mainBody li { padding-bottom: 20px ; }
.normalList li { padding-bottom: 0px ; }
.mainBodyTitle { padding: 30px 40px 0px 40px;
				 font-weight: bold; }
.mainBodyParagraph { padding: 20px 80px 0px 80px;
					 text-align: justify; }
#homeTable .mainBodyParagraph { font-size: 14px; }
.topSeparator { padding-bottom: 20px; }
.bottomSeparator { padding-bottom: 60px; }
.associatesRow td { width: 25%;
					text-align: center; }
.linkCell {	cursor: hand ; }

/* Banner */
#bannerCell { width: 100%;	background-color: White; }
#bannerTextCell { background-color: #7D93BC;	height: 119px; }
.bannerTitle { font: 18px/1em "Arial", "Lucida Grande", "Verdana", "Helvetica", sans-serif; 	font-weight: normal; 	color: White; 	margin: 0 20px 0 40px; }
#headerDiv { display: block; 	width: 100%; 	padding: 0; 	margin: 0; }
#headerDiv img { float: left; 	margin: 0; 	padding: 0; 	width: 230px; }
#headerDiv #top { height: 30px; 	text-align: right; 	margin: 0; 	padding: 0; }
#headerDiv #top div { display: block; 	margin: 18px 10px 10px 10px; 	padding: 0; 	color: #9E9A9B; }
#headerDiv #top div span { display: inline;	margin: 0; 	margin-left: 20px; }
#headerDiv #top div span form { display: inline; 	border: 0px none; }
#headerDiv #top div span form input.search_text { font-size: 11px; 	width: 90px; 	border: 1px solid #9E9A9B; }
#headerDiv #top div span form input.submit { margin-bottom: -3px; }
#headerDiv #top div span a { text-decoration: none; 	color: #9E9A9B; 	font-weight: normal; }
#headerDiv #top div span a:hover { color: #7D93BC; 	font-weight: normal; }
#headerDiv #menu { height: 24px; 	background: #9E9A9B; 	padding: 0; 	margin: 0; }

/* Header menu */
.menubar { list-style-type: none; 	margin: 0; 	padding: 0; } 
.topitem { font-weight: normal; 	float: left; 	display: block; 	height: 24px; } 
.topitem a, .topitem a:visited { font-weight: normal; 	color: White; 	padding-left:15px; 	padding-right:14px; 	padding-top:4px; 	padding-bottom:5px; 	display: block; 	text-decoration: none; }
.topitem a:hover { font-weight: normal; 	color: White; 	background: url('../images/menu_selected_bg.gif') repeat-x left; 	display: block; 	text-decoration: none; 	padding-left:15px; 	padding-right:14px; 	padding-top:4px; 	padding-bottom:5px; } 
.selected  { font-weight: normal; 	background: url('../images/menu_selected_bg.gif') repeat-x left; }

/* Header sub-menu */
ul.headerSubMenu { list-style-type: none; 	position: absolute; 	margin: 0; 	padding: 0; 	display: none; 	width: 180px; } 
ul.headerSubMenu li { padding: 0px; 	margin: 0px; 	font-size: 11px; } 
ul.headerSubMenu li a, ul.headerSubMenu li a:visited { padding: 3px 3px 3px 16px; 	color: #5C565D; 	border: 1px solid #E9E4E8; 	text-decoration: none; 	margin: 0px; } 
ul.headerSubMenu li a:hover { padding: 3px 3px 3px 16px; 	text-decoration: none; 	color: #5C565D; 	border: 1px solid #7D93BC; 	background: White; } 
li:hover ul, li.over ul { margin: 0px; 	padding: 4px; 	display: block; 	background: #E9E4E8; } 
#menuBar li>ul { top: auto; 	left: auto; }

/* Footer */
#footerCell { width: 100%; }
.footerText { color: #9E9A9B; 	font-size: 10px; 	margin-left: 15px; 	text-align: right; }
.footerText a:link { color: #9E9A9B; 	font-weight: bold; }
.footerText a:visited { color: #D86C60; 	font-weight: bold; }
.footerText a:active,.footerText a:hover { color: #5C565D; 	font-weight: bold; }

/* Other pages */
table#teamTable img { height: 120px; }
