/* 	Campus Christian Fellowship's Cascading Styles Sheet
	Copyright (C) 2003-5 David Young
*/

body {
	font-family: Verdana, Arial, sans-serif;
	color: #663300;
	background: #d3e5b8;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

a:link {
	color: #F60;
	text-decoration: none;
}

a:visited {
	color: #cc6600;
	text-decoration: none;
}

a:hover, a:active {
	background: #cc6600;
	color: white;
}

a.nohighlight:hover, a.noghighlight:active {
	background: 0;
	color: #0000CC;
}

h1, h2, h3, h4 {
	font-family: Georgia,Utopia,serif;
	margin: .5em;
	color: #000066;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.0em;
	font-style: italic;
}

.inlineh3 {
	font-family: Georgia;
	font-size: 1.3em;
	font-style: italic;
	font-weight: bold;
	margin: .5em;
	color: #000066;
}

p, li {
	font-size: .8em;
}

p.right {
	text-align: right;
}

p.left {
	text-align: left;
}

p.center {
	text-align: center;
}

p.footer {
	font-weight: normal;
	font-size: smaller;
}

p.side {
	font-size: small;
}

.sidebar p {
	background:url(images/sidebar-header.png) center center no-repeat; 
	height: 36px; 
	text-align: center;
	line-height: 35px; 
	font-size: 1em; 
	font-weight: bold; 
	margin-bottom: 0;
	margin-top: 0;
}

.sidebar a:visited {
	color: #F60;
}

.sidebar a:hover {
	color: white;
}

p.copyright {
	font-size: .6em;
	text-align: center;
}

.menu {
	font-family: monospace;
	font-size: larger;
}

.sidehead {
//	font-size: larger;
	font-weight: bold;
	font-size: .7em;
	color: #ad0000;
}

.campusprofile {
	padding: 0 0.5em 0 0.5em;
}

.paren {
	font-size: smaller;
	font-style: italic;
	color: #000000;
}

.inlinehead {
	font-weight: bold;
	color: #ad0000;
}

img {
	margin: .5em .5em .5em .5em;
	border: 0;
	vertical-align: middle;
}

img.compact {
	margin: 0 .5em 0 .5em;
	padding: 0;
}

img.left {
	float: left;
	display: inline;
}

* html #floated-image {
margin: 0 -3px; ma\rgin: 0;
	float: left;
}

img.right {
	float: right;
}

img.center {
	margin-right: auto;
	margin-left: auto;
}

form {
	margin: 0em;
	border: 0em;
	padding: 0em;
}

hr, hr.bottom {
	width: 80%;
	height: .2em;
	border-style: solid;
	background: #000066;
	color: #000066;
}

hr.thin {
	height: .1em;
}

br.clear {
	clear: both;
	line-height: 0;
}



table {
	margin-right: auto;
	margin-left: auto;
}

table.inner {
	width: 550px;
//	border-collapse:collapse
}


td {
	padding: 0;
	margin: 0;
	border-width: 0;
}

td.compact {
	padding: 0 0 0 0;
	border-width: 0;
	margin: 0;
	border-collapse: collapse;
}

td.right {
	border-width: 0;
	padding-left: .5em;
}

td.left {
	border-width: 0;
	padding-right: .5em;
}

div.pic_menu a:link {
	background: url("images/picture-bg-middle.png") #fff no-repeat;
	color: #333333;
}

div.pic_menu a:active {
	background: url("images/picture-bg-middle.png") #fff no-repeat;
	color: #000000;
}

div.pic_menu a:visited {
	background: url("images/picture-bg-middle.png") #fff no-repeat;
	color: #333333;
}

div.pic_menu a:hover {
	background: url("images/picture-bg-middle.png") #fff no-repeat;
	color: #eeeeee;
}

.newstitle {
	font-weight: bold;
	line-height: normal;
	color: #FF3300;
}

.date {
	font-size: 8pt;
	color: #000066;
}

.single {
	margin-bottom: 0;
	margin-top: 0;
}

.double {
	margin-bottom: 2em;
}

.indent {
	margin-left: 40px;
}

