/*chiefscorner.css*/  
/*by James Casebier for victorcase.com*/
/* comments */


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
background-color: #000000;
color: #000000;
text-align: center;
}

#wrapper {
width: 770px;
background-color:#FFFFFF;
margin:1px auto;
border: 1px solid #000000;
text-align:left;
}

#wrapper_blue {
width: 770px;
background-color:#339;
margin:1px auto;
border: 1px solid #000000;
text-align:left;
}

#banner {
height: 90px;
background-color: #000000;
}

#logo  {
position:absolute;
 top:0;
 left:150;
 width:56px;
}


#date  {
position:relative;
float:right;
width:inherit;
color:#3366CC;
}

.archivedate {
font-size:16px;
color:#0000FF;
float:right;
width:inherit;
}

.helloworld  {
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color:#3366CC;
	font-family: "Times New Roman", Times, serif;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
}

#headlinered {
font-family: Arial, Helvetica, sans-serif;
/* Medium Azure-Blue = color: #3366CC; */
color:#F00;  /*red*/
font-style:italic;
margin-left:15px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
color:#3366CC;  
font-style:italic;
margin-left:15px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color:#3366CC;  /* Medium Azure-Blue  */
font-style:italic;
font-size:80%;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
color: #0000FF;
font-size:70%;
font-variant: small-caps;
margin: 20px;
}


h5 {
font-family:Arial, Helvetica, sans-serif;
color: #FF3300;
font-size:75%;
font-variant: small-caps;
margin: 2px;
}

h6 {
font-family:Arial, Helvetica, sans-serif;
color:#00F;
font-size:75%;
font-variant: small-caps;
margin: 2px;
}

hr  {
	color:#339;
	widows:2px;
}


#linebreak  {
	left:inherit;
}

#smallwordblue  {
color:#0000FF;
font-size: 70%;
}

#wordred  {
color:#FF0000;
font-size: 100%;
}

#leftcol #nav ul {
background-color: transparent;
list-style-type: none;
margin: 0; 
padding: 0;
font-size: 80%;
border: 0;/*this adds a second line to the bottom of the nav, if you prefer a single line you can remove it by uncommenting the other properties and commenting out this one. I think it gives a nice raised effect, the choice is your's :)*/
/*border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;*/
}

#leftcol #nav #label ul li {
background-color: #003366;
color: #FFFFFF;
display: block;
padding: 4px 4px 4px 4px;
height: 1%;
}
 

#leftcol #nav ul li {
padding: 0;
margin: 0; 
}

#leftcol #nav ul li a{
background-color: #869BCC;
border-bottom: 1px solid #000000;
color: #000000;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none; 
height: 1%;
}

#labelnavlist {
	background-color: #869BCC;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 100%;
	text-align: left;
}

#leftcol #nav a:hover, #leftcol #nav a:focus { 
background-color: #003366;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}


#leftcol{
margin-left: 10px;
margin-top: 20px;
width: 170px;
margin-bottom: 20px;
float: left;
}

#obamaapprovalrating {
color:#F30;
font-size: 90%;
font-weight:500;
font-stretch:normal;
}

#leftcol p{
margin-left: 5px;
margin-top: 10px;
width: 170px;
margin-bottom: 5px; 
float: left;
font-family:"Times New Roman", Times, serif;
font-size:80%;
color:#000;
}

.topcontainer {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

.midcontainer1 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

.midcontainer2 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

.midcontainer3 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

.midcontainer4 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

.midcontainer5 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

.midcontainer6 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

#music {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

#specialcomments1 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

#barchart_tickler1 {
width: 99%; 
float:right;
font-family:"Times New Roman",Times,Arial, Helvetica, sans-serif,serif;
font-size: 100%;
color:#3366CC;
}

#maincontent  {
	width: 99%;
	float:right;
	font-size:16px;
	color:#000;      
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 1.4em;
}

.bottomcontainer p {
	width: 99%;
	float:right;
	font-size:14px;
	color:#000;
/*black text for this container "class=bottomcontainer" */
}

#content{
margin-left: 200px;
width: 550px;
}

#contentcenter{
margin-left: 100px;
width: 550px;
}
#content p{
font-size: 100%;
margin: 20px;
}

#red {
color: #FF0000;
font-size: 100%;
}

#redstrong {
	font-weight:bold;
	font-size: 100%;
	color:#F00;
}

#blue {
color: #3366CC;  /* Medium Azure-Blue  */
font-size: 100%;
}

#indentblue  {
margin-left:auto;
color:#3366CC;  /* Medium Azure-Blue  */
font-size:80%;
font-style:italic;
}

#indentred  {
margin-left:40px;
color:#FF0000;
font-size:100%;
}

#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 20px;
}

#content p3  {
font-size: 70%;
font-weight:bold;
color:#FF0000;
margin: 30px;
}

#content h2 {
	font-size: 120%;
	color: #C30;
	padding: 0;
	margin: /*100px 0 0*/ 20px;
	font-family: "Times New Roman", Times, serif;
}

#content h3 {
font-size: 100%;
color: #003366;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

#topcontainer{
width: 99%; 
float:right;
}


#bottomcontainer{
width: 99%; 
float:right;
font-size:100%;
font-style:italic;
color:#3366CC;
}

.leftimage{
float: left;
margin-right: 10px;
border: 0px solid #000000;
}

.leftimage1{
float: left;
margin-left: 160px;   /* to determine the left-margin, divide the width of the image by 2                       and subtract from 550 (the mid-point of the left container.*/
margin-right: 10Px;
border: 0px solid #000000;
}
.leftimage2{
float: left;
margin-left: 0px;
margin-right: 10Px;
border: 0px solid #000000;
}

.leftimage3{
float: left;
margin-left: 100px;
margin-right: 10Px;
border: 0px solid #000000;
}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
border: 1px solid #000000;
width: 220px;
}

.rightimage2{
margin-bottom: 20px;
float: right;
margin-left: 15px;
border: 1px solid #000000;
width: 190px;
}

.rightimage3{
margin-bottom: 10px;
float: right;
margin-left: 15px;
width: 200px;
}

.clearit{
clear: both;
background-color:#00FF66;
width: 200px;
}


#comment {
Width: 99%;
font-style:italic;
font-size: 90%;
color:#FF0000;
}

#boldcomment   {
Width: 99%;
font-weight:700;
font-size: 80%;
color:#FF0000;
}
 
#boldcomment_100   {
	Width: 99%;
	font-weight:400;
	font-size: .9em;
	color:#C30;
	font-style: normal;
	line-height: 1.2em;
}

#boldcomment_red   {
	Width: 99%;
	font-size: 0.9em;	
	color:#FF0000;
	font-style: normal;
	line-height: 1.2em;
}

#footer {
border-top:none;
background-color: #FFFFFF;
color: #FFFFFF;
clear: both;
}

#footer p {
text-align:center;
font-size: 70%;
padding: 3px;
}

#siteinfo {            /* use this div to position the anchor #top */
text-align:center;
font-size:80%;
color:#FF0000;
}

#gototop {
	font-size: 12px;
	font-variant: small-caps;
	color: #ECE9D8;
}


 
#farewellmessage  {
	font-size: 80%;
	color:#3366CC;        /*  Blue color*/
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.4em;
}
 
 #email p {
text-align:center;
font-size: 90%;
}

#bottonwhitespace  {
	line-height:normal;
}

#counter  {
margin-left: 10px;
color:#00F;
position:absolute;
}