html{
margin: 0px;
padding: 0px;
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
height: 100%;
background-color: #E9DDC3;
/*
background-image: url('../images/background3.jpg') ;
background-repeat: repeat-y;
*/
}
html>body #container {
height: auto;
}
#container {
margin: 0px;
padding: 0px;
position: relative;
min-height: 100%;
height: 100%;
z-index: 7;
voice-family: "\"}\"";
voice-family: inherit;
height: auto;
}
a:link, a:visited {
color: #930000; /* Autumn Style */
text-decoration: none;
}
#container {
background-image: url("../images/motif-bottom-left.jpg");
background-repeat: no-repeat;
background-position: left bottom;
}
#container img {
display: block;
margin: auto;
}
#container > p, #container > dl, #container > h3, #container > h4, #container > h5,#container > h6, #container > q {
padding-top: 10px;
min-width: 570px;
width: 510px;
margin: auto;
}
#container p {
padding-top: 5px;
padding-bottom: 5px;
}
p {
text-align: justify;
}
.nopadding {
padding: 0;
margin: 0;
display: inline;
}
#container ul, #container ol, #container dl{
width: 530px;
margin: 0 auto;
text-align: justify;
}
#contentHeader {
position: absolute;
top: 121px;
left: 0px;
width: 225px;
height: 142px;
background-image: url("../images/motifs-top-left.jpg");
background-repeat: no-repeat;
background-position: left top;
z-index: 7;
}
#contentHeader2 {
position: absolute;
top: 121px;
right: 0px;
width: 225px;
height: 142px;
background-image: url("../images/motifs-top-right.jpg");
background-repeat: no-repeat;
background-position: left top;
z-index: 7;
}
#contentHeader2 p{
display:none;
font-size: small;
text-align: right;
}
/* END Container Styles */
/* ////// Navigation Lists - Branding Lists for that creation */
#navStrip{
position: absolute;
top: 98px;
width: 100%;
height: 23px;
background: url(../images/navStrip-back-autumn.png) repeat; color: #1c000d; /* Autumn Style */
border-width: 1px 0 1px 0;
border-style: solid;
border-color: #ff3423; /* Autumn Style */
margin: 0 auto;
}
#banner {
position: absolute;
width: 100%;
text-align: center;
top: -85px;
z-index: 40;
}
#banner img {
position: relative;
left: 40px;
border-style: solid;
border-width: 1px;
border-color: #ff3423; /* Autumn Style */
}
/*
img#banner {
position: absolute;
top: 10px;
left: 260px;
margin: 0 auto;
height: 50px;
width: 468px;
border-style: solid;
border-width: 1px;
z-index: 34;
}
*/
img#topRight {
display: block;
position: relative;
top: -140px;
left: 265px;
z-index: -1;
margin: 0 auto;
}
/*
ul#branding {
clear: left;
list-style: none;
position: relative;
padding-top: 80px;
margin-top: -123px;
left: 57px;
top: -182px;
width: 600px;
height: 140px;
margin-left: auto;
margin-right: auto;
background-image: url("../images/motif-nav1.jpg");
background-repeat: no-repeat;
background-position: left -10px;
}
*/
div#navBlock {
position: absolute;
top: 0;
width: 100%;
}
#container ul#branding {
text-align: center;
list-style-type: none;
width: 600px;
margin: auto;
padding: 65px 0 0 140px;
background-image: url("../images/motif-nav1.jpg");
background-repeat: no-repeat;
background-position: left -10px;
z-index: 4;
}
ul#branding li{
position: relative;
top: 11px;
list-style: none;
background-image: url("../images/button-states-li-autumn.png"); /* Autumn Style */
background-repeat: no-repeat;
background-position: 0px -27px;
width: 73px;
text-align: center;
height: 2.3em;
padding: 0;
margin-left: -0.11em;
font-size: 0.7em;
z-index: 5;
float: left;
color: #1c000d; /* Autumn Style */
}
ul#branding > li:hover{
position: relative;
top: 11px;
list-style: none;
background-image: url("../images/button-states-li-autumn.png"); /* Autumn Style */ background-repeat: no-repeat;
background-position: 0px 0px;
/*width: 6.6em;*/
width: 73px;
text-align: center;
height: 27px;
padding: 0;
margin-left: -0.11em;
font-size: 0.7em;
float: left;
color: #1c000d; /* Autumn Style */}
ul#branding > li a:link, ul#branding > li a:visited{
text-decoration: none;
position: relative;
top: 7px;
color: #1c000d; /* Autumn Style */
}
ul#branding > li a:hover{
text-decoration: none;
position: relative;
top: 7px;
color: #1c000d; /* Autumn Style */
}
ul#branding > li.selectedButton {
position: relative;
top: 11px;
list-style: none;
background-image: url("../images/button-states-li-autumn.png"); /* Autumn Style */ background-repeat: no-repeat;
background-position: 0px 0px;
width: 73px;
text-align: center;
height: 27px;
padding: 0;
margin-left: -0.11em;
font-size: 0.7em;
float: left;
color: #1c000d; /* Autumn Style */
}
ul#branding > li.selectedButton a:link, ul#branding > li.selectedButton a:visited {
color: #1c000d; /* Autumn Style */
}
/* End Seasonal Styles */
/* End of Navigation and Banner styles */
h1#logo {
position: relative;
top: 0px;
left: -305px;
z-index: 7;
padding: 132px 0 0 0;
margin: auto;
width: 160px;
background-image: url("../images/branding-h1-autumn.png"); /* Autumn Style */
background-repeat: no-repeat;
/*Hide the text*/
overflow: hidden;
height: 0px !important;
height /**/:132px;
}
.dividerMotif{
position: relative;
top: 4px;
height: 20px;
width: 87px;
padding: 10px 0;
text-indent: -9999px;
margin: 0 auto;
background: url("../images/form-divider-autumn.gif") no-repeat 50% 0; /* Autumn Style */
}
h1#logo+h2 {
text-align: center;
height: 23px;
padding-bottom: 20px;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.14em;
}
h5 {
font-size: 1.08em;
}
.center, .centre {
margin: 0 auto;
text-align: center;
}
.float {
float:left;
}
.brandText,.brandTextStart {
position: relative;
display: block;
margin: 0 auto;
top: 9px;
margin-bottom: 10px;
z-index: 5;
height: 36px;
width: 180px;
background-image: url("../images/will_he_call-inline.png");
background-repeat: no-repeat;
text-indent: -9999px;
}
/*
.brandText+*{
padding-top: 10px;
clear: left;
}
*/
.brandTextStart {
float: left;
}
.brandTextSmall {
position: relative;
display: block;
top: -9px;
z-index: 5;
padding: 22px 0 0 0;
width: 120px;
background-image: url("../images/will_he_call-inline-sm.png");
background-repeat: no-repeat;
/*Hide the text*/
overflow: hidden;
height: 0px !important;
height /**/:22px;
}
p.homeLast
{
position: relative;
padding-bottom: 27px;
top: 27px;
width: 300px;
text-align:center;
margin: 0 auto;
}
li#nav { font-size: 90%; margin: 0px 1px; float: left; text-align: center; width: 83px;border: 1px solid; background: transparent;}
div#homeLast > ul, div#homeLast > p {
font-size: 0.93em;
}
div#homeLast ul#bullet1 {
list-style-image: url("../images/li-flower1-autumn.gif"); /* Autumn Style */
padding-left: 30px;
font-size: 0.9em;
font-weight: bold;
width: 317px;
}
/* General Lists */
ul#mainList li, ul.flowerPoints1>li {
list-style-image: url("../images/li-flower1-autumn.gif"); /* Autumn Style */}
ul.flowerPoints1>li li {
list-style-image: url("../images/li-flower2sm-autumn.gif"); /* Autumn Style */ font-size: 0.88em;
}
ul.flowerPoints3>li {
list-style-image: url("../images/li-flower1sm.gif");
}
ul#clear {
list-style: none;
padding: 0;
margin: 0 auto;
}
/* END General Lists */
/* ///////////////////////////////// */
/* Information Page */
ul#infoList1 {
position: relative;
top: 8px;
font-size: 0.9em;
height: 120px;
background-image: url("../images/information_1.jpg");
background-repeat: no-repeat;
background-position: left top;
padding: 10px 0 15px 150px;
width: 400px;
margin-right: auto;
margin-left: auto;
z-index: 1;
line-height: 3em;
}
p#infoImage2 {
padding-top: 45px;
min-width: 60px;
width: 300px;
text-align: justify; /* Autumn Style */
padding-top: 45px;
min-width: 60px;
width: 350px;
text-align: justify;
background-image: url("../images/information_2-autumn.jpg");
background-position: right top;
padding-right: 220px;
/* Autumn Style */
background-repeat: no-repeat;
height: 243px;
margin: 0px auto;
}
/* END Information Styes */
/* ///////////////////////////////// */
/* Laughter Page */
ol#laughterColourBox {
list-style: none;
width: 570px;
padding: 0;
padding-bottom: 20px;
margin: auto;
/*
background-image: url("../images/laughter-1.jpg");
background-repeat: no-repeat;
background-position: right center;
*/
font-family: "Myriad Headline", "Tahoma";
}
#laughterColourBox li{
width: 280px;
height: 40px;
text-align: center;
padding: 5px;
margin: 5px auto;
}
#laughterColourBox li#blue{
border: 2px solid blue;
}
#laughterColourBox li#red{
border: 2px solid red;
}
#laughterColourBox li#green{
height: 90px;
border: 2px solid green;
background-image: url("../images/laughter-1.jpg");
}
dl#laughterIMG2 {
background-color: #E9DDC3 ; background-image: url("../images/laughter-2-autumn.jpg"); /* Autumn Style */
background-repeat: no-repeat;
background-position: left bottom;
height: 257px; /* Summer Style */
height: 230px;
border: 1px solid black;
text-align: left;
font-size: 0.9em;
}
dl#laughterIMG2 dt, dl#laughterIMG2 dd{
padding-top: 20px;
padding-left: 370px; /* Autumn Style */
}
/* END LAUGHTER STYLES */
/* //////////////////////////// */
/* START ABOUT STYLES */
img#aboutUsPic {
margin-bottom: 15px;
}
/* END ABOUT STYLES */
/* //////////////////////////// */
/* START Distraction STYLES */
h3#distractionTitle {
min-width: 270px;
width: 190px;
text-align: center;
background-image: url("../images/distraction_1b.jpg");
background-repeat: no-repeat;
background-position: left center;
padding-top: 93px;
padding-left: 280px;
vertical-align: middle;
height: 160px;
margin: auto;
font-size: 1.3em;
}
/*
p#distractionTitle {
vertical-align: middle;
font-size: 1.4em;
text-align: center;
height: 260px;
}
p#distractionTitle img {
float: left;
}
*/
p#distraction2 {
padding-top: 50px;
min-width: 60px;
width: 315px;
/* line-height: 2em;*/
text-align: left;
background-image: url("../images/distraction_2b-autumn.jpg"); /* Autumn Style */
background-repeat: no-repeat;
background-position: left center;
padding-left: 235px;
padding-right: 10px;
font-size: 1.15em;
height: 250px;
margin: 0 auto;
}
/* END Distraction STYLES */
/* //////////////////////////// */
/* START Your Stories STYLES */
ul#storyText2 {
list-style:none;
text-align: left;
}
ul#storyText2+li {
line-height: 1.4em;
}
ul#storyText2 li {
position: absolute;
margin-top: 73px;
width: 170px;
line-height: 1.4em;
}
ul#storyText2 li+li {
position: absolute;
margin-top: 99px;
margin-left: 360px;
width: 170px;
}
#freeStory
{
min-width: 370px;
width: 310px;
margin: 23px auto;
height: 200px;
padding: 0px 0px 0px 160px;
background: url(../images/uploads/your_stories_autumn.jpg); /* Autumn Style */
background-color: #D4C5AB;
background-position: 0px -1px;
background-repeat: no-repeat;
text-align: right;
border: 1px solid red;
font-size: 0.9em;
}
#freeStory p
{ padding: 0 8px;
text-align: right;
}
#freestoryPic {
min-width: 400px;
width: 100px;
margin: 23px auto;
height: 200px;
padding: 0px 0px 0px 169px;
background-image: url("../images/free_story_1.jpg");
background-position: left top;
background-repeat: no-repeat;
}
div#freeStoryBox *{
margin: 0 auto;
font-size: 0.8em;
text-align: center;
}
div#freeStoryBox:hover {
background-color: #BFA78F;
}
div#freeStoryBox{
width: 200px;
border: 1px solid black;
margin: 0 auto;
position: relative;
left: 160px;
top: 40px;
padding: 5px;
background-color: #BFA78F;
}
div#freeStoryBox:hover {
background-color: #d0b486;
}
div#freeStoryBox h2{
font-size: 1em;
}
div#freeStoryBox p a{
font-size: 0.97em;
}
div#freeStoryBox+h3{
position: relative;
font-size: 1.4em;
text-align: center;
left: -110px;
top: -36px;
}
/* END Your Stories STYLES */
/* //////////////////////////// */
/* START Advertisers STYLES */
dl#advertiserPromise{
padding-top: 10px;
}
dl#advertiserPromise dt {
font-weight: bold;
}
#advertiser1
{background: url(../images/advertise_1-autumn.jpg); width: 200px; height: 240px; text-indent: -9999px;} /* Autumn Style */
/* END Advertisers STYLES */
/* //////////////////////////// */
.green {
color: green;
}
.blue {
color: #205af9;
}
.red {
color: #c50019;
}
.orange {
color: #d96a00;
}
.purple {
color: purple;
}
.yellow {
color: #dad100;
}
blockquote.largeQuote{
font-weight: bold;
font-size: 1.2em;
width: 570px;
margin: 0 auto;
}
.right {
text-align: right;
margin-right: 0;
}
ul.plainText {
list-style: none;
padding-left: 0;
}
.small {
font-size: 0.92em;
}
.medium {
font-size: 1.3em;
}
.colourLarger {
font-size: 1.5em;
letter-spacing: 0.2em;
}
.higher {
position: relative;
top: -15px;
}
.lower {
position: relative;
top: 15px;
}
/* Home Page Content LISTS */
/* main list anchor styles */
#mainList li a:link,#mainList li a:hover ,#mainList li a:visited {
color: #ed6e00; /* Autumn Style */
text-decoration: none;
}
#sodidwe{
position: relative;
top: -25px;
font-size: 1.3em;
left: -13px;
margin: 0 auto;
text-align: center;
}
div#mainList {
position: relative;
top: 8px;
margin: 0 auto;
font-size: 0.95em;
height: 330px;
background-image: url("../images/home-girls1c-autumn.jpg"); /* Autumn Style */
background-repeat: no-repeat;
background-position: left 25%;
padding: 0px 0 40px 290px;
min-width: 60px;
width: 280px;
z-index: 1;
}
/*
ul#mainList {
position: relative;
top: 8px;
font-size: 0.9em;
height: 300px;
background-image: url("../images/home-girls1.jpg");
background-repeat: no-repeat;
background-position: left center;
padding: 10px 0 40px 10px;
min-width: 60px;
width: 540px;
z-index: 1;
}
ul#mainList2 {
position: relative;
top: 8px;
height: 150px;
background-repeat: no-repeat;
background-position: right -10px;
padding: 10px 0px 0 0;
min-width: 570px;
width: 510px;
margin: auto;
z-index: 1;
}
*/
#mainNoList2,#mainNoList {
list-style:none;
padding-top: 30px;
font-size: 0.95em;
margin: 0 auto;
}
#mainNoList2 {
list-style:none;
padding-top: 30px;
font-size: 1.1em;
margin: 0 auto;
list-style-image: url("../images/li-flower1sm.gif");
font-weight: bold;
}
ul#mainList2 {
position: relative;
top: -10px;
background-repeat: no-repeat;
background-position: right -10px;
padding: 0px 0px 0px 0;
width: 225px;
margin: auto;
z-index: 1;
}
#homeDl {
position: relative;
width: 570px;
font-size: 0.9em;
}
dl#homeDl > dt{
padding: 0px;
margin: 0 auto;
text-align: center;
}
dl#homeDl > dd{
padding-bottom: 6px;
margin: 0 auto;
text-align: center;
}
dl#homeDl > dt+dd+dt+dd{
}
.homeLists {
position: relative;
top: -25px;
padding: 0;
}
ul#mainList li{
padding-top: 12px;
width: 270px;
}
ul#mainList dl{
max-width: 310px;
}
ul#mainList2 li{
list-style-image: url("../images/li-flower2sm-autumn.gif"); /* Autumn Style */ font-size: 0.9em;
padding-top: 3px;
}
ul#mainList > li+li+li+li {
list-style-image: none;
list-style-type: none;
padding-left: 25px;
padding-top: 0;
}
/* End of main styles list */
#footer {
position: absolute;
right: 3px;
bottom: 2px;
width: 218px;
text-align: right;
padding-top: 100px;
font-size: 0.7em;
background-image: url("../images/motif-bottom-right.jpg");
background-repeat: no-repeat;
background-position: right bottom;
z-index: -1;
}
#loginButton {
position: absolute; top: 10px; right: 2%; z-index: 50;
}
ul#home2 {
list-style: none;
font-size: 0.8em;
padding: 0;
z-index: 7;
}
ul#home2 > li {
/* display: inline-block; Tentatively removed, check to see if it affects */
position: absolute;
top: 102px;
margin: auto;
padding-left: 83px;
color: #1c000d; /* Autumn Style */
}
#footLinks {
width: 600px;
margin: 0 auto;
position: relative;
padding-bottom: 10px;
}
#footLinks > ul {
margin: 5px auto;
list-style: none;
font-size: 0.75em;
height: 40px;
width: 600px;
padding: 0;
text-align: center;
}
#footLinks li img {
display: inline;
}
#footLinks li {
display: inline;
margin: 0 auto;
text-align: center;
vertical-align: middle;
}
#footLinks li.block {
display: block;
}
#loginButton img {
position: absolute; top: 10px; right: 2%; z-index: 50;
}
img#topPage {
display: block;
margin-right: 23px;
}
#membersGraphic
{
position: relative;
width: 380px;
height: 252px;
margin: 0 auto;
background: url("../members/images/memb-landing1-autumn.jpg") no-repeat 50% 50% ; /* Autumn Style */}
.pageBoundary1
{margin: auto; width: 570px; font-weight: normal; text-align: justify}