﻿@charset "UTF-8";
/* CSS Document */

body { text-align: center; font: normal 12px arial; overflow:auto; border:0px; margin:0px; padding:0px; color:#858585; line-height:17px;}
body a { text-decoration:none; color:#FF0000; }
body a:hover { text-decoration:underline; color:#FF0000; }

table tr td { padding:0px; border:0px;}

#wrapper {  text-align: left; margin: 0 auto; width: 955px; padding-top:10px; }

#header  { height: 150px; }
#header #side-a { float: left; width:448px; background-color:#edeeee; height:150px; border-right:1px solid #FFFFFF;}
#header #side-a img{ vertical-align:middle; padding-top:45px; }

#header #side-b {  text-align:center; float:right; width:505px; border-collapse:separate;}
#header #side-b a { text-align:center; background-color:#FF0000; display:block; text-decoration:none; font: bold 12px arial; border:1px solid #FFFFFF; color:#FFFFFF; width:110px; height:45px; padding-top:28px; }
#header #side-b a:hover { background-color:#fddbc8; color:#FF0000; }
#header #side-b table { float:left; }
#header #side-b img { float:right; }


#breaker  { background-color:#000000; height:15px; }
#breaker .b1 { display:block; height:5px; width:450px; background-color:#e3764b;}
#breaker .b2 { display:block; height:7px; width:450px; background-color:#FF0000;}
#breaker .b3 { display:block; height:3px; width:450px; background-color:#000000;}

#content { height:427px; margin: 5px 0 5px 0; }
#content ul { list-style-type: none; padding-left: 0; margin-left: 0; margin-top:0px; }
#content li { background: url('../img/0024_chevrons.png') left top no-repeat; padding-left:15px; }
#content .page { color:#FF0000; font-weight:bold; }



#content #side-left { float:left; width:470px; background-image:url(../img/bg_leftside.gif); height:427px;}
#content #side-left .pageTitle { padding: 0 0 0 9px; vertical-align:baseline; }
#content #side-left .mainPhoto { padding: 19px 0 0 16px; }
#content #side-left #markets .pageTitle { padding: 265px 20px 0 9px; vertical-align:bottom; float:left; }
#content #side-left #markets .mainImage { padding: 15px 0 0; }
#content #side-left img { border:none; }


#content #side-right { float:left; width:485px; border-collapse:separate; padding-top:10px; overflow:auto; height: 400px;}
#content #side-right .page { color:#FF0000; font-weight:bold; }
#content #side-right a { color:#FF0000; text-decoration:none; }
#content #side-right a:hover { text-decoration:underline; font-weight:bold;  }
#content #side-right .button a { text-align:center; background-color:#FF0000; display:block; text-decoration:none; font: normal 12px arial; border:1px solid #FFFFFF; color:#FFFFFF; width:145px; height:55px; padding-top: 25px;}
#content #side-right .button a:hover { background-color:#fddbc8; color:#FF0000; }

#content #side-right .name { font: bold 15px Arial; color:#FF0000; }

#content #side-right #projectManager{
	
	background-repeat:no-repeat;
	height: 98px;
	width: 300px;
	padding-top: 65px;

}

#content #side-right #projectManager .projectManagerName { 
	height:20px;
	padding-left: 70px;
	padding-top: 3px;
	display:block;
	color:white;
	font: bold 12px arial;
	background-color: gray; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;
	vertical-align:middle;
	
	
}
#content #side-right #projectManager .projectManagerName a { 
	color:black;
	
}



div.scroll { height: 375px; width: 805px; overflow: auto; padding: 8px;}
dvi.scrollright { overflow:auto; height: 395px; width:495px; }
div.scrollMarkets { left:45px; height:96px; width :387px; overflow:auto; }

#footer  { background-image:url(../img/bg_footer.jpg); color:#FFFFFF; font: bold 11px Arial; padding:25px 0 25px 25px; }

