body { 
background-color: #0CA9BA; 
background-image: url('http://www.fun4singles.com/members/bg/body-top-bg.jpg'); 
background-repeat: repeat-x;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#666666;
}
body a:link { border:none; outline:none; color: #0a94d6; text-decoration: none;}
body a:visited { border:none; outline:none; color: #0a94d6; text-decoration: none;}
body a:hover {color: #fbd850; }
body a:active { border:none; outline:none; color: #0a94d6; text-decoration: none;}
body a:focus { border:none; outline:none; color: #0a94d6; text-decoration: none;}
body a img {border: none; outline:none; }

span.boldtext {
font-weight: bold;
}
#container {
background-color: transparent; 
width: 922px;
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
#headcontainer {
width: 922px;
height: 38px;
clear: both;
float: left;
margin: 0 auto 0 auto;
background-image: url('http://www.fun4singles.com/members/bg/headbgtop.gif'); 
background-repeat: no-repeat;
color: #ffffff;
text-align: center; 
padding-top: 25px;
}
h1.headcontainer {
font-size: 135%;
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#maincontainer {
width: 922px;
height: auto;
clear: both;
float: left;
margin: 0;
background-image: url('http://www.fun4singles.com/members/bg/fullbg.gif'); 
background-repeat: repeat-y;
}
#logomenu {
width: 922px;
float: left;
clear: both;
}
#logotop {
width: 178px;
height: 46px;
float: left;
clear: right;
margin: 0 0 0 11px;
background-color: #ffffff;
padding-top: 7px;
}
img.logotop {
width: 178px;
height: 46px;
float: left;
border: 0px;
}

#menu {
width: 730px;
height: 25px;
margin-left: 3px;
padding-top: 21px;
float: left;
clear: right;
}
#menuitem1 {
width: 57px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem2 {
width: 79px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem3 {
width: 136px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem4 {
width: 122px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem5 {
width: 46px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem6 {
width: 103px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem7 {
width: 104px;
height: 25px;
border: none;
float: left;
clear: right;
}
#menuitem8 {
width: 62px;
height: 25px;
border: none;
float: left;
clear: right;
}
#breadcrumb {
width: 889px;
background-color: #ffffff; 
margin: 0 0 0 11px;
padding: 5px 0 6px 5px;
float: left;
clear: both;
font-size: 90%;
}


#homecontent { 
width: 889px;
height: 100%;
background-color: #ffffff; 
float: left;
margin: 0 0 0 11px;
padding: 5px;
clear: both;
} 
.revimg {
width: 506px;
height: 337px;
border: 1px solid #999999;
float: left;
clear: right;
}
#righttop {
width: 377px;
max-height: 337px;
float: left;
clear: right;
}
img.special {
width: 375px;
height: 115px;
border: none;
float: left;
clear: right;
margin-left: 4px;
}
fieldset.righttop {
width: 359px;
min-height: 217px;
max-height: 217px;
float: left;
clear: none;
margin: 0 0 5px 4px;
font-size: 120%;
padding: 0 3px 3px 3px;
}
h2.righttop {
font-size: 100%;
font-weight: normal;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
fieldset.righttopevents {
width: 359px;
min-height: 275px;
max-height: 275px;
float: left;
clear: none;
margin: 0 0 5px 4px;
font-size: 120%;
}
#righttopaboutevents {
width: 379px;
min-height: 333px;
float: left;
clear: right;
background-color: #fdfdfd;
}
span.headerspanaboutevents {
color: #006699;
font-weight: bold;
font-size: 100%;
}
.memberschat {
width: 507px;
height: 337px;
border: none;
float: left;
clear: right;
background-color: #fdfdfd;
}
#righttopfaq {
width: 361px;
max-height: 337px;
float: left;
clear: right;
background-color: #ffffff;
margin: 0 0 0 11px;
padding-left: 7px;
}
#midcontent { 
width: 889px;
height: 100%;
background-color: #ffffff; 
float: left;
margin: 0 0 0 11px;
padding: 5px;
clear: both;
} 
#leftmid {
width: 506px;
float: left;
clear: right;
}
#hometrip {
width: 492px;
border: none;
float: left;
clear: right;
padding: 0;
}
fieldset.hometrip {
width: 485px;
max-height: 380px;
min-height: 380px;
float: left;
clear: right;
padding: 10px 7px 3px 7px;
font-size: 100%;
margin-right: 7px;
}
img.hometrip {
width: 485px;
height: 323px;
border: 1px solid;
margin-top: 5px;
}
span.hometrip {
font-size: 115%;
font-weight: bold;
display: block;
text-align: center;
}
span.hometrip2 {
font-size: 100%;
font-weight: normal;
display: block;
text-align: center;
}
#eventfeature {
width: 506px;
max-height: 400px;
min-height: 400px;
float: left;
clear: right;
}
fieldset.eventfeature {
width: 485px;
max-height: 390px;
min-height: 390px;
float: left;
clear: right;
padding: 10px 7px 0 7px;
font-size: 100%;
margin-right: 7px;
}
#lefttrip {
width: 535px;
border: none;
float: left;
clear: right;
padding: 0;
}
fieldset.lefttrip {
width: 513px;
float: left;
clear: right;
padding: 10px 7px 3px 7px;
font-size: 100%;
margin-right: 7px;
}
img.lefttrip {
width: 510px;
height: 340px;
border: 1px solid;
margin-top: 5px;
}
#righttoptrips {
width: 318px;
min-height: 333px;
float: left;
clear: right;
margin-left: 12px;
line-height: 150%;
}
#googletripsheader {
width: 922px;
height: 90px;
float: left;
margin-top: 10px;
display: block;
text-align: center;
}
#textbox1 {
width: 492px;
border: none;
float: left;
clear: right;
padding: 0;
}
fieldset.textbox1 {
width: 485px;
max-height: 380px;
min-height: 380px;
float: left;
clear: right;
padding: 10px 7px 3px 7px;
font-size: 95%;
margin-right: 7px;
line-height: 160%;
}
fieldset.textbox2 {
width: 485px;
max-height: 480px;
min-height: 480px;
float: left;
clear: right;
padding: 10px 7px 3px 7px;
font-size: 95%;
margin-right: 7px;
line-height: 160%;
}

#rightmid {
width: 379px;
float: left;
clear: right;
}
fieldset.rightmid {
width: 358px;
float: left;
clear: none;
margin: 0 0 5px 4px;
font-size: 96%;
min-height: 383px;
max-height: 383px;
padding: 10px 5px 0 5px;
line-height: 160%;
}
fieldset.rightmidevents {
width: 343px;
float: left;
clear: none;
margin: 0 0 5px 4px;
font-size: 100%;
line-height: 20px;
min-height: 383px;
max-height: 383px;
padding: 10px 5px 0 15px;
line-height: 185%;
}
fieldset.rightmidtrips {
width: 363px;
float: left;
clear: none;
margin: 0 0 5px 4px;
font-size: 100%;
line-height: 20px;
min-height: 490px;
max-height: 490px;
}
.locations {
width: 45%;
float: left;
clear: right;
margin-left: 5%;
}
.locationstri {
width: 30%;
float: left;
clear: right;
margin-left: 3%;
}
#bottomcontent { 
width: 889px;
height: 100%;
background-color: #ffffff; 
float: left;
margin: 0 0 0 11px;
padding: 5px;
clear: both;
} 
img.leftpic {
float: left;
border: 1px solid #999999;
margin: 8px;
}
img.rightpic {
float: right;
border: 1px solid #999999;
margin: 8px;
display: block;
}

#bottomcontentleft {
width: 663px;
float: left;
clear: right;
border: 1px solid #999999;
padding: 10px 10px 5px 15px;
line-height: 160%;
}
#bottomhomeleft {
width: 689px;
float: left;
clear: right;
line-height: 170%;
}
.bottomhomeleftcontent {
width: 663px;
float: left;
clear: both;
border: 1px solid #999999;
padding: 10px 10px 5px 15px;
}
fieldset.bottomleft {
width: 663px;
margin: 15px 0 0 0;
float: left;
clear: both;
padding: 10px 10px 5px 15px;
}
#bottomcontentads {
width: 180px;
float: right;
clear: right;
border: none;
display: block;
text-align: center;
}
#bottomtripsleft {
width: 663px;
float: left;
clear: right;
padding: 10px 10px 5px 15px;
line-height: 160%;
}
fieldset.tripsdetail {
width: 660px;
float: left;
clear: both;
margin-bottom: 15px;
line-height: 160%;
font-size: 95%;
}
span.tripsdetailtitle {
color: #006699;
font-weight: bold;
font-size: 110%;
display: block;
text-align: center;
}
img.trippic {
float: left;
border: 1px solid #999999;
margin: 0 8px 4px 0;
}
.prediv {
display:none;
max-width:0;
max-height:0
}
span.eventdettitle {
color: #006699;
font-weight: bold;
font-size: 110%;
display: block;
text-align: center;
}
span.eventdetdate {
font-weight: normal;
font-size: 96%;
display: block;
text-align: center;
}
#leftside { 
width: 138px;
height: auto;
background-color: #336699; 
float: left;
clear: right;
padding-top: 50px;
margin-left: 11px;
}
div.menu {
width: 119px;
text-align: center;
margin: 0 auto 2px auto;
}
img.menu {
width: 119px;
height: 24px;
}
#innertopcontainer {
width: 728px;
height: 55px;
float: left;
clear: right;
}
#mainbodycontainer {
width: 728px;
float: left;
clear: right;
}

#featuredtrip {
font-size: 95%;
width: 728px;
float: left;
text-align: center;
margin-left: auto;
margin-right: auto;
}
img.featuredtrip {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
fieldset.featuredtrip {
width: 710px;
padding: 7px 7px 7px 7px;
text-align: center;
font-size: 150%;
font-color: #666666;
border: 0px #ffffff;
}
img.trip {
border: none;
padding: 0 12px 8px 0;
float: left;
}
span.triptitle {
font-size: 120%;
font-weight: bold;
text-align: center;
display: block;
}
fieldset.standard {
width: 710px;
padding: 7px 7px 7px 7px;
}

#googleheader2 {
width: 728px;
height: 90px;
float: left;
margin-top: 10px;
clear: right;
margin: 0 0 7px 0;
padding: 0 15px 0 0;
background-color: #ffffff;
}
#bottomcontainer {
width: 922px;
height: 17px;
clear: both;
float: left;
margin: 0;
background-image: url('http://www.fun4singles.com/members/bg/bottombg.gif'); 
background-repeat: no-repeat;
}
#footer {
width: 922px;
height: auto;
clear: both;
float: left;
margin: 0;
padding: 10px 0 10px 0;
background-color: transparent;
margin-right: auto;
margin-left: auto;
text-align: center;
font-size: 86%;
}
.footer a,a:visited {
text-decoration: none; 
font-weight: normal; 
color: #333333;
}
.footer a:hover {
text-decoration: underline; 
font-weight: normal; 
color: #ffffff;
}
#cc {
width: 210px;
background-color: #ffffff; 
float: left;
margin: 15px 0 10px 0;
font-size: 100%;
display: block;
text-align: center;
clear: right;
}
fieldset.cc {
width: 190px;
padding: 10px 10px 5px 10px;
min-height: 110px;
}
#check {
width: 210px;
background-color: #ffffff; 
float: left;
margin: 15px 0 10px 15px;
font-size: 100%;
display: block;
text-align: center;
clear: right;
} 
fieldset.check {
width: 190px;
padding: 10px 10px 5px 10px;
min-height: 110px;
}
#ecreditselected {
width: 460px;
background-color: #ffffff; 
font-size: 100%;
} 
fieldset.ecreditselected {
width: 475px;
padding: 10px 10px 5px 10px;
float: left;
clear: right;
margin-top: 14px;
margin-left: 15px;
font-size: 95%;
min-height: 110px;
}
fieldset.calendar {
width: 710px;
}
#headcontainer2 {
width: 929px;
height: 55px;
clear: both;
float: left;
margin: 0;
}
#welcometop {
width: 900px;
height: 55px;
float: left;
clear: right;
font-size: 125%;
} 
img.top-left-bg {
width: 15px;
height: 292px;
}
#content { 
width: 780px;
height: 100%;
background-color: transparent; 
background-repeat : repeat-y; 
float: left;
margin-right: 0px;
overflow-x: hidden;
} 
span.datetime {
font-size: 95%; 
font-weight: bold;
}
span.detailname {
font-size: 92%;
font-weight: bold;
}
span.detailcontent {
font-size: 92%;
font-weight: normal;
}
.eventdetails {
font-size: 95.5%;
padding: 0 15px 0 10px;
}
.eventspacer {
width: auto;
min-height: 7px;
}
fieldset.eventleft {
width: 451px;
padding: 5px 7px 5px 7px;
margin: 0px 0 5px 0;
}
fieldset.eventright {
width: 223px;
min-height: 325px;
padding: 10px 7px 7px 7px;
}
.eventrightspacer {
width: auto;
min-height: 10px;
}
fieldset.map {
width: 237px;
max-height: 315px;
padding: 0px 0px 0px 0px;
}
div.adright {
width: 237px;
height: 206px;
margin: 10px 10px 7px 21px;
float: left;
clear: right;
}
fieldset.infoleft {
width: 451px;
padding: 5px 7px 5px 7px;
margin: 0px 0 5px 0;
}
fieldset.infoleft2 {
width: 451px;
padding: 5px 7px 5px 7px;
margin: 0px 0 5px 0;
min-height: 350px;
}
fieldset.inforight {
width: 223px;
min-height: 280px;
padding: 10px 7px 7px 7px;
}
div.control {
width: 111px;
text-align: center;
margin: 0 auto 2px auto;
}
div.control2 {
width: 111px;
text-align: center;
margin: 10px auto 2px auto;
}
img.control {
width: 111px;
height: 25px;
}
.eventdateshow {
font-size: 11px;
}
img.event {
display: block;
border: 1px solid #999999;
margin: 10px auto 10px auto;
}
.googlemap {
margin-left: 75px;
margin-right: 75px;
}
#upcomingevents {
font-size: 11px;
width: auto;
float: left;
padding: 15px 0 0 10px;
}
span.newclub {
font-weight: bold;
color: #458B00;
}
.accordiontop {
width: 750px;
}
.messageshow {
width: 755px;
font-size: 11px;
color: #999999;
}
#bottomcontainer {
width: 960px;
height: 17px;
}
#copyright {
width: 960px;
text-align: center;
font-size: 10px;
}
#copyright a {text-decoration: none; font-size: 11px; font-weight: normal; color: #666666;}
#copyright a:visited,active {text-decoration: none; font-size: 10px; font-weight: normal; color: #666666;}
.accordionheaders { margin-top: 1.5em; font-size: 1.3em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.applemenu {
margin: 0 0 0 0;
padding: 0;
width: 699px; /*width of menu*/
border: 0x;
}
.applemenu div.silverheader a {
background:  url(http://www.fun4singles.com/members/images/bkgrd-accordion.gif) repeat-x center left;
font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.applemenu span.silverheaderreg a{
color: #6666CC;
font-weight: bold;
}
.applemenu div.silverheader a:active {
color: #0a94d6;
cursor:pointer;
}
.applemenu div.silverheader a:visited {
color: #000000;
cursor:pointer;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(http://www.fun4singles.com/members/images/bkgrd-accordion.gif);
color: #0a94d6;
cursor:pointer;
border-top: 1px solid #fbd850; 
border-right: 1px solid #fbd850; 
border-bottom: none; 
border-left: 1px solid #fbd850; 
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: #ffffff;
background: url(http://www.fun4singles.com/members/images/acc-bkgrd-content.gif) repeat-x bottom;
padding: 5px;
border-top: none; 
border-right: 1px solid #fbd850; 
border-bottom: 1px solid #fbd850; 
border-left: 1px solid #fbd850; 
height: auto; /*Height that applies to all sub menu DIVs. 
}
