/* CSS for CRCA.us                                               */
/* Special styles for one-time use will be declared on the page  */


/* This determines what is viewed versus what is printed */

@media print {
 .viewonly {display: none;}
 .printonly {display: inline;}
 body {font-family: georgia,"times new roman",serif;}
 }
 
@media screen {
 .viewonly {display: inline;}
 .printonly {display: none;}
 }


/* Declare the general presentation styles */
ol 
{
    list-style-type: decimal; margin-top: .4ex;
}

ul
{
    list-style-type: circle; padding-top: .3ex; margin-top: 0ex;
}

ul.bodymargin { padding-left:15px; }
ul.bodymarginsquare { list-style-type:square; padding-left:1em; }
ul.square { list-style-type:square; }


/* .bodycontent {text-align: justify; margin-right: 120px; padding-bottom: 5em;} */
.bodycontent {text-align: left; margin-left: 0; margin-right: 120px; padding-bottom: 5em;}

.lighttable {background-color: #000; color: #fff;}


body {
 margin: 0; padding: 0; /* reset the user agents to a level playing field */
 background-color: #e0dfdb;
 color: #333;
 font-family: arial, helvetica, sans-serif;
 font-size: 13px;
 line-height: 130%;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
 text-transform: none;
 }


/* a:link, a:visited {color: #640; text-decoration: none;} */
a:link {color:#640; text-decoration:underline;}
a:visited {color:Gray; text-decoration: underline;}

a:active, a:hover {color: #911; text-decoration: none;}

b {color: #000;}
 
h6, h5, h4, h3, h2, h1 {
 /* color: #000; */
 /* color: #008080; */
 /* color: #900; This was Eric's red heading color*/ 
 font-weight: bold;
 font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
 }


h1 {font-size: 300%; line-height: 100%; margin-top: 1ex; margin-bottom:.5ex}
h2 {font-size: 160%; line-height: 160%; margin-bottom:.2ex}
h3 {font-size: 125%; line-height: 125%; margin-bottom:.2ex}
h4 {font-size: 110%; line-height: 110%; margin-bottom:.2ex}
h5 {font-size: 100%; line-height: 100%; margin-bottom:.2ex}
h6 {font-size: 120%; line-height: 120%; margin-top: 1ex; margin-bottom: 2ex}

h3.blue {font-size: 125%; line-height: 125%; margin-bottom:.2ex; color:Navy;}

logo {line-height: 80%;}

/* h3, h2, h1 {font-size: 133%; line-height: 120%;} */

hr {padding-right: 1em; padding-bottom: 0; margin-bottom: 0;}

img {
 /* border: thin #000 solid; */
 float: left;
 margin-right: 1em;
 margin-bottom: 1em;
    width: 1000px;
}

img.onright {
 float: right;
 background-color: #fff;
 margin-left: 1em;
 margin-right: 0em;
 }

img.onleft {
 float: left;
 background-color: #fff;
 margin-left: 0em;
 margin-right: 1em;
 }

img.thumb {
 float: left;
 background-color: #fff;
 margin-left: 0em;
 margin-right: 1em;
 width: 128px;
 }

img.crosstown {
 float: left;
 background-color: #fff;
 margin-left: 0em;
 margin-right: 1em;
 width: 174px;
 }

img.bodycontent {
 border: none
 float: left;
 background-color: #fff;
 margin: 0 2em 1em 0em;
 }
 
img.lighttable {
 margin: 1em 0 0 0;
 margin:0;
 float: none;
 vertical-align: bottom;
 margin-right: 0;
 }
 
img.strip {
 float: none;
 background-color: #fff;
 margin-left: 0em;
 margin-right: 0em;
 }

img.distMap {
 float: none;
 background-color: #fff;
 margin-left: 0em;
 margin-right: 0em;
 width: 800px;
 }

img.donate {
 float: none;
 background-color: #fff;
 margin-left: 0em;
 margin-right: 0em;
 width: 1px;
 }

/* li {list-style-type: circle; padding-top: .3ex;} */
 
/*table {background-color: #ffc;}*/
table {background-color:#f5e0cc;}

td {text-align:left; vertical-align:top;} /* because IE8 gets it so very wrong */
td.sidenav {text-align:left; vertical-align:top; width: 100px;}

sup {vertical-align:text-top; font-size: 80%;}     /* maintain line spacing */

sub {vertical-align:text-bottom; font-size: 80%;}  /* maintain line spacing */




/* Declare the specialty styles */

img.headerlogo {
 border: none;
 background-color: #fff;
 float: none;
 }


.content {padding-left: 2em; padding-right: 1em;}

.copyright {font-size: smaller; text-align: center;}

.footer {padding-top: 4ex; padding-bottom: 2ex;}

.header {padding-top: 2ex; padding-bottom: 4ex;}

.indent {margin-left: 1em; white-space: nowrap;}
.bodyindent {text-align: left; margin-left: 1em; margin-right: 120px; padding-bottom: 5em;}

.logotext {
 padding: .2em;
 line-height: 110%;
 text-align: center;
 }
 
.navhead {font-weight: lighter; padding-bottom: 0; margin-bottom: 0;}

.pipe {padding-left: .5em; padding-right: .5em;}

.shadow {
 /* border-top: thin #333 solid; */
 border-right: thin #333 solid;
 border-bottom: thin #000 solid;
 /* border-left: thin #000 solid; */
 
 /*width: 500px;*/
 }

.topnav {
 padding-left: 1em;
 padding-right: 1em;
 white-space: nowrap;
 /* width: 10em; */
 }

.split {
 border-top: medium red solid;
 padding-bottom: .3ex;
 font-size: 50%;
 line-height: 50%;
 }



/* These styles will be obsolete once all converted pages are cleaned up */

br {clear: both;}          /* Takes care of layout issues on some converted pages */

table {clear: both;}       /* Takes care of layout issues on some converted pages */

/* table,td {border:thin #000 solid;} */