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

#tribhead {
background-color: #621314;
height:40px;
margin:0;
padding:0;
}

#tribnav {
width: 1000px;
padding-top: 10px;
padding-left:10px;
}

html, body {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

#menu {
font-family:"Times New Roman", Times, serif;
position: absolute;
float: right;
height: 500px;
margin-left: 900px;
top: 50;
}

#menu ul {
width: 180px;
list-style: none;
font-size:20px;
}

#menu strong {
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#FFFFFF;
}

#menu a:link {
color:#FFFFFF;
text-decoration: none;
}

#menu a:visited {
color: #FF9999;
text-decoration: none;
}

text {
font-family:Arial, Helvetica, sans-serif;
}

h2 {
font-size:30px;
color:#333333;
}

#main, #sidebar {
width:650px;
margin:40px;
margin-top:70px;
}

#main, #sidebar  p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
}


#mainhed {
font:Verdana, Arial, Helvetica, sans-serif;
font-size:100px;
position:absolute;
left:20px;
top:295px;
z-index: 1;
width: 800px;
color:#FFFFFF;
line-height: 80px;
}

#sidehed, #sidehed2, #sidehed3 {
font:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
left:20px;
z-index: 1;
width: 450px;
color: #660000;
line-height: 60px;
}

#sidehed {
font-size:60px;
margin-top:-600px;
}

#sidehed2 {
font-size:110px;
margin-top:-530px;
}

#sidehed3 {
font-size:70px;
margin-top:-460px;
}

#bigphoto {
background-color: #621314;
height:490px;
}

.photos img{
margin:0;
display:block;
position: relative;
}

.photos p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 900px;
}

.photosin p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width: 650px;
}

aside {
width: 200px;
position:relative;
float:left;
margin: 0px 20px 10px 5px;
padding: 20px;
background-color: #EFEFEF;
 -moz-box-shadow:    5px 5px 0px 0px #ccc;
 -webkit-box-shadow: 5px 5px 0px 0px #ccc;
 box-shadow:         5px 5px 0px 0px #ccc;
}

.trib {
color:grey;
font-size:12px;
}

.source p, span{
font-size:12px;
font-family:"Times New Roman", Times, serif;
}

#quote {
font-family:"Times New Roman", Times, serif;
font-size:25px;
color: #660000;
}

.byline {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#666666;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
border-color:#666666;
padding: 2px;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
box-shadow: 2px 2px 1px #888888;
text-align:center;
}

#counties g:hover path, #counties g:hover polygon {
fill: #FF6600;
}

#cities g:hover path {
fill: #A21F31;
stroke: #A21F31;
}

#actions g:hover path {
fill: #330033;
}

#content {
width: 630px; height: 460px;
}

#graphic1, #graphic2, #graphic3, #graphic4, #graphic5 {
position: absolute;
float: right;
height: 100%;
margin-left: 750px;
width:400px;
padding: 25;
}

#graphic1 {
margin-top: 130px;
}

#graphic2 {
margin-top: 1150px;
}

#graphic3 {
margin-top: 2750px;
}

#graphic4 {
margin-top: 10px;
}

#graphic5 {
margin-top: 3500px;
}

#graphic1 h1, #graphic2 h1, #graphic3 h1{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:24px;
color:#999999;
}


#graphic1 h3, #graphic2 h3, #graphic3 h3, #graphic5 h3{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
color: #660000;
}


svg {
margin-left:25px;
}

#actions {
padding-left: 50px;
}

a:link {
color: #660000;
}


a:visited {
color:#996633;
}

#graphdiv .dygraph-legend {
background-color: #CC99CC transparent !important;
left: 100px !important;
color: #333333 !important;
}

#graphdiv {
width:345px !important; 
}
	  
.dygraph-legend {
width: 350px !important;
}


#socialmedia {
float: right;
display:block;
margin-right:0;
border:thin;
}