/* Carousel of Hope index-styles.css */

/* global reset */
* { margin:0; padding:0; }

body {
background-image: url(images/cohbkgrd2.jpg); background-repeat: repeat;
background-attachment: fixed;
background-color: #410742;/* dk.burg */
font-family: arial, helvetica, sans-serif; color: #ffecff;/* lt.magenta */ font-size: .85em;
text-align: center;
}
/* anchor links */
a:link { color: #ffecff; text-decoration: underline; }/* lt.magenta */
a:visited { color: #4ed9f0; text-decoration: none; }/* turq. */
a:hover { color: #ec9bdd; text-decoration: none; }/* med.magenta */
a:active { color: #4ed9f0; text-decoration: none; }/* turq */

/* Outside Borders */
div#borders {
background-image: url(images/dkgoldstripnoise.jpg); background-repeat: repeat;
background-color: #b1a481;/* dk.gold */
width: 798px;/* fixed width for small monitors 800x600 */
margin: 25px auto;  padding: 6px 0;
border-top: 1px solid #f3e7e7;/* light */  border-right: 1px solid #c7acab;/* dark*/
border-bottom: 1px solid #c7acab;/* dark */  border-left: 1px solid #f3e7e7;/* light */
/* width allows for 2px borders */
}
div#borders .border2 {
background-image: url(images/cohtile.jpg); background-repeat: repeat;
background-color: #410742;/* dk.burg */
width: 786px;/* width= 798px -12px padding from above div#borders */
margin: 0 auto;  padding: 6px 0;
}
div#borders .border3 {
background-image: url(images/ltmagentastripnoise.jpg); background-repeat: repeat;
background-color: #410742;/* dk.burg */
width: 774px;/* width= 786px - 12px padding from border2 */
margin: 0 auto;  padding: 2px 0;
border-top: 1px solid #f3e7e7;/* light */  border-right: 1px solid #c7acab;/* dark*/
border-bottom: 1px solid #c7acab;/* dark */  border-left: 1px solid #f3e7e7;/* light */
}
div#borders .border4 {
background-image: url(images/cohbkgrdfade2.jpg); background-repeat: repeat;
background-color: #622b62;/* med.burg. */
width: 768px;/* width= 774px - 6px padding+borders from border3 */
margin: 0 auto;  padding: 20px 0; /* width adjust for padding */
border-top: 1px solid #c7acab;/* light */  border-right: 1px solid #f3e7e7;/* dark*/
border-bottom: 1px solid #f3e7e7;/* dark */  border-left: 1px solid #c7acab;/* light */
}
div#borders .border5 {
background-image: url(images/magentastripnoise.jpg); background-repeat: repeat;
background-color: #ec9bdd;/* med.magenta */
width: 726px;/* width= 768px - 42px padding+borders from border4 */
margin: 0 auto;  padding: 1px;
border-top: 1px solid #f3e7e7;/* light */  border-right: 1px solid #c7acab;/* dark*/
border-bottom: 1px solid #c7acab;/* dark */  border-left: 1px solid #f3e7e7;/* light */
}
/* Main Content Container */
div#container {
background-image: url(images/cohtile.jpg); background-repeat: repeat;
background-color: #410742;/* dk.burg */
width: 722px;/* width= 726px - 4px padding+borders from border5 */
margin: 0 auto;  padding: 10px 0 5px 0;
text-align: center;
}
div.header {
background: url(images/cohheader.gif) no-repeat;
width: 450px;
height: 400px;
margin: 0 auto;
border: none;
}
div.header h1 { /* denotes any tag to be used for hidden text */
display: none;
visibility: hidden;
}
div#container .inner-border1 {
background-image: url(images/dkgoldstripnoise.jpg); background-repeat: repeat;
background-color: #410742;/* dk.burg */
width: 642px;/* width= 722px - 80px allotted pad from div#container */
margin: 0 auto;  padding: 1px;
border-top: 1px solid #f3e7e7;/* light */  border-right: 1px solid #c7acab;/* dark*/
border-bottom: 1px solid #c7acab;/* dark */  border-left: 1px solid #f3e7e7;/* light */
}
div#container .inner-border2 {
background-image: url(images/cohbkgrdfade.jpg); background-repeat: repeat;
background-color: #622b62;/* med.burg. */
width: 638px;/* width= 642px - 4px pad+border from inner-border1 */
margin: 0 auto;  padding: 15px 0;
border-top: 1px solid #c7acab;/* light */  border-right: 1px solid #f3e7e7;/* dark*/
border-bottom: 1px solid #f3e7e7;/* dark */  border-left: 1px solid #c7acab;/* light */
}
div#container .inner-border3 {
background-image: url(images/medgoldstripnoise.jpg); background-repeat: repeat;
background-color: #b1a481;/* dk.gold */
width: 606px;/* width= 638px - 32px border from border2 */
margin: 0 auto;  padding: 1px;
border-top: 1px solid #f3e7e7;/* light */  border-right: 1px solid #c7acab;/* dark*/
border-bottom: 1px solid #c7acab;/* dark */  border-left: 1px solid #f3e7e7;/* light */
}
/* Text Area */
div#text-area {
background-image: url(images/cohtile.jpg); background-repeat: repeat;
background-color: #410742;/* dk.burg */
width: 606px;/* width= 610px - 4px pad+border from inner-border3 */
margin: 0 auto; padding: 10px 0;
}
div#text-area .text {
width: 554px;/* width= 606px - 50px margin from div#text-area */
margin: 0 auto; padding: 15px 0;
}
div#text-area .textborder {
background-image: url(images/magentastripnoise.jpg);
background-repeat: repeat; /* x = tile across only */
width: 364px;
padding: 0;
margin: 0 auto;
}
div#text-area .textborder2 {
background-image: url(images/cohtile.jpg);
background-repeat: repeat; /* x = tile across only */
width: 362px;
padding: 0 0;
margin: 0 auto;
}
div#text-area .textborder3 {
background-image: url(images/dkgoldstripnoise.jpg);
background-repeat: repeat; /* x = tile across only */
width: 226px;
padding: 0 2px;
margin: 0 auto;
}
div#footer { text-align: center; padding-top: 20px; }
div#footer .bottomnav { font-size: .8em; }

/* elements */
p { padding: 10px 0; }
img { border: none; }
hr { background-color: #ffecff; color: #ffecff; width: 80%; height: 1px; border: none;  text-align: center;  margin: 5px auto; } /* lt.magenta */

/* classes */
.font { color: #ffecff;/* lt.magenta */ font-size: .8em; padding: 10px 0; } /* update script */
.refer { color: #ffecff;/* lt.magenta */ font-size: .95em; padding: 10px 0; }  /* refer this site */
.copyright { color: #ffecff;/* lt.magenta */ font-size: .7em; }