* {
    margin : 0;
    padding : 0;
  }
body {
	font: small Arial, Helvetica, Verdana, sans-serif;
	color: #444;
	background: #fff url(../../images/tabs-bkgs/bkg_container.jpg) repeat-y;
	margin: 0 0 0 80px;
	padding: 0;
	width: 670px;
}
h1 {
	text-indent: -9999px;
	font-size: 12px;
}

h4 {
	font-family: "Book Antiqua", Garamond, Palatino, serif;
	color: #F90;
	font-variant: small-caps;
	font-stretch: ultra-expanded;
	font-size: 12px;
}

caption {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10px;
}
td {
	font-size: 10px;
}

/* Div Styles */
#outer-edge {
	color: #444;
	background: transparent url(../../images/logo/cotsr_bg_screen40.gif) no-repeat fixed;
	margin: 5px 0 5px 0;
	padding: 5px;
}
#header {
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border-top: 2px solid #6e9fc4;
}
#header-bottom {
	height: 1%;
	font-size: 0.85em;
}
#header-bottom ul {
	list-style-type: none;
	margin: 0;
	padding-top: 20px;
	padding-left: 177px;
	border-bottom: 1px solid #6e9fc4;
	border-top: 1px solid #6e9fc4;
	color: #444444;
	background-color: #bbd9ee;
}
#main {
	width: 100%;
}
#content {
	margin: 0 0 0 175px;
}
#content .inner li,
#content .inner a:link,
#content .inner a:visited {
	text-decoration: none;
	color: #515c78;
	background-color: transparent;
}

#content li {
	padding-top: 10px;
	margin-left: 20px;
}

#content h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	color: #7ca648;
	background-color: transparent;
	padding-top: 15px;
}
#content h3{
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #ccc;
	font-size: 1em;
	color: #444;
	background-color: transparent;
	padding-top: 20px;
	font-weight: bold;
}
#content p {
	text-indent: 0;
	padding-top: 10px;
}
#content a, #content li a {
	text-decoration: none;
	color: #4b86d7;
	background-color: transparent;
}
#content a:hover, #content li a:hover {
	text-decoration: underline;
}
#content .inner {
	margin: 10px 20px 10px 40px;
}
#content .inner ul.features {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content .inner h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	border-bottom: 1px dotted #d0d6e4;
}
#content .inner p {
	font-size: 90%;
}
#content .inner a:hover, #content .inner a:active {
	text-decoration: none;
	color: #7ca648;
	background-color: transparent;
}
#content .inner .features li img {
	float: left;
	margin: 0;
	padding-right: 10px;
}
#tabnav {
	float: left;
	width: 75%;
	background: #efefef;
	color: #4d4f4f;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #4d4f4f;
}
#tabnav ul {
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
}
#tabnav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#tabnav li .about {
	background-position:100% -42px;
	visibility: visible;
}
#tabnav a {
	float: left;
	background: url(../../images/tabs-bkgs/tabL.gif) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#tabnav a span {
	  float:left;
      display:block;
      background:url(../../images/tabs-bkgs/tabR.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#4d4f4f;
}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabnav a span {
	float:none;
}
 /* End IE5-Mac hack */
#tabnav a:hover span {
      color:#FFF;
}
#tabnav a:hover {
      background-position:0% -42px;
}
#tabnav a:hover span {
      background-position:100% -42px;
}
#quicklinks {
	float: left;
	width: 165px;
	border: 1px solid #fff;
	color: #4d4f4f;
	background: transparent url(../../images/tabs-bkgs/bkg_nav.jpg) repeat-x;
}
#quicklinks .inner {
	margin: 10px;
	padding: 0;
}
#quicklinks .inner a:link, #quicklinks .inner a:visited{
	color: #7ca648;
	background-color: transparent;
	text-decoration: none;
}
#quicklinks p {
	font-size: 85%;
	color: #515c78;
	background-color: transparent;
}
#quicklinks a:link, #quicklinks a:visited {
	color: #7ca648;
	background-color: transparent;
}
#quicklinks h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 90%;
	color: #515c78;
	background-color: #e7e4d3;
	padding: 3px 3px 3px 3px;
	margin-top: 30px;
	border-bottom: 1px solid #515c78;
}
#nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	border-bottom: 1px solid #ffffff;
	padding: 0.4em 0 0.2em 0;
	font-size: 85%;
}
#nav li a:link, #nav li a:visited {
	text-decoration: none;
	color: #7ca648;
	background-color: transparent;
	font-weight: normal;
}
#blog {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: url(../../images/more_articles.gif);
}
#blog li {
	font-size: 85%;
	padding-bottom: 10px;
	color: #515c78;
	background-color: transparent;
}
#blog li a:link, #blog li a:visited {
	text-decoration: none;
	color: #54a4de;
	background-color: transparent;
	font-weight: normal;
}
#blog li a:hover {
	text-decoration: underline;
}
#blog .date {
	font-weight: bold;
}
#mailingform .text {
	width: 145px;
	border: 1px solid #aaaaaa;
	font-size: 85%;
}
#mailingform .searchbutton {
	text-align: right;
	margin-top: 4px;
	margin-right:6px;
	border-color: #aaaaaa;
}
#mailingform .btn {
	border: 1px solid #aaaaaa;
	background-color: #f1efe2;
	color: #000000;
	font-size: 85%;
}
#footer {
	width: 100%;
	border-top: 1px solid #6e9fc4;
	border-bottom: 2px solid #6e9fc4;
	margin-top: 10px;
	clear: both;
}
#footer p {
	font-size: 85%;
	color: #444444;
	background-color: #ffffff;
	margin: 0;
	padding: 0.2em 0 0.2em 0;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #4b86d7;
	background-color: transparent;
}
#footer a:hover, #footer a:active, .breadcrumb a:hover {
	text-decoration: none;
	color: #aaa;
	background-color: transparent;
}

.caption { 
	font: italic .9em/1.2em "Times New Roman", Times, serif;
	padding-bottom: 5px;
}

.bkg_slideshow {
	background: transparent url(../../images/tabs-bkgs/bkg_slideshow.gif) repeat-x;
}

/* Class Styles */
.breadcrumb{
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid #ccc;
}
.breadcrumb a{
	background: transparent url(../../images/icons/more2.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 17px;
	color: #206ba4;
}
.breadcrumb a:visited, .breadcrumb a:active{
	color: #4b86d7;
}
.more{
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #eb7b29;
	background-color: transparent;
}
.col {
	color: #fff;
	background-color: #bbd9ee;
	font-size: 12px;
	font-weight: bold;
}
div.list_spacing ul li{
	margin: .7em 0 .7em 0;
	font-weight: bold;	
}

.floatstop {
	margin-top: 10px;
	clear: both;
}

.line_spacing {
	margin: .7em 0 .7em 0;
}

#pullquote {
	float:right; 
	width:11.5em; 
	margin:0.25em 0.1em 0.25em 0; 
	padding:0.5em; 
	color:#8d8d8d; 
	background-color:transparent; 
	font:italic 1.3em/1.3 Georgia;
}
div.shadow {
	float: left;
	margin-top: 20px;
	padding: 0 6px 6px 0;
    background: url(../../images/tabs-bkgs/dropshadow.png) no-repeat bottom right;
}
div.shadow img {
	display: block;
	position: relative;
    top: -3px;
	left:-3px;
	padding:5px;
	background:#fff;
    border: 1px solid;
	border-color: #ccc #333 #333 #ccc;
} 
#pic {
	background-color: #fff;
	left: 10px;
	position: relative;
	top: 10px;
	width: 36px;
}
#pic a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#pic a img {
	border: 0;
}
#pic a.p1, #pic a.p1:visited {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	height: 36px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 36px;
}
#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000;
	text-decoration: none;
}
#pic a.p1:hover .large {
	border: 1px solid #000;
	display: block;
	height: 270px;
	width: 330px;
	left:50px;
	position: absolute;
	top: 0px;
}
/*second set of pic divs*/
#pic2 {
	background-color: #fff;
	left: 10px;
	position: relative;
	top: 10px;
	width: 36px;
}
#pic2 a .large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#pic2 a img {
	border: 0;
}
#pic2 a.p1, #pic2 a.p1:visited {
	background: #fff;
	border: 1px solid #ccc;
	display: block;
	height: 36px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 36px;
}
#pic2 a.p1:hover {
	background-color: #8C97A3;
	color: #000;
	text-decoration: none;
}
#pic2 a.p1:hover .large {
	border: 1px solid #000;
	display: block;
	height: 200px;
	width: 300px;
	left:50px;
	position: absolute;
	top: 0px;
}
/* div for the calendar markup - text must be centered */
div#calendar {
  margin : 0 auto;
  padding : 10px;
  text-align : center;
  width : 21em;
  border : 1px solid #ccc;
}

/* calendar heading color */
h2.calendar {
  color : #669900;
  font-weight : normal;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  font-family : 'courier new', monospace;
  list-style-type : none;
  margin : 20px 0 20px 0;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #669900;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #ffffcc;
  border : 1px solid #999;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #ccc;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 0.9em;
  letter-spacing : 0.001em;
}
#form legend {
	font-weight: bold;
	color: #444;
	background-color: transparent;
}
#form p {
	padding-left: 10px;
}
#form2 legend {
	font-weight: bold;
	color: #444;
	background-color: transparent;
}
#form2 p {
	padding-left: 10px;
}
#ordered li{
	margin-left: 50px;
	font-size: 90%;
}
.style1 {
	font-size: x-small
}
.verse2 {
	font: italic 1em/1.1em "Times New Roman", Times, serif;
	color: #630;
	background-color: transparent;
	padding-bottom: 5px;
}

/* Thumbnail Gallery */
#gallery {
	margin: 0 auto 20px 20px;
  	padding: 1em 0 0 0;
  	background-color: transparent;
  	font-size: 1.25em; 
  	line-height: 1.75em;
}
ul.thumbnails a {
  display: block;
  float: left;
  margin: 0;
  padding: 4px 4px 9px 4px;
  border: 1px solid #ccc;
  border-top-color: #eee;
  border-right-color: #ddd;
  border-bottom-color: #bbb;
  background-color: #fff;
  text-align: center;
}
ul.thumbnails a:hover {
  border: 1px solid #6e9fc4;
}
ul.thumbnails a {
  width: inherit;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul.thumbnails img {
  border: none;
}
ul.thumbnails {
  margin: 0 0 10px 0;
  padding: 0;
  float: left;
  text-align: center;
  background-color: transparent;
  line-height: 1em;
  list-style: none;
}
ul.thumbnails li {
  display: inline;
  margin: 0;
  padding: 0;
}