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

/* Default Elements for all styles */

* {
margin: 0;
padding: 0;
}

body {
	background-color:#999;    /* this is grey;  #889E70 was the former, lighter green*/
	font: normal 82.5% sans-serif;
	color:#333;
	padding: 0;    /* left/right     top/bottom  */
	margin-top: 5px;
}


/*Structure of the Website*/

#wrapper {
margin: 0 auto;
/* can put white swish here? */ 
background-position:top left;
background-repeat:no-repeat;
width: 960px;    /* if want side color/shawdow image/edge--make this 980px (instead of 750px) */
/*background-position:center bottom;
background-image: url(../wrapper.gif);
background-color:#333333;     dark grey, was dark brown #333322
background-repeat: repeat-y;*/
}

#container {
border: 0;
margin: 0;
width:960px;
background-color: #FFF;
}


/*Header area of website */

/*.title {
background: #FFFFFF; url (img/header-h1.jpg) repeat-x;
border-top: 1px solid #999999;
}


.title h1 {
color: #DC143C;     crimson 
font-style:normal;
font-family: "Gil Sans", Arial, Helvetica, sans-serif;
font-size: 1.4em;      /* did say group's name and was 2.2em 
padding: 10px 0 10px 18px;      /* top right bottom left, originally was: 10px 0 10px 18px
}
*/

.header {
height: 180px;   /*originally 220px; original picture 750px length & 220px high*/
}

/*Site Navigation*/


#nav {
	background: #000; 
	float: left;
	width: 960px;
}

#nav ul, #nav li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	float: left;
}


#nav li {
	float: left;
	border-right: 1px solid #900;  /* dark red */
}

#nav a {
	display: block;
	padding: 5px 20px;
	text-transform:uppercase;
}

#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active {
	color: #FFF;
	text-decoration: none;
}

#nav a.current {
	background-color: #FFF;    /* grey */
	color:#E41E2B;  /* red */
}

/* Search box inside of nav area */

#headersearch form {
	padding: 0;
	margin: 0;
}

#headersearch {
	position: absolute;
	top: 194px;  /* height of header graphic 180 + 5px top margin + 5px -- was a little too high, added 3 px*/
	right: 130px;   /* was 165, changed to 100 when added homeless link - example said 5px, but this works better */
}

#headersearch form input {
	padding: 0;
	margin: 0;
	vertical-align: middle;   /* remember, does not work for block-level elements */
}

#txtSearch {
	height: 17px;
	width: 110px;  /*  was 155px, too wide, made 110px */
	border: 1px solid black;
}


/*Main area of website*/

#enclosure {    /* holds left 2 cols */
	width: 720px;
	float: left;
}

#main {
	width: 360px;  /* was 400 - largest middle column */
	float: right;
}

#story {  /* to hold highlight story in main column */ 
	background-color: #FFC;
	margin-left: 20px;
	margin-top: 15px;
	width: 280px;
	border: solid thin #F30;
}

#secondary {   /*  leftmost column */
	width: 360px;
	float:left;
}


#ad {    /*  right column used mostly for ads */
	width: 240px;
	float: right;
	background-color:#CCC;
}

#ad p {
	padding: 0 10px 0 13px;
}

.clearer {
	clear:both;
}

/* Common Page Elements */

a {
color: #E41E2B;
/* font-weight: bold;  */
}

a:hover {
color: #000;  /* white */
}

big {
font-size: 1.1em;
}

h1, h2, h3 {
	color: #E41E2B;
	padding: 12px 20px 5px 20px;    /* top-(was 14px) right (was 10) bottom left (was 10) */
	line-height: 1.2em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }

sidebar h1, h2, h3 { padding: 12px 20px 5px 15px; }

h1 a,h2 a,h3 a {text-decoration: underline; }

blockquote {
display:block;
padding-left:26px;
/*    background: url('img/quote.gif') no-repeat;   */
}


form,table {margin-bottom:1.2em;}
img {border:none;}
label {display: block;}
li {line-height: 2.0em;}
p {padding: 4px 15px 8px 20px; font-size:1.0em; line-height: 1.3em;}  
/* was padding: 4px 10px 8px 10px; font-size:1.0em; line-height: 1.3em */ 


small,.small {font: normal 0.9em sans-serif;}
ul {padding: 0 2em 1.2em; line-height:1.2em}

.table {
background:#333;
margin: 10px 10px 10px 30px;
width: 500px;
}

.table ul {
float:left;
margin:0;
padding:0;
border:1px solid #C9C9C9;
}

.table ul li {
list-style:none;
padding:5px 10px;
}

.table ul li.title {
font-weight:bold;
background:#333;
color:#fff;
}

.table ul li.even {
background:#fff
}

.table ul li.odd {
background:#FFFFE6
}

.image-left-align {
	border: #999 thin solid;
	padding: 0 12px 3px 0;
}

.image-right-align {
	border: #999 thin solid;
	padding: 0 0 3px 12px;
}


/*Footer section of website (copyright & contact info) */
.footer {
background:#E41E2B;  /*was #333333 dark grey*/
color: #FFFFFF; 
padding: 5px; 
text-align: center; 
border-top: dashed 1px #666666;
}

.footer a {color: #FFFFFF; text-decoration: none; font-weight: bold; }
.footer a:hover {color: #CCC; text-decoration: underline;}  

/*Format Images*/
.floatedImageRight {
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #111111;
} 

.floatedImageLeft {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 4px;
	border: 1px solid #111111;
}

.floatedImageLeft-noborder {
	float: left;
	margin-right: 5px;
	margin-bottom: 0;
	margin-top: 0;
	border: none;
}
#ad h1 {
	padding-top: 12px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 15px;
}