
/* Base styles for reclaimcivilrights.org 
	also see states.css, main.css (for inline frames), and print.css
	questions? find us at ankerson.com */
	
	
/* Page styles
=================== */

body {
font: .7em verdana, helvetica, sans-serif;
margin: 10px;
padding: 0;
}

div, ul, li, p,
h1,h2,h3,h4 {
padding: 0;
margin: 0;
text-align: left;
}
.accessible {
display: none;
}

#content p,
#second_sidebar p,
#nav_sidebar p {
padding: 0 .2em .5em 0;
line-height: 1.5em;
}

/* Header
=================== */
#crorg {
text-align: right;
}
#crorg img {
border: none;
}

h1 a {
display: block;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
text-indent: -3000px;
width: 780px;
height: 40px;
background: url('/style/art/title.gif') top left no-repeat;
}
#main_nav {
margin-top: .3em;
}
#main_nav ul {
list-style-type: none;
font-size: 90%;
padding-top: .7em;
padding-left: .3em;
float: left; display: inline;
width: 594px;
}
#main_nav ul li {
display: inline;
margin-right: .2em;
color: #666;
}
#main_nav ul a {
margin-right: .3em;
font-weight: bold;
text-decoration: none;
color: #333;
}

#main_nav ul a:hover {
text-decoration: underline;
color: #ff9933;
}

#search {
float: right; display: inline;
width: 165px;
padding: .2em;
background-color: #777;
color: #fff;
font-weight: bold;
height: 2.8em;
}

#search_box {
width: 92px;
}
#search_button {
vertical-align: bottom;
}

/* Footer
=================== */


#footer {
clear: both;
padding-top: 3em;
font-size: 90%;
color: #777;
}

#footer p {
text-align: center;
margin: 0 130px;
}

#conbug {
	text-align: right;
}
#footer a {
color: #555;
}
#footer a:hover {
color:#911212;
}

/* Main boxes
=================== */

#wrapper {
width: 780px;
margin: 0 auto 0;
}

#content {
clear: both;
float: left;display: inline;
width: 340px;
margin-left: 260px;
position: relative;
}

.basic #content {
width: 520px;
}

.basic #nav_sidebar {
position: absolute;
top: 0;
right: 0;
width: 170px;
}


#second_sidebar {
float: left; display: inline;
width: 238px;
margin-right: 10px;
margin-left: -780px;
}

#nav_sidebar {
float: left; display: inline;
width: 170px;
margin-left: 10px;
}

.mod_box {
margin-bottom: 15px;
font-size: 90%;
text-align: center;
}
.mod_box p,
.mod_box ul {
margin: .3em;
text-align: left;
line-height: 1.2em;
}
.mod_box h3 {
font-size: 1.2em;
}


/* Main Sidebar
=================== */

.basic #nav_sidebar ul {
list-style-type: none;
margin-left: 1.5em;
}

.basic #nav_sidebar ul a {
font-weight: bold;
text-decoration: none;
color: #2c7893!important;
}

.basic #nav_sidebar ul a:hover {
text-decoration: underline;
}

#sign_up {
background-color: #FF6F03;
color: #fff!important;
font-weight: bold;
}

#map_small {
border: 1px solid #FFB206;
}

#map_small h3 {
background-color: #FFB206;
color: #fff;
padding: 0 .2em .1em .2em;
margin-bottom: .4em;
}

.mod_box h3 a {
text-decoration: none;
color: #fff!important;
}

#map_small img {
border: none;
}
#map_small a {
text-decoration: none;
}

#map_small p {
padding: .2em;
}

#resources h3 {
color: white;
background-color: #92AD3D;
padding: 0 .2em .1em .2em;
}
#resources {
border: 1px solid #92AD3D;
}
#resources ul {
margin-left: 1.5em;
padding: .2em .2em .5em .2em;
}
#resources a {
text-decoration: none;
color: #333;
}
#resources a:hover {
color: #2c7893;
text-decoration: underline;
}


/* Second sidebar
=================== */

#second_sidebar {
text-align: right;
line-height: 1.5em;
}

#second_sidebar img {
border: 2px solid #444;
}
#second_sidebar a {
color: #333;
font-size: 1em;
text-align: right;
text-decoration: underline;
}

h3.years {
font-family: georgia, times, serif;
font-size: 2em!important;
line-height: 1.5em!important;
color: #333;
font-weight: normal;
margin-bottom: 0!important;
}
h3.years span {
font-size: 2em;
}
#corner_nav.home p {
margin-top: 0!important;
color: #333;
}

#corner_nav {
background-color: #C5DDE2!important;
border: 1px solid #418696;
padding: .5em;
margin-top: 1em;
text-align: left;
}

#corner_nav a,
#content a,
#map_small a {
color: #911212;
}

#corner_nav a:hover,
#content a:hover
#map_small a:hover {
color: #d80000;
text-decoration: underline;

}
#second_sidebar #sign_up {
float: left; display: inline;
width: 130px;
}
#second_sidebar #signup_box {
width: 100px;
}

#second_sidebar #corner_links a {
color: #911212!important;
}
#second_sidebar #map_small {
clear: both;
height: 100px;
background-color: white;
margin: 0 8px;
}
#second_sidebar div a {
text-decoration: none;
}

#second_sidebar div a:hover {
text-decoration: underline;
}

#second_sidebar #map_small img {
border: none;
float: left; display: inline;
margin-right: 1.3em;
}
#second_sidebar #corner_links {
float: left; display: inline;
width: 94px;
font-weight: bold;
}
#second_sidebar #corner_links a {
color: #2c7893!important;
}

#signup_button {
vertical-align: bottom;
}


/* Main content
=================== */
#content a {
color: #911212!important;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content h2 {
margin: 1.5em 0;
color: #333;
font-size: 1.7em;
width: 300px;
font-family: arial, helvetica, sans;
}

h2.latest {
background-color:#911212!important;
color: #fff!important;
font-size:1.2em!important;
font-weight: normal;
padding: .2em;
position: relative;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: .5em;
}

#content h3 {
color: #333;
font-size: 1.2em;
margin: 0 0 1em 0;
clear: left;
}

#content p {
margin-bottom: .5em;
line-height: 1.8em;
}
#content p a {
color: #222;
}
#content p a:hover {
color: #2c7893;
}
a.rss {
background: url('/style/art/feed-icon-12x12.png')  center left no-repeat;
font-size: .65em;
font-weight: normal;
margin-left: 1em;
right: 1em;
padding-left: 15px; 
top: .3em;
}
span.datehead {
color: #911212;
font-weight: bold;
}
span.date {
color: #666;
font-style: italic;
}

#content ul {
margin-left: 2.5em;
}
#content li {
margin: 0 0 .7em 0;
line-height: 1.5em;
}

#timeline {
display: none;
}

#seealso {
padding: .2em;
position:relative;
}

#seealso h2 {
background-color:#92AD3D!important;
font-size:1.2em;
color:#fff;
font-weight:bold;
padding:.2em;
margin-bottom:.5em;
}

#seealso a{
color:#77892B!important;
text-decoration: none;
padding:0 0 .2em .2em;
line-height:1.5em;
}

#seealso a:hover{
text-decoration: underline;
}


#signup_inline {
margin: 1em 0 2em; 0;
padding: .7em .5em;
border: 2px solid #FF6F03;
height: 2.3em;
float: left; display: inline;
}

#signup_inline label {
color: #FF6F03;
font-weight: bold;
padding-right: .5em;
}
#signup_inline input {
vertical-align: middle;
}

/* Fix annoying getactive defaults
=================== */
.paginator {
border-collapse: collapse;
margin-bottom: 10px;
}

.paginator td {
border-bottom: 1px solid #999;
border-top: 1px solid #999;
padding: 2px 5px 2px 1px;
margin: 0;
}

.BodyLinkBlueSm {
font-weight: bold;
}
.BodyText em {
color: #555;
font-style: normal;
}

.clr {
clear: both;
}

/* Search results
=================== */
.searchDisplayResults {
margin: 1em 0 .3em 0;
}
.searchTitle {
font-weight: bold;
margin-bottom: 0!important;
padding-bottom: 0!important;
}
.searchTimeStamp {
display: none;
}
.searchTeaser {
margin-left: 1.5em;
}
.searchNavigation {
background-color: #ddd;
padding: .2em;
}

