/* CSS Document - www.careoklahoma.com - Coalition of Advocates for Responsible Eldercare*/

body {
margin: 20px 0 0 0;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color: #D5F3AA;
}

a:link {
color: #0033CC;
}
a:hover {
color: #00B000;
}

a:visited {
color: #000099;
}

p {
margin: 0;
padding: 0;
font-family: Geneva, Arial, Helvetica, sans-serif;
line-height: 125%;
font-size: .9em;
}

h1 {
color: #0033CC;
font-weight: bold;
font-size: 1.1em;
font-family: "Times New Roman", Times, serif;
margin: 3px;
padding: 0;
}

h2 {
color: #009D00;
font-weight: bold;
font-size: 1.1em;
font-family: "Times New Roman", Times, serif;
margin: 5px 0 5px 0;
padding: 0;
}

h3 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: .9em;
font-weight: bold;
color: #003399;
padding: 5px 0 5px 5px;
margin: 0;
}

/* used with info items in parentheses */
.subnote {
font-size: .7em;
color: #666666;
}

ul {
font-size: .9em;
margni: 4px;
}

li {
list-style-image:url(../Images/bullet-heart.jpg);
padding: 5px;
margin: 5px;
}

/* Page layout begins - includes text formatting specific to particular layers */

#parent {
margin: auto;
padding: 0;
height: auto;
width: 795px;
background-color:#FFFFFF;
}

#masthead {
float: left;
width: 795px;
height: 64px;
margin: 0;
padding: 0;
clear: both;
}

#masthead-images {
float: left;
width: 795px;
height: 113px;
padding: 0;
margin: 0;
clear: both;
}

#masthead-bottom-bkgd {
float: left;
width: 795px;
height: 80px;
background-image: url(../Images/bottom-mast.jpg);
background-repeat: no-repeat;
clear: both;
}

/* primary page layout - three column */

#leftcolumn {
float: left;
width: 175px;
height: auto;
margin: 0;
padding: 0;
clear: left;
}

#menu {
float: left;
width: 175px;
height: auto;
margin: 0;
padding: 0;
clear: both;
}

#contactinfo {
float: left;
width: 165px;
margin: 30px 0 20px 0;
padding: 5px;
text-align: right;
clear: both;
font-size: .7em;
}

#contactinfo h1 {
font-weight: bolder;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #003399;
margin: 0;
padding: 0;
}

#centercolumn {
float: left;
width: 420px;
height: auto;
background-color: #FFFFFF ;
padding: 0;
margin: 0;
}

#content {
float: left;
width: 370px;
height: auto;
padding: 0 30px 0 25px;
clear: left;}

#content p {
font-size: .9em;
}

#content li {
list-style-image: none;
list-style:outside;
}

#rightcolumn {
float: left;
width: 175px;
height: auto;
background-color: #FFFFFF;
margin: 0;
padding: 0;
clear: right;
}


#box {
float: left;
width: 169px;
height: auto;
padding: 0;
margin: 0;
clear: right;
}

#box-top {
float: left;
width: 169px;
margin: 0;
padding: 0;
height: 17px;
background-image: url(../Images/box-top.jpg);
background-repeat: no-repeat;
clear: both;
}

#box-content {
float: left;
width: 169px;
height: auto;
margin: 0;
padding: 0;
background-image: url(../Images/box-content.jpg);
background-repeat: repeat;
clear: both;
}
#box-bottom {
float: left;
width: 169px;
height: 21px;
margin: 0;
padding: 0;
clear: both;
background-image: url(../Images/box-bottom.jpg);
background-repeat: no-repeat;
}

#box-content ul {
margin: 0 0 0 23px;
padding: 0;
font-size: .8em;
line-height: 110%;
}

#box-content li {
list-style-image:url(../Images/heart-bullet.jpg);
margin: 0;
padding: 0;
line-height: 120%;}

/* secondary page layout - two column. Left column remains the same and includes the menu and contact info */

#contentcolumn {
float: left;
width: 610px;
height: auto;
background-color: #FFFFFF ;
padding: 0;
margin: 0;
}

#content2 {
float: left;
width: 560px;
height: auto;
padding: 0 20px 0 35px;
clear: left;
}

#content2 p {
font-size: .8em;
padding: 0 0 0 5px;
line-height: 120%;
}
/* full article layout - no menu */

#article-container {
float: left;
width: 725px;
height: auto;
background-color: #FFFFFF ;
padding: 0 20px 0 35px;
margin: 0;
clear: both;
}

#article {
float: left;
width: 735px;
height: auto;
clear: left;
}

#article p {
font-size: .8em;
padding: 0 0 0 5px;
line-height: 120%;
}

/* Bottom curve layer */

#footer {
float: left;
width: 795px;
height: 26px;
margin: 0;
padding: 0;
background-image: url(../Images/bottom-background.jpg);
background-position:bottom;
background-repeat: no-repeat;
clear: both;
font-size: .7em;
text-align: center;
}
#clearboth {
clear: both;
}