/* Faith the dog Design by MLayne 02-21-2007 */
/* Last Updated 08-21-2008 */
/* Sight Template and Classes */
* {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

/* HTML TAGs */
Body {
	background-color: #6cb75d;
	background-image: url(/images/body_background.jpg);
	background-repeat: repeat-x;
}



#body_container {
	margin:10px;
}

/* Columns */


#column_left {
	display:block;
	position:relative;
	float:left;
	width:190px;
	margin:200px 0px 0px 0px;
	z-index:200;
}

#column_container {
	display:block;
	position:relative;
	margin:0px 0px 0px 200px;
	padding:0px 0px 0px 0px;
	z-index:100;
}

#column_center{
	display:block;
	position:relative;
	margin:0px 128px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color: White;	
	border:4px green ridge;	
	z-index:100;
}
#column_right {
	position:relative;
	float:right;
	width:130px;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.ads {
	border:2px solid green;
	margin:0px 10px 10px 10px;
	padding:0px 0px 0px 0px;
	width:120px;
}


p {
	padding:0px 0px 8px 0px;
}
HR {
}
h1 {
}
h2 {
}
fieldset {
	margin: 4px;
	padding:0px 0px 4px 4px;
	border:ridge 2px yellow;
 }
 legend {
 	Font: bold 10pt Tahoma;
	color:yellow;
 }
.clear {
	clear:both;
}

/* Header Section */

#logo {	
	position: absolute;
	display:block;
	top:0px;
	left:0px;
	z-index:2200;
	background-image: url(/images/faith_logo5.png);
	background-repeat:no-repeat;
	width:300px;
	height:240px;
}


.titlebar {
	background-image: url(/images/titlebar.jpg);
	background-position: top;
	background-repeat:repeat-x;
	border: 1pt green ridge;
	text-align: left;
	margin: 2px 1px 2px 1px;
	padding:0px 0px 0px 5px;
	font:bold small Trebuchet MS, Verdana, Arial;
}

.titlebar blockquote{
	padding:0px 0px 0px 26px;
	background-image: url(/images/paw_icon_orange.png);
	background-position: 2% 0%;
	background-repeat: no-repeat;
}
.title_bar {
	background-image: url(/images/titlebar.jpg);
	background-position: top;
	background-repeat:repeat-x;
	border: 1pt green ridge;
	text-align: left;
	margin: 1px 1px 1px 1px;
	padding:0px 0px 0px 5px;
	font:bold small Trebuchet MS, Verdana, Arial;
}

.title_bar blockquote{
	padding:0px 0px 0px 26px;
	background-image: url(/images/paw_icon_orange.png);
	background-position: 2% 0%;
	background-repeat: no-repeat;
}

.title_image {
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
}



.sidebar {
	width:170px;
	margin: 0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
}
.sidebar p {
	font: normal normal normal 75% "Trebuchet MS", Verdana, Arial;
	margin: 0px 2px 0px 2px;
	padding:0px 2px 0px 2px;
}
.intro {
	background-image: url(/images/intro_paws.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	margin: 5px;
	padding: 9px;
	text-indent: 15px;
	line-height: 18px;
	font-family: Arial;
	font-size: 90%;
}
.intro img {
	position: relative;
	float: right;
	width: 120px;
	border: 1px solid Black;
	margin:0px 0px 0px 10px;
}
.videos img {
	float: none;
}
.videos div {
}




ul.makeMenu, ul.makeMenu ul {
	font: normal normal normal 14px normal Verdana, Arial, Helvetica, sans-serif;
  width: 182px;                 /* sets the size of the menu blocks */
  border: 0px solid #000;      /* puts a black border around the menu blocks */
  background-color: transparent;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  padding:2px 0px 2px 0px;
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  border:1px solid transparent;
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 4px;                    /* position slightly lower than the parent menu item */
  left: 180px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
	background-image: url(/images/menu_background.png);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	border:1px solid gray;
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color: #FFFF99;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
  border:1px solid gray;
background-image: url(/images/faithpaw_red.png);
background-position: right;
background-repeat: no-repeat;
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: none; margin:0px 2px; padding:2px 4px; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink {
color: #000; 
}
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */




/* tooltips */
a.tooltips{
    position:relative; /*this is the key*/
	display:block;
    z-index:24;
	background-color: transparent;
	font:bold 10pt Trebuchet MS, Verdana, Arial;
    color: #660066;
    text-decoration: underline;
	padding:4px 0px;
}
a.tooltips:hover{
	z-index:2500;
	display:block;
	background-color: transparent;
	padding:4px 0px 4px 14px;
	margin:0px 0px 0px -14px;
	color: #663399;
	text-decoration: none;
	background-image:url(/images/paw_smicon_purple.png);
	background-repeat:no-repeat;
	background-position: 0% 50%;
}
a.tooltips span{display: none}
a.tooltips:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; 
	left:11em;
	width:20em;
    border:1px solid #000;
    background-color: #FFFF99;
	color: #6633CC;
	text-decoration: none;
	padding:1em 3em;
	background-image:url(/images/paw_icon_purple.png);
	background-repeat:no-repeat;
	background-position: 0% 0%;
}
	

/* Special Section - Database Displays */
.newsbox {
	height: 300px;
	position: relative;
	overflow: auto;
	border: 1px #C0C0C0 solid;
	margin:5px 5px 5px 5px;
	padding:5px;
}

.newsbox_all {
	height: 900px;
	position: relative;
	overflow: auto;
	border: 1px #C0C0C0 solid;
	margin:5px 5px 5px 5px;
	padding:5px;
}

.news_article {
	background-color: #FEFFD2;
	border:1px green ridge;
	margin:6px;
	position:relative;
	overflow:auto;
}

.news_article img {
	float:left;
	width:100px;
	padding:0px;
	margin:4px;
	border:1px solid green;
}

.news_article p {
	font: normal normal normal 90% "Trebuchet MS", Verdana, Arial;
	padding: 0px 4px 0px 8px;
}
.news_article a {
	color: green;
	padding: 0px 0px 0px 4px;
}
.news_article a:hover {
	color: orange;
	padding: 0px 0px 0px 4px;
}

.news_title{
	color: #333333;
	font: normal normal bold 100% "Trebuchet MS", Verdana, Arial;
	padding: 0px 0px 0px 4px;
}
.news_date {
	display:block;
	font: normal normal normal 60% "Trebuchet MS", Verdana, Arial;
	color: gray;	
	margin-bottom:5px;
	padding: 0px 0px 0px 1px;
}




/* Forms */
form, label, legend {
	margin:0px;padding:0px;
}
input, select, textarea {
	margin:2px;padding:1px;
}
#forms{
	padding:2px 10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal;
	text-decoration: none;
	overflow:auto;

}
#forms div{
	position:relative;
}
#forms span{
	float:left;
}
#forms span.formsnote{
	margin:0px 2px;
	padding:0px 2px 2px 50px;
}
#forms label{
	width:100px;
	float:left;
	font-weight: bold;
}
#forms input{
	width:480px;
	float:left;
	margin:4px 0 4px 10px;
}
#forms select{
	width:460px;
	float:left;
	margin:4px 0px 4px 10px;
}
#forms textarea {
	height:100px;
	width:480px;
	float:left;
	overflow:auto;
	margin:4px 0 4px 10px;
}
#forms input.button {width:200px;}
#forms label.city, #forms label.state, #forms label.zip, #forms input.zip {width:50px;}
#forms input.city { width:250px;}
#forms input.state {width:150px;}

/* Footer Section */

#footer {
clear: left;
display:block;
margin:0px 0px 0px 0px;
}
.copyright {
	color: black;
	display:block;
}
.host {
	color: #666666;
	font: normal normal normal 10px normal Geneva, Arial, Helvetica, sans-serif;
	display:block;
	text-align:center;
	margin:10px;	
}
.counter {
	color:white;
	font: normal normal bold 16px normal Geneva, Arial, Helvetica, sans-serif;
	display:block;
	text-align:center;
	margin:10px;
}