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

/******************************************************

                   BODY STYLES

******************************************************/

html {
height: 100%;}

body {
margin: 0px;
padding: 0px;
background: #000000;
height: 100%;
}

#container{
width: 960px;
padding: 0px;
background: url(../images/slices/background.jpg) repeat-y;
margin: 0px auto;
min-height: 100%;
height: auto;
}

/******************************************************

                   NAVIGATION

******************************************************/

#nav{
background: #FCD05C;
width: 960px;
height: 30px;
border-top: solid #000000 4px;
border-bottom: solid #000000 3px;
margin: 0px;
padding: 0px;

}
#nav a:link, #nav a:visited{
text-decoration: none;
color: #000000;
}

#nav a:hover{
background: url(../images/slices/hover.png) no-repeat center;
}

#nav ul{
float: left;
margin: 0px;
padding: 0px;
list-style: none;
width: 100%;
}

#nav ul li{
float: left;
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 2px auto auto 26px;
}
/******************************************************

                   CONTENT LAYOUT

******************************************************/
#header {
background: url(../images/slices/header.jpg) no-repeat;
width: 960px;
height: 151px;
margin: 0px;
padding: 0px;
}

#rtcolumn{
float: left;
width: 275px;
margin: 0px;
padding: 0px;}

#content {
min-height: 500px;
height: auto;
float: left;
width: 585px;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
line-height: 1.4em;
padding: 0px;
margin: 50px;
}


/******************************************************

                   TEXT AND LINK STYLES

******************************************************/

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
padding-bottom: 10px;
margin: 0px;
font-weight: 100;}

h2{
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:100;
}

h3 {
padding-left: 10px;
margin: 0px;}

address {
text-align: center;
}

a:link, a:visited{
color:#666666;
}

a:hover{
color: #000000;}


#social_sites {width:225px; margin:0; padding:0; float:left;}
#social_sites ul {list-style:none; margin:10px; padding:0;}
#social_sites img {margin:0; padding:0;}
/***Form Styles***/
#get_involved_form {float:left; width:335px; margin:0; padding:0}
form {margin:10px; padding:0;}
fieldset {margin:0; padding:10px;}
label {margin:4px 0; padding:0;}
input {width:180px; margin:4px 0 4px 19px; padding:0;}
#telephone {margin:4px 0 4px 48px;}
#email {margin:4px 0 4px 52px;}
#city {width:100px; float:none; margin:4px 0;}
#state {width:25px; float:none;  margin:4px 0;}
#ZIP {width:52px; float:none;  margin:4px 0;}
#heard {width:280px; margin:4px 0; padding:0;}
#submit {float:right;}
.required {color:#F00;}

/***Blog feed styles***/
#blog_feed ul {list-style:none;}
#blog_feed ul li {clear:both; margin:20px 0;}
.headline {float:left; margin:0 20px 10px 0; font-size:1.1em;}
.date {margin:0 5px 10px 5px;}

#blog_feed ul li div {margin:5px 0; clear:both;}
#creditfooter {display:none; visibility:hidden;}
/******************************************************

                  FOOTER

******************************************************/
#footer {
background: url(../images/slices/background.jpg) repeat-y;
text-align: center;
width: 960px;
clear: both;
margin: 0px;
padding: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

#footer a:link, #footer a:visited, #footer a:link img, #footer a:visited img, #footer a:hover img{
color:#666666;
text-decoration: none;
border: 0px;
}

#footer a:hover{
text-decoration: none;
color: #000000;}
/******************************************************

                   CLASSES

******************************************************/
.exonerated {
font: "Times New Roman", Times, serif;
font-size: 22px;
color: #666666;
float: right;
margin: 0px;
padding: 5px 20px 0px 0px;
text-align:center;
}

.caption { /*This is for the caption under the number of people exonerated and the person's name underneath the quote */
margin: 0px;
padding: 0px;
text-align:center;
font-size: 13px;
float: left;
}
.qtcaption { /*this is for the caption under the quote */
margin: 0px;
color: #666666;
padding: 10px 40px;
text-align: right;
line-height: 1em;
font-style: normal;
font-weight: 100;
font-size: 13px;
float: right;}

.left { /*this is for the caption underneath the photo */
text-align: left;
float: left;
padding:8px;
margin:0px;
font-size:11px;
}

.right { /*This is for the "Billings Gazette" underneath the photo*/
font-size: 9px;
text-align:right;
float:right;}

.people {  /*THIS IS FOR THE LIST OF DIRECTORS AND STAFF ON THE ABOUT.HTML PAGE*/
list-style: none;
margin: 0px;
padding: 40px auto;
}

.people li {
padding: 0px;
margin: 10px auto 10px 15px;

}

.image {
border: 1px solid #000000;
margin: 0px auto 0px 2px;
padding: 0px;
}

.quote {
text-align: center;
color: #666666;
font-size: 18px;
line-height:2em;
font-style:oblique;
margin: 0px;
padding: 35px 25px 0px 25px;
float:left;}

.margin {
margin: 30px auto 10px auto;}


.hidden {
visibility: hidden;}
.clear {clear:both; margin:0; padding:0; visibility:hidden;}