/* CSS Document */

body {
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
background-color:#e8e8e8;
line-height: 1em;
}

#wrapper { 
background-color:#e8e8e8;
width: 100%;
height: 100%;
}

#greytop {
height: 10px;
background-color:#999999;
}
#head1 {
width: 1000px;
margin: 0 auto;
}

#header {
background-image:url(/images/HeaderBackground.gif);
background-repeat:repeat-x;
height: 120px;
white-space:nowrap; 
clear:none;
}



.col1 {
padding-top: 40px;
float: left;
width: 400px;
}

.col2 {
float:left; 
margin: 28px 0 0 85px;
font-size: 12px;
width: 210px;
}

.col3 {
float:left;
margin: 28px 0 0 15px;
font-size: 11px;
width: 230px;
}


.col3in {
float:left;
margin: 0px 0 0 270px;
font-size: 11px;
width: 330px;
}

.forgotpw a{color: #417b2e;}

#main {
background-image:url(/images/HomepageSunrays.jpg);
background-position:top right;
background-repeat: no-repeat;
height: 270px;
}

#innermain {
background-image:url(/images/BackgroundSunrays.jpg);
background-position:top right;
background-repeat: no-repeat;
}

#reflection {
background-image:url(/images/HomepageSunraysReflection.jpg);
background-repeat: no-repeat;
background-color:#E8E8E8;
height: 260px;
}

#biker {
background-image:url(/images/FigureBiker.png);
background-repeat:no-repeat;
width: 78px;
height: 105px;
position:absolute;
margin: -35px 0 0 90%;
}

#walkers {
background-image:url(/images/FigureFatherDaughter.png);
background-repeat:no-repeat;
width: 49px;
height: 122px;
position:absolute;
margin: -45px 0 0 10%;
}

#group {
background-image:url(/images/FigurePeople.png);
background-repeat:no-repeat;
width: 293px;
height: 207px;
position:absolute;
margin: -25px 0 0 20%;
}

#adsbg {
background-image:url(/images/SignupBox.png);
background-repeat:no-repeat;
width: 340px;
height: 290px;
font-size: 13px;
}

#signup {
background-image:url(/images/SignupBox.png);
background-repeat:no-repeat;
width: 340px;
height: 290px;
position:absolute;
margin: -133px 0 0 52%;
font-size: 13px;
}

#innertext{margin-top: 20px;}

#innertext img {margin-left: 88px; }

.lghead1 {
font-size:25px;
margin-left: 150px;
}

.smhead1{
margin-left: 110px;
}

.lghead2 {
font-size:25px;
margin-left: 145px;
}


.smhead2{
margin-left: 130px;
}

.lghead3 {
font-size:25px;
margin-left: 130px;
}


.smhead3{
margin-left: 85px;
}

.lghead4 {
font-size:25px;
margin-left: 35px;
}

#footer {
width:980px;
margin: 0 auto;
margin-top: -40px;
}

#footer li {
float:left;
list-style-type: none;
padding-right: 15px;
font-size: 11px;
}

#maincontentarea {
background-image: url(/images/BackgroundSunrays.jpg);
background-position:top right;
background-repeat: no-repeat;
height: 100%;
background-color:#d1e3ed;
}

#footer li#firstone {padding-left: 10px;}

#footer li#lastone {padding-left: 350px;}


#tabs ul {padding-left: 20px; padding-bottom: 15px; padding-top: 30px;}

#tabs ul li a{
background-image:url(/images/NavigationTabInactive.png);
background-repeat: no-repeat;
float:left;
width: 100px;
height: 20px;
font-size: 12px;
margin: 5px 2px 0px 0px;
padding: 3px 0 0 0px;
color: white;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#tabs ul li.activeone a{
background-image:url(/images/NavigationTabActive.png);
background-repeat: no-repeat;
height: 30px;
margin-top: 0px;
padding-top: 8px;
color: #3d87ab;
}


#tabs ul li a:hover{
background-image:url(/images/NavigationTabActive.png);
background-repeat: no-repeat;
height: 30px;
margin-top: 0px;
padding-top: 8px;
color: #3d87ab;
}

#tabs ul li {float:left;}

#tabssettings ul {padding-left: 14px; padding-bottom: 15px; padding-top: 30px;}

#tabssettings ul li a{
background-image:url(/images/NavigationTabInactive.png);
background-repeat: no-repeat;
float:left;
width: 100px;
height: 20px;
font-size: 12px;
margin: 6px 2px 0px 0px;
padding: 3px 0 0 0px;
color: white;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#tabssettings ul li {float:left;}

#tabssettings ul li.activeone a{
background-image:url(/images/NavigationTabActive.png);
background-repeat: no-repeat;
height: 30px;
margin-top: 0px;
padding-top: 8px;
color: #3d87ab;
}


#tabssettings ul li a:hover{
background-image:url(/images/NavigationTabActive.png);
background-repeat: no-repeat;margin-top: 0px;
padding-top: 8px;
height: 30px;
color: #3d87ab;
}

#loggedoffcontent {
width: 980px;

}
#topcontent {
width: 660px;
height: 20px;
background-image:url(/images/ContentAreaCurveTop.png);
background-repeat: no-repeat;
margin-top: 0px;
padding-top: 0px;
}
#bottomcontent {
width: 660px;
height: 20px;
background-image:url(/images/ContentAreaCurveBottom.png);
}
#topcontentsettings {
width: 340px;
height: 30px;
background-image:url(/images/SettingsPanelTopBackground.png);
margin-top: 0px;
padding-top: 0px;
}
#bottomcontentsettings {
width: 340px;
height: 30px;
background-image:url(/images/SettingsPanelBottomBackground.png);
}
#contentareasettings {
background-image:url(/images/SettingsPanelSideBackground.png);
background-repeat: repeat-y;
width: 340px;
padding: 0px 35px 0px 25px;
}
#contentarea {
background-image:url(/images/ContentAreaSideGlow.png);
background-repeat: repeat-y;
width: 660px;
padding: 0px 35px 5px 25px;
}
#contentarea p {
font-size: 12px;
padding: 10px 50px 10px 20px;
}
#contentareasettings p {
font-size: 12px;
padding: 10px 50px 0px 20px;
}
p .header {
font-size: 18px;
color: #3d87ab;
font-weight: bold;
}
.headline{
font-size: 18px;
color: #3d87ab;
font-weight: bold;
}
.header2 {
font-size: 15px;
color: #3d87ab;
}
#column1 {
float:left;
z-index: 100;
width: 660px
}
#column2 {
width:360px;
padding: 20px 0 0 0px;
margin: 0 0 0 660px;
z-index: 1;
}
#column2loggedin {
width:360px;
padding: 0px 0 0 0px;
margin: 0 0 0 660px;
z-index: 1;
}
#bodyinfo {
width: 1020px;
margin: 0 auto;
}
#ad1 {
}

#ad1 img {
padding: 20px 0 0 20px;
}
#ad1 img#Image6 {
position:absolute;
margin-top: 20px;
margin-left: -8px;
}

#ad2 {
}

#ad2 img {
padding: 20px 0 0 20px;
}

#ad2 img#Image7 {
position:absolute;
margin-top: 20px;
margin-left: -8px;
}
#ad1btn {
position:absolute;
padding: 350px 0 0 1000px;
width: 25px;
height: 95px;
z-index: 3;
}

#ad2btn {
position:absolute;
padding: 640px 0 0 1000px;
width: 25px;
height: 95px;
z-index: 2;
}
#bottomhills{
background-image:url(/images/BackgroundBottomhills.jpg);
height: 160px;
}

#logoutleft {
background-image:url(/images/logouttableftcorner.png);
background-repeat: no-repeat;
width: 12px;
height: 31px;
float:left;
}
#logout{
background-image:url(/images/logouttabbackground.png);
background-repeat: repeat-x;
float:left;
height: 31px;
padding: 5px 5px 0 5px;
color: white;
}
#logoutright{background-image:url(/images/logouttabrightcorner.png);
background-repeat: no-repeat;
width: 12px;
height: 31px;
float:left;
}
#myneighborhood {
float:left;
padding-top: 20px;
}
#ad1loggedin {
}
#ad2loggedin {
}

#ad1loggedin img {
padding: 20px 0 0 20px;
}
#ad1loggedin img#Image6 {
position:absolute;
margin-top: 20px;
margin-left: -8px;
}

#ad2loggedin img {
padding: 20px 0 0 20px;
}
#ad2loggedin img#Image7 {
position:absolute;
margin-top: 20px;
margin-left: -8px;
}
#myhomepage {
float:left;
padding: 10px 0 0 0;
}
#myneighborhood {
padding: 10px 0 0 20px;
}
.profilename {
font-size: 12px;
color: #3d87ab;
}
#profiletext {
float:left;
margin-left: 0px;
}
#profiletext p {
float: left;
padding: 10px 10px 10px 20px;
}
#bluebg {background-image:url(/images/contentbgblue.jpg);
position:right;
background-repeat: repeat-y;}

#tabs ul li#profile {padding-left: 175px;}
#householdtext {padding-top: 10px;}
#neighborstext {padding-top: 10px;}
#friendstext {padding-top: 10px;}
#conversationstext {padding-top:10px;}
#imgside {float:left; padding-right: 10px; width:45px; height: 70px;}
#convo {font-size:11px; width: 525px; margin-left: 20px;}
#indentedconvo {margin-left: 20px;}
#reviewstext {padding-top:10px;}