/* CSS refresher (or primer)

..............................................
:         (1)Margin                          :
:    ---------(2)Border------------------    :
:(1) |               (3)Padding         | (1):
:    |       This is the Content        |    :
:   (2)      of the element "box"      (2)   :
:    |       that represents each       |    :
:    |  (3)      html element.     (3)  |    :
:    |                 (3)              |    :
:    ------------(2)---------------------    :
:           (1)                              :
:.............................................

          |<-Element width-->|            
  |<------IE 5 Element width---------->|  <<===Aren't you glad we are past those days now?
<----------Parent element 'width'----------> 

1. Margin, 2. Border, 3. Padding

Care For Life Colors

Brad McBride (newsletter and annual report):

CFL Rust: rgb(157,58,7);
CFL Beige: rgb(255,204,153);
CFL Green: rgb(51,102,51);

Brian Andre (logo):

Dark Brown: rgb(7,13,14); #070D0E;
Golden Yellow: rgb(255,194,33); #FFC221;
Chocolate Brown: rgb(50,32,2); #322002;
Light Brown Bar: rgb(201,102,24); #C96618;
Orange: rgb(255,140,23); #FF8C17;

Care For Life Text
Logo is Optima font

*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EFF0E9;
	color:rgb(7,13,14);
	font-weight: normal;
	/* font-size:12px;*/
}
/* Default syle for all tables and divs */
table,div,td,tr {
	border-collapse:collapse;
	border-spacing:0px;
	border:0px;
}
/* Default style for all tds */
td {
	margin:0px;
	padding: 0px;
	spacing: 0px;
}
a {color:rgb(51,102,51);text-decoration: none;}
a:active {color: rgb(50,32,2);text-decoration: underline;}
a:hover {color: rgb(157,58,7);text-decoration: underline;}
a:visited {color: rgb(51,102,51);text-decoration: none;}
a:visited-hover {color: rgb(157,58,7);text-decoration: underline;}
img {border-width: 0px; margin: 0px; padding: 0px;}
/* Styles for the outer wrappers */
.headerwrapper {
	background: white;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px solid rgb(51,102,51);
	border-right: 0px solid rgb(51,102,51);
	border-bottom: 0px none rgb(51,102,51);
	border-left: 0px solid rgb(51,102,51);
	padding: 1 em;
	width:800px;
}
.pagewrapper {
	background: white;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	border-top: 0px none rgb(51,102,51);
	border-right: 0px solid rgb(51,102,51);
	border-bottom: 0px solid rgb(51,102,51);
	border-left: 0px solid rgb(51,102,51);
	width:800px;
}
.pagewrapperfixedheight {
	height: 517px;

}
.pagewrapperpadding {
	padding: 1em 0 1em 0;

}
.footerwrapper {
	background: white;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px solid rgb(51,102,51);
	border-right: 0px solid rgb(51,102,51);
	border-bottom: 0px solid rgb(51,102,51);
	border-left: 0px solid rgb(51,102,51);
	width:800px;
}
/* Styles for the header banner */
#bannerwrapper { 
	border: 0px; 
	height: 119px; 
	padding: 0px; 
	width: 800px; 
 } 

#bannerbox1 {
	border: 0px;
	float: left;
	padding: 0px;
	width: 200px;
}

#bannerbox2 {
	border: 0px;
	font: italic normal bold 120% Optima,Times New Roman,Times,serif;
	padding-left: 30px;
	width: 350px;
}
#bannerbox3 {
	border: 0px;
	font: normal normal bold 150% Optima,Times New Roman,Times,serif;
	padding-right: 15px;
	width: 250px;
}
/* Style for the menu id element */
#MENU {
	height:31px;
	background-color:rgb(255,140,23);

}
/* Styles for the bottom */
table.bottommenu {
	border-bottom: 0px solid #000000;
	border-top: 1px solid #000000;
	color: gray; /* CFL Beige */
	font-size: 11px;
	height: 24px;
	text-align:center;
	width:100%;
}
table.bottommenu a {
	text-decoration: none;
	color: gray; /* CFL Beige */
}
table.bottommenu a:hover {
	text-decoration: underline;
	color: gray; /* CFL Beige */}
table.bottommenu a:visited{
	text-decoration: none;
	color: gray; /* CFL Beige */}
table.bottommenu a:visited:hover{
	text-decoration: underline;
	color: gray; /* CFL Beige */}
table.bottommenu a:active {
	text-decoration: none;
	color:#804000;
}
table.bottommenu a:visited:active{
	text-decoration: underline;
	color:#804000;
}
.copyrightbottom {
	border-top: 1px solid #000000;
	border-bottom: 0px solid #000000;
	color: rgb(157,58,7); /* CFL Rust */
	width:100%;
	font-size: 11px;
	text-align: center;
}
/* End styles for the bottom */
/* General text styles */
.sans-serif{
	font-family:Arial, Helvetica, sans-serif;
}
.serif{
	font-family:Times New Roman, Times, serif;
}
/* Special styles for index.php Home */
a.indexfppintrowhite {color: white;}
a.indexfppintrowhite:active {color: white;}
a.indexfppintrowhite:hover {color: white;}
a.indexfppintrowhite:visited {color: white;}
a.indexfppintrowhite:visited-hover {color: white;}
/* 
Begin styles from BYU design 
TGH 2009 not sure which of these are needed for what. 
*/
table.main {
	 background-color: Olive;
}
tr.topNav {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#EEEEEE;
	text-align:center;
}
tr.topNav a {
	text-decoration: none;
	color:#EEEEEE;
}
tr.topNav a:hover {
	text-decoration: underline;
	color:#EEEEEE;
}
tr.topNav a:visited{
	text-decoration: none;
	color:#EEEEEE;
}
tr.topNav a:visited:hover{
	text-decoration: underline;
	color:#EEEEEE;
}
tr.topNav a:active {
	text-decoration: none;
	color:#804000;
}
tr.topNav a:visited:active{
	text-decoration: underline;
	color:#804000;
}
td {
/*	background-color:MediumSeaGreen; */
}
td.spacer {
	font-family:Times New Roman, Times, serif;
	font-size:16px;
	vertical-align:middle;
}
div.date {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	text-align:right;
	margin-right:35px;
	color:red;
	border:none;
}
tr.date {
	border-bottom:1px solid #EFEFEF;
}

/*
div.mainText {
	font-family:Times New Roman, Times, serif;
	font-size: 12px;
	color: #804000;
}
*/
div.cellContain {
	position:relative
}

div.leftContents {
	position:absolute;
	top: 20px;
	left:0px;
	font-family:Times New Roman, Times, serif;
	background-color: Chocolate;
	color:#333333;
	font-weight: normal;
	font-size:12px;
	width:225px;
	line-height:16px;	
	margin-left:10px;
	margin-right:10px;
}
div.leftContents p {
	margin-left:25px;
}
div.leftContents h2 {
	margin-left:35px;
	font-size:14px;
}
div.leftContents ul {
	margin-left:25px;
	list-style-image: url(imgs/square.jpg);
}
div.leftContents a{
	color:#804000;
	font-weight:bold;
	text-decoration:none;
}
div.leftContents a:hover{
	color:#804000;
	font-weight:bold;
	text-decoration:underline;
}
div.leftContents a:visited {
	color:#381C00;
	font-weight:bold;
	text-decoration:none;
}
div.leftContents a:visited:hover {
	color:#381C00;
	font-weight:bold;
	text-decoration:underline;
}
div.rightContents {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight: normal;
	font-size:11px;
	margin-left:5px;
	width:225px;
	line-height:1.5em;
}
div.rightContents p {
	margin-left:1.5em;
}
div.rightContents h2 {
	margin-left:0.5em;
	font-size:14px;
}
div.rightContents ul {
	list-style-image: url(imgs/square.jpg);
}
div.rightContents a{
	color:#804000;
	text-decoration:none;
}
div.rightContents a:hover{
	color:#804000;
	text-decoration:underline;
}
div.rightContents a:visited {
	color:#381C00;
	text-decoration:none;
}
div.rightContents a:visited:hover {
	color:#381C00;
	text-decoration:underline;
}
div.rightContents img {
}
div.border {
	margin:0px 0px 0px 0px;
	border-bottom: 1px dotted #B1A191;
}
div.leftParagraph {
	position:absolute;
	top: 20px;
	left:0px;
	font-family:Times New Roman, Times, serif;
	background:white;
	color:#333333;
	font-weight: normal;
	font-size:12px;
	width:425px;
	line-height:16px;	
	margin-left:10px;
	margin-right:10px;

}
div.leftParagraph p {
	margin-left:25px;
}
div.leftParagraph h2 {
	margin-left:35px;
	font-size:14px;
}
div.leftParagraph ul {
	margin-left:25px;
	list-style-image: url(imgs/square.jpg);
}
div.leftParagraph h4 {
	margin-left:35px;
	font-size:12px;
	line-height:7px;
}



span.leftParagraph {
	position:relative;
	top: 0px;
	left:0px;
	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:12px;
	width:450px;
	line-height:16px;	
	margin-left:10px;
	margin-right:10px;

}
span.leftParagraph p {
	margin-left:25px;
}
span.leftParagraph h2 {
	margin-left:35px;
	font-size:14px;
}
span.leftParagraph ul {
	margin-left:25px;
	list-style-image: url(imgs/square.jpg);
}
span.leftParagraph table {
	margin-left:25px;
     border-style:solid;
     border-color:#804000;
     border-width:1px;
	
}
span.leftParagraph td
  {  
     border-style:solid;
     border-color:#804000;
     border-width:1px;
	 padding:5px
  }

span.leftParagraph h4 {
	margin-left:35px;
	font-size:12px;
	line-height:7px;
}




div.rightParagraph {
	position:absolute;
	top: 20px;
	right:0px;
	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:12px;
	width:325px;
	line-height:16px;	
	margin-right: 10px;
	border:1px solid #CCCCCC;
	padding: 5px;
}
div.rightParagraph p {
	margin-right:25px;
}
div.rightParagraph h2 {
	margin-right:35px;
	font-size:14px;
}
div.rightParagraph ul {
	margin-right:25px;
	list-style-image: url(imgs/square_bullet.jpg);
}
div.rightParagraph h4 {
	margin-right:35px;
	font-size:12px;
	line-height:7px;
}
div.rightParagraph a{
	color:#804000;
	font-weight:bold;
	text-decoration:none;
}
div.rightParagraph a:hover{
	color:#804000;
	font-weight:bold;
	text-decoration:underline;
}
div.rightParagraph a:visited {
	color:#381C00;
	font-weight:bold;
	text-decoration:none;
}
div.rightParagraph a:visited:hover {
	color:#381C00;
	font-weight:bold;
	text-decoration:underline;
}
div.rightParagraph img {
}
img#banner {
}
div.image1{
	position:absolute;
	top:5px;
	left:-100px;
}
div.image2{
	position:absolute;
	top:260px;
	left:-100px;
}
div.rightImage{
	position:absolute;
	top:15px;
	left:125px;
}
div.rightImageColumn{
	position:absolute;
	top:15px;
	left:75px;
}
div.rightImageColumn2{
	position:absolute;
	top:275px;
	left:75px;
}
div.rightImageColumn3{
	position:absolute;
	top:535px;
	left:75px;
}
div.rightImageColumn4{
	position:absolute;
	top:795px;
	left:75px;
}
div.mozImage{
	position:absolute;
	top:15px;
	left:25px;
}
div.rightImageColumn2{
	position:absolute;
	top:275px;
	left:75px;
}
tr.midNav {
	background-color:rgb(255,140,23);
	font-family: Times New Roman, Times, serif;
	font-size: 11px;
	color: white; /* CFL Beige */	text-align:center;
}
tr.midNav a {
	text-decoration: none;
	color: white; /* CFL Beige */}
tr.midNav a:hover {
	text-decoration: underline;
	color: white; /* CFL Beige */}
tr.midNav a:visited{
	text-decoration: none;
	color: white; /* CFL Beige */}
tr.midNav a:visited:hover{
	text-decoration: underline;
	color: white; /* CFL Beige */}
h1 {
	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:18px;
	margin-left: 20px;
}
div.leftParagraph a{
	color:#804000;
	font-weight:bold;
	text-decoration:none;
}
div.leftParagraph a:hover{
	color:#804000;
	font-weight:bold;
	text-decoration:underline;
}
div.leftParagraph a:visited {
	color:#381C00;
	font-weight:bold;
	text-decoration:none;
}
div.leftParagraph a:visited:hover {
	color:#381C00;
	font-weight:bold;
	text-decoration:underline;
}
div.leftParagraph img {
}
div.leftSection {
/*	position:absolute;
	top: 20px;
	left:0px;
*/	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:12px;
/*	width:375px;*/
	line-height:16px;	
	margin-left:10px;
	margin-right:10px;
}
div.leftSection a{
	color:#804000;
	font-weight:bold;
	text-decoration:none;
}
div.leftSection a:hover{
	color:#804000;
	font-weight:bold;
	text-decoration:underline;
}
div.leftSection a:visited {
	color:#381C00;
	font-weight:bold;
	text-decoration:none;
}
div.leftSection a:visited:hover {
	color:#381C00;
	font-weight:bold;
	text-decoration:underline;
}
div.leftSection p,form,dt,ol,ul {
	margin-left:25px;
	text-align:left;
}
div.leftSection h2 {
	margin-left:35px;
	font-size:14px;
}
div.leftSection ul {
	margin-left:25px;
	list-style-image: url(imgs/square.jpg);
}
div.leftSection h4 {
	margin-left:35px;
	font-size:12px;
	line-height:7px;
}
div.rightSection {
	position:absolute;
	top: 20px;
	left:0px;
	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:12px;
	width:375px;
	line-height:16px;	
	margin-left:10px;
	margin-right:10px;
}
div.rightSectionDown {
/*	position:absolute;
	top: 60px;
	left:0px;
*/	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:12px;
/*	width:375px;*/
	line-height:16px;	
	margin-left:10px;
	margin-right:10px;
}
div.rightSection a, div.rightSectionDown a{
	color:#804000;
	font-weight:bold;
	text-decoration:none;
}
div.rightSection a:hover, div.rightSectionDown a:hover{
	color:#804000;
	font-weight:bold;
	text-decoration:underline;
}
div.rightSection a:visited, div.rightSectionDown a:visited {
	color:#381C00;
	font-weight:bold;
	text-decoration:none;
}
div.rightSection a:visited:hover, div.rightSectionDown  a:visited:hover{
	color:#381C00;
	font-weight:bold;
	text-decoration:underline;
}
div.rightSection img, div.rightSectionDown img {
}
div.rightSection p, div.rightSectionDown p {
	margin-left:25px;
}
div.rightSection h2, div.rightSectionDown h2 {
	margin-left:35px;
	font-size:14px;
}
div.rightSection ul, div.rightSectionDown ul {
	margin-left:25px;
	list-style-image: url(imgs/square.jpg);
}
div.rightSection h4, div.rightSectionDown h4 {
	margin-left:35px;
	font-size:12px;
	line-height:7px;
}
div.blogPage {
	position:absolute;
	top: 20px;
	left:0px;
	font-family:Times New Roman, Times, serif;
	color:#333333;
	font-weight: normal;
	font-size:12px;
	width:600px;
	line-height:16px;	
	margin-left:20px;
	margin-right:10px;
}
div.blogPage a{
	color:#804000;
	font-weight:bold;
	text-decoration:none;
}
div.blogPage a:hover{
	color:#804000;
	font-weight:bold;
	text-decoration:underline;
}
div.blogPage a:visited {
	color:#381C00;
	font-weight:bold;
	text-decoration:none;
}
div.blogPage a:visited:hover {
	color:#381C00;
	font-weight:bold;
	text-decoration:underline;
}
div.blogPage img {
}
div.blogPage p {
	margin-left:25px;
}
div.blogPage h2 {
	margin-left:35px;
	font-size:14px;
}
div.blogPage ul {
	margin-left:25px;
	list-style-image: url(imgs/square.jpg);
}
div.blogPage h4 {
	margin-left:35px;
	font-size:12px;
	line-height:7px;
}
div.language {
	position:absolute;
	top:-175px;
	right:-560px;
	color: gray; /* CFL Beige */	font-family:Geneva, Times New Roman, Times, serif;
}
div.language a {
	text-decoration: none;
	color: gray; /* CFL Beige */}
div.language a:hover {
	text-decoration: underline;
	color: gray; /* CFL Beige */}
div.language a:visited{
	text-decoration: none;
	color: gray; /* CFL Beige */}
div.language a:visited:hover{
	text-decoration: underline;
	color: gray; /* CFL Beige */}
div.newsItems li{
	margin-left:-15px;
	margin-right:0px;
	list-style-image: url(imgs/square.jpg);
}
div.announcementItems li{
	margin-left:-15px;
	margin-right:0px;
	list-style-image: url(imgs/square.jpg);
}
p.mailer {
	font-family:Times New Roman, Times, serif;
	color:#333333;
	padding-left:20px;
}
p.mailer a{
	color:#804000;
	text-decoration:none;
}
p.mailer a:hover{
	text-decoration:underline;
}
p.mailer a:visited:hover{
	text-decoration:underline;
}