﻿/* mac hide \*/
html, body  {margin:0; padding:0; height:100%;}
/* end hide*/

a:link { color:blue; text-decoration:underline;}
a:visited { color:#004584;}/*#004584=dark blue*/
a:hover { color:green; }
a:active { color:#004584; }

body table {
    /*color: orange;*/
    /*overflow:hidden;*/
    background-color:transparent; /*darkblue=#004584*/
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    /*
    background-image: url(images/bg_home.jpg);
    background-repeat: repeat-x;
	margin-top: 0pt;
    margin-left: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    min-width: 600px; /* 978, 576
	*/
    }

body form {text-align:center; margin:0px; padding: 0px;}

/*#dHeader {background-image: url(images/bg_home.jpg);background-repeat: repeat-x;}*/
.pnlHeader
{
	background: #336699;
	color: #333;
	border: 2px solid #ccc;
}


div#Panel_goog {background: blue; color: white; }

/* set common values for these elements */
p, div { font-family: 'Trebuchet MS'; font-size: 10pt; text-decoration: none; padding: 0px; margin: 2px 0px 0px 0px;}

.cfodisc {font-size: 9pt; }

.dBOF {position: absolute; left:0px; top:0px;}
.pBOF { font-size: 10pt; font-weight: bold; text-transform:uppercase; color: #5E1D37; line-height:12pt; text-align:right; 
        padding-top: 18px; padding-bottom:0px;}
.tWDing3 { font-family: 'Wingdings 3';}

.tdGoogleSrchContainer {height: 42px; margin: 0px; padding: 0px;}
.srchstyle01, .srchstyle02, .srchstyle03, .srchstyle03b {
    font-size: 9pt;
    font-weight: bold;
    vertical-align:middle;
    line-height: 1pt;
    text-align: left;
    white-space: nowrap;
}
.srchstyle01 {width: 378px;}
.srchstyle02 {width: 246px;}
.srchstyle03b {width: 18px; visibility:hidden;}
#sbi {width: 384px;}


#sponsorAdDiv
{
	border-style: none;
	border-width: 0px;
	border-color: inherit;
	position: absolute;
	display: none;
	visibility: hidden;
	width: 240px; /*360px*/
	height: 240px;
	background-color:Transparent;
	z-index:10000;
} 

.tdCFOLink { width: 466px;}

.dAdProject{ background-color:#c6deff; padding: 6px 6px 6px 6px; }			 /* gold */
#citytoppad{height:72px; background-color:inherit;}

.headerGoogleSearch {
		margin: 0px;
	    position: absolute;
        top:100px;
        left:0px; 
	    padding: 0px; 
	    width: 856px;
	    text-align: left;
	    border: 1px solid #000;
	    background-color: #8096cc;
	    color: #fff;
    }

.innerDivClearer {margin:0px; position:relative; left:0px; top:0px; padding:0px;}

div.clearer {clear:left; line-height:0px; height:6px; padding:0px; margin:0px;}

.centerTextBox  {margin: 0px; position:relative; left:0px; top:0px; padding:12px; width:576px; background-color: white; border:3px solid;}

.footerAd {text-align:center; padding:6px 0px 0px 0px; margin:0px 0px 0px 0px;}

.cfoDataList {
        margin: 0px;
        position:relative; 
        left:0px; 
        top:0px;
        width:210px; /* 182 */
        padding:0px;
	    text-align: center;
	    border: 1px solid #000;
	    background-color: #bdcfef;
	    color: #fff;
	    padding: 12px 0px 0px 0px; 
    }

.centeredGoogle160x600, 
.centeredGoogle120x600, 
.centeredGoogle728x90, 
.centeredAffiliateSquare200,  
.centeredAffiliate210W,
.centeredAffiliate160W {background-color: #bdcfef;}

.centeredGoogle160x600 {
	    margin: 12px 0px 12px 0px;
	    position: relative;
        top:0px;
        left:0px;
	    width: 210px;
	    text-align: center;
	    border: 0px solid #000;
	    color: #fff;
	    padding: 12px 0px 12px 0px; 
    }

.centeredGoogle120x600old {
	    margin: 0px 0px 12px 0px;
	    position: absolute;
        top:0px;
        left:1138px; 
	    width: 144px;
	    text-align: center;
	    border: 1px solid #000;
	    color: #fff;
	    padding: 12px 0px 12px 0; 
    }

.centeredGoogle120x600 {
	    margin: 12px 0px 12px 0px;
	    position:relative;
        top:0px;
        left:0px; 
	    width: 144px;
	    text-align: center;
	    border: 1px solid #000;
	    color: #fff;
	    padding: 12px 0px 12px 0; 
    }

.centeredGoogle728x90 {
	    margin:0px;
	    position:relative;
        top:0px;
        left:0px; 
	    height: 90px;
	    text-align: center;
	    border: 1px solid #000;
	    padding: 0px; 
    }


.centeredAffiliateSquare200 {
	    margin: 12px 0px 0px 0px;
	    position: relative;
        top:0px;
        left:0px;
	    width: 200px;
	    height: 200px;
	    text-align: center;
	    border: 0px solid #000;
	    color: #fff;
	    padding: 12px 0px 12px 0px; 
    }

.centeredAffiliate210W {
	    margin: 12px 0px 0px 0px;
	    position: relative;
        top:0px;
        left:0px;
	    width: 210px;
	    height: auto;
	    text-align: center;
	    border: 0px solid #000;
	    color: #fff;
	    padding: 12px 0px 12px 0px; 
    }

.centeredAffiliate160W {
	    margin: 12px 0px 0px 0px;
	    position: relative;
        top:0px;
        left:0px;
	    width: 210px;
	    height: auto;
	    text-align: center;
	    border: 0px solid #aabbcc;
	    color: #fff;
	    padding: 12px 0px 12px 0px; 
    }



.label {
        text-align: right;
        padding-right: 2px;
        padding-left: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        vertical-align: middle;
        color: #006633;
        font-size: 10pt;
        }
        
.ddlRegular {
        text-align: Left;
        padding-right: 2px;
        padding-left: 2px;
        padding-top: 2px;
        padding-bottom: 2px;
        vertical-align: middle;
        color: #543e1f;
        background-color: #e7e7ff;
        font-size: 9pt;
        }
	            
        

.feaCoIndex { text-align:center; font-size: 10pt; font-weight: bold; line-height: 12pt; color: white; padding-top: 6px; padding-bottom:6px; background-color:black; color:white; text-align:center; vertical-align:middle;}
.feaInstr { text-align:center; font-size: 8pt; font-weight: normal; line-height: 9pt; color: #FFFF90; padding-top: 4px; padding-bottom:6px; background-color:black; text-align:center; vertical-align:middle;}

/* set common values for these elements */
.pMHead, .pHAMHead, .pLHead, pAPHead { color: #006f90; }

.pMHeadTest { border: thin solid Blue; font-size: 14pt; font-weight: bold; line-height: 18pt; text-align:left; padding-top: 3px; padding-bottom:3px;}
.pMHead { font-size: 14pt; font-weight: bold; line-height: 18pt; text-align:left; padding-top: 3px; padding-bottom:3px;}
.pSHead { font-size: 11pt; font-weight: normal; line-height: 14pt; text-align:left; color: #006633; padding-top: 3px; padding-bottom:8px;}
.pBody { font-size: 10pt; font-weight: normal; line-height: 12pt; text-align:justify; color: black; text-indent: 18pt;}

.pHAMHead { font-size: 13pt; font-weight: bold; line-height: 16pt; text-align:left; padding-top: 3px; padding-bottom:3px;}
.pHASHead { font-size: 11pt; font-weight: normal; line-height: 14pt; text-align:left; color: #006633; padding-top: 3px; padding-bottom:8px;}

.pLHead { font-size: 11pt; font-weight: bold;}
.pLBody { display:inline-block; font-size: 10pt; font-weight: normal; line-height: 12pt; text-align:justify; color: black; padding-top: 12px; padding-bottom:3px;}

.dRuleSep { display: block; 
            height: 28px;
			margin: 4px 72pt 4px 72pt;
			padding: 0px;
			 }
.pRuleSep { display: block; 
            margin: 0px;
			padding: 0px;
			height: 10pt;
			line-height: 10pt;
			font-size: 2px;
            text-align: center; 
            vertical-align: middle;
			border-bottom: 2px dotted #80585d;  /*orange */
			}

.dIndexDataList { padding:0px; margin:0px; }

.dSpecMention {               
                display: block; 
                padding-top: 1px;
                padding-bottom: 1px;
                text-align:center; 
                vertical-align:middle;
				}
.pSpecMention { font-size: 10pt; font-weight: bold; line-height: 12pt; letter-spacing: 6pt; text-align:center; 
                color: white; background-color: #cd6a0e; margin: 0px 144px 0px 144px;
                padding: 2px 0px 5px 0px; }
.dSpecMentionSep  {
                display: block; 
                padding: 6px 0px 0px 0px;
			 }


.pAPHead { font-size: 18pt; font-weight: bold; line-height: 19pt; text-align:center; color: #006633; padding-top: 3px; padding-bottom:6px; font-family: Georgia, 'Times New Roman', Times, serif;}
.pAPBody { font-size: 9pt; font-weight: normal; line-height: 12pt; text-align:justify; color: black; text-indent: 18pt; font-family: Georgia, 'Times New Roman', Times, serif;}

.pRADisc { font-size: 9pt; font-weight: normal; line-height: 11pt; text-align:center; color: black; padding-top: 3px; padding-bottom:3px; margin: 0 0 0px 0;}

.aceTextField {
        background-color: #FFFF99;
        color: #003366;
        font-size: 9pt;
        font-weight: bold;
}


/* inline buttons: see http://www.wellstyled.com/css-inline-buttons.html 
	examples: 
	<a class="inline-button" href="the_url"><em>Some</em><span> Link</span></a>
	...	use various color combinations ...
	<a class="inline-button orange" href="the_url"><em>RSS</em><span> Export</span></a>
	<a class="inline-button blue" href="the_url"><em>W3C</em><span> XHTML&nbsp;1.0</span></a>
	<a class="inline-button green" href="the_url"><em>ICQ</em><span> 1234567</span></a>
*/

.inline-button {
   _width:12em;
   font: bold 65%/1.0 Verdana, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   border: 1px solid black;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #ccc;
   color: black;
   }
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: black;
   text-decoration: none;
   }
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   text-decoration: none;
   }
   
.inline-button:hover {
   color: white;
   background: #06c; 
   }
.inline-button:hover em {
   color: white;
   background: #ffa500; 
   }

.orange { background: orange; color: white; } /* #ffa500 */
.orange em { background: white; color: #c60; }

.blue2 { background: #06c; color: white; }
.blue2 em { background: white; color: #06c; }

.green { background: green; color: white; }
.green em { background: white; color: green; }

.medblue { background: #648dc8; color: white; }
.medblue em { background: white; color: blue; }

.medgreen { background: #6dc738; color: white; }
.medgreen em { background: white; color: green; }

.purple { background: #9F5F9F; color: white; }
.purple em { background: white; color:purple; }

.maroon { background: #800000; color: white; }
.maroon em { background: white; color:maroon; }

.gray { background: #808080; color: white; }
.gray em { background: white; color:gray; }

.teal { background: #668E86; color: white; }
.teal em { background: white; color:teal; }

.picBox1 { position:absolute; left:18px; top:24px; padding:0px; width:144px; height:144px; }
.picBox3 { position:absolute; left:800px; top:24px; padding:0px; width:144px; height:144px; }
    
.hangoutdent { text-indent: -3em; margin-left: 3em; }

.pRADiscYellow
    {
        font-size: 8.5pt;
        font-weight: normal;
        line-height: 11pt;
        text-align: center;
        color: black;
        padding-top: 3px;
        padding-bottom: 3px;
        border-right: navy 1px dotted;
        padding-right: 3px;
        border-top: navy 1px dotted;
        padding-left: 3px;
        vertical-align: middle;
        border-left: navy 1px dotted;
        text-indent: 0px;
        border-bottom: navy 1px dotted;
        letter-spacing: normal;
        background-color: yellow;
        margin: 12px 0px 6px 0px; /* 0px 42px 0px 42px;*/
    }




#container 
    {
        width: 874px;/* (870px) - sets the width for IE5.x's broken box model*/
        margin: 12px auto 12px;/* centers the container. First value - 12px - is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
        position: relative; /* important to position it relatively */
        text-align: left;
        top: 0px;
        left: 0px;
    }

#header, #footer, #wrapper, #column1, #column2, #column3, #column4 {background:#336699; color:#333; padding:12px; border: 0px solid #ccc;}
#header {margin:12px 0px 6px 0px; float:left; border:0px;}
#wrapper {margin:0px 0px 12px 0px; clear:both; width:100%; border:0px; float:left;} 
#footer {margin:12px auto 12px 0px; clear:both; border:0px;background:#7e8ba3; z-index:-1;} 
#column1, #column2, #column3, #column4 {background:#E7DBD5; margin:0px 12px 12px 0px; float:left; border: 1px solid transparent;}
#column1 {width:210px; margin:0px 0px 12px 0px;}
#column2 {width:606px; margin:0px 0px 12px 6px;}
#column3 {width:210px; margin:0px 0px 12px 0px;}
#column4 {width:606px; margin:0px 0px 12px 6px;}
#disclaimer{width:100%; margin:0px;}

div#header{background:transparent; margin:0; padding: 0; z-index:-1;}
div#wrapper{background:transparent; margin:0; padding: 0; z-index:-1;}
div#footer{margin:12px auto 12px auto; padding: 12px 0 0 0; z-index:-1; padding: 0px;}

div#CFOLogo{position:absolute; left:218px; top:12px; width:432px; height:96px; border:0; z-index:10;}
div#headercontent {position:relative; margin:36px auto 12px 0px; width:auto;text-align:left; background:#153e7e; padding: 12px 0 12px 0; z-index:1;border: 1px solid #ccc;}
.ImagesLt{width:144px; height:288px; border:0px; vertical-align:top;}
.ImagesRt{width:144px; height:288px; border:0px; vertical-align:top;}
.dAdProject{width:auto; height:auto; border:1px;background-color:#c6deff; padding: 6px 6px 12px 6px; margin: auto} /* gold */

/*div#dPageSearchBox{position:absolute; left:0px; top:12px; width:72px; height:24px; border:0; z-index:10;}*/

div.containerwrapper {
	margin: 0px;
	padding: 0px 0px 0px 0px;
    border: none;
    overflow: hidden;
    width: 100%
}
#cPleaseVisit {margin:0; padding:0 0 3px 0; font-family:'Trebuchet MS', Verdana, Helvetica, sans-serif; font-size:12px; line-height:14px; font-weight:bold; text-align:center;background-color:Transparent; color:White;}
#cPleaseVisit a, #cPleaseVisit a:hover {color:white; background:none; text-decoration: none; white-space:nowrap;}
#dCFOHTMLLinks {margin:0; padding:12px 12px 12px 12px; text-align:center;}
#dCFOHTMLLinks ul {margin:0; padding:0; font-family:'Trebuchet MS', Verdana, Helvetica, sans-serif; font-size:10px; line-height:11px;} /* remove browser standard behavior and set any defaults*/
#dCFOHTMLLinks ul li {float:left; display:inline-block; text-decoration: none; white-space:nowrap; border:0px solid red; padding-left:0px; padding-right:18px;} /* put the lists and list elements on one line */ 
#dCFOHTMLLinks ul li a {color:White; text-decoration: none; } /* format the anchors themselves */

/* format the surrounding menu container */
#menuharness {
    padding:6px 9px 0px 12px;
    margin:0;
}

/* format the main menu items */
#menu {
    padding:0;
    margin:0;
}

#menu ul {
    padding:0;
    margin:0;
}

#menu li {
    position: relative;
    float: left;
    list-style: none;
    margin: 0;
    padding:0;
} 

/* format the anchored links */
#menu li a {
    width:170px;
    height: 30px;
    display: block;
    text-decoration:none;
    text-align: center;
    line-height: 30px;
    font-weight:bold;
    font-size: 8.5pt;
    /*
    background-color:Navy; 
    color: white;
    */
} 

/* change main menu item hover color */
#menu li a:hover {
	background-position: bottom center;
    /*background-color:Orange;*/
} 

/* position sublinks under main menu item & hide them */
#menu ul ul {
    position: absolute;
    top: 30px;
    /* width:120px;*/
    visibility: hidden;
 }

/* show sublinks under main menu when we hover over main menu item*/
#menu ul li:hover ul {
    visibility: visible;
} 

/* format sublink colors */
a.sublinkgreen {
    background: url(images/sublinkgreen.jpg) no-repeat top center;
    background-color:Green;
    color: #006600;
}
a.sublinkorange {
    background: url(images/sublinkorange.jpg) no-repeat top center;
    background-color:Orange;
    color: #CC3300;
}
a.sublinkblue {
    background: url(images/sublinkblue.jpg) no-repeat top center;
    background-color:Navy;
    color: #006699;
}
a.sublinkyellow {
    background: url(images/sublinkyellow.jpg) no-repeat top center;
    background-color:Yellow;
    color: #FF9900;
}
a.sublinkpurple {
    background: url(images/sublinkpurple.jpg) no-repeat top center;
    background-color:Purple;
    color: #990066;
}
a.sublinkgrey {
    background: url(images/sublinkgrey.jpg) no-repeat top center;
    background-color:Silver;
    color: #111111;
}

/* format sublink colors - pick a format from above ... */
a.sublink {
    background: url(images/sublinkgrey.jpg) no-repeat top center;
    background-color:Silver;
    color: #111111;
}