.quotation {
	margin-left: 40px;
	margin-right: 40px;
}

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 88%;
  line-height: 1.5em;
  color: #666;
  background: url(http://www.blogblog.com/tictac_blue/quotes.gif) no-repeat top left;
  }


.box {
	padding: .5em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 550px;
	border: solid yellow;
	background: silver;
	color: black;
	font-size: smaller;
}

.box p, .box li {
	color: black;
}

.boxright {
	float: right;
	padding: .5em;
	margin-left: 1em;
	margin-right: .5em;
	margin-bottom: 1em;
	width: 200px;
	border: solid yellow;
	background: silver;
	color: black;
	font-size: smaller;
}

.boxleft {
	float: left;
	padding: .5em;
	margin-right: 1em;
	margin-left: .5em;
	width: 150px;
	border: solid yellow;
	background: silver;
	color: black;
	font-size: smaller;
}









/* begin styles for RSS Feed */


.rss_box {
	 width: 190px;
         font-size: 0.75em;
	 background-color: #F0E9FF;
	 border: 0px solid #cc3300;
	 margin-right: auto;
	margin-left: auto;
	padding: 0 5px;
	font-family: verdana,arial,sans;
}
.rss_items {
	margin-top:1px;
	padding:0.5em;
	margin-left:1px;
	color:#006699;
}
p.rss_title {padding:0.5em;}
.rss_title {
	text-decoration: none;
	font-size: 1em;
	background-color:#1E467D;
	color: #663300;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}

.rss_item  {
  font-size: .7em;
  font-weight : normal;
  list-style:none;
  padding-bottom:1em;
}

.rss_item a {
	text-decoration: none;
	color:#663300;
	font-size: 105%;
	font-weight:bold;
	}

.rss_item a:hover {
	background-color: #006699;
}
	
.rss_item a:visited {
	color:#c15f00;
}

.rss_date {
	font-size: 95%;
	font-weight : normal;
	color: #ac7fab;
	}
	
	
	
	
	
	
	
	
	
	

/* CSS Horizontal Hover Menu */

.maintabsstyle ul{
font-weight: bold;
font-size: 1em;
font-family: "verdana", "arial", sans;
padding: 0em 0em;
margin: 0;
}

.maintabsstyle ul li{
list-style: none;
display: inline;
}

.maintabsstyle ul li a{
padding: 4px 1em;
margin: 0;
text-decoration: none;
float: left;
background-color: #000540;
border-right: 1px solid #ffffff;
}

.maintabsstyle ul li a:link, .maintabsstyle ul li a:visited {
color: #9FC6E7;
}

.maintabsstyle ul li a:hover{
color: #000540;
background-color: #9FC6E7;
}






.fellowshipstabs {
text-align: right;
}

.fellowshipstabs ul{
font: bold 1em Verdana;
padding: 0em 0em;
margin: 0;
}

.fellowshipstabs ul li{
list-style: none;
display: inline;
}

.fellowshipstabs ul li a{
padding: 4px 1em;
margin: 0;
text-decoration: none;
float: left;
background-color: #000540;
border-right: 1px solid #ffffff;
}

.fellowshipstabs ul li a:link, .fellowshipstabs ul li a:visited {
color: #9FC6E7;
}

.fellowshipstabs ul li a:hover{
color: #000540;
background-color: #9FC6E7;
}


.nolink {
padding: 4px 1em;
margin: 0;
text-decoration: none;
float: left;
color: #9FC6E7;
background-color: #000540;
}














/* Anylink Drop Down Menu */

#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}





















/*Eric Meyer's based CSS tab*/

#tablist{
padding: 0 .5em 0 0;
margin-bottom: 0;
margin-top: 10px;
font-size: 1em;
text-align: right;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

p.tabmenu {
//	margin: 35px 0;
	padding: 0;
	margin: 0;
}

p.rightbartitle {
	margin: .5em .5em 0 .5em;
	padding: 0;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	color: white;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 0px solid #778;
border-bottom: none;
background: #D5EFFF;
}

#tablist li a:link, #tablist li a:visited{
color: #F60;
}

#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}

#tablist li a.current{
background: lightyellow;
}


#tabiframebox {
	border: 1em solid;
}













.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}