body {  
  font-family:  arial, serif, sans-serif;
  background-color:#80adff;
/* background-image:url(uwooback4.gif); */
   width:762px;
 margin-left: auto; margin-right: auto;
}



div.mainpage {
  position:absolute; 
  background-image:url(./images/Uwoobackground12.jpg);
  background-repeat:no-repeat;
  text-align:left;
  font-family: arial, serif, sans-serif;
  width:760px;
  height:1340px;
  background-color:#ffffff;
  z-index:1
  
 margin-left: auto; margin-right: auto; 
}


div.mainpagebottombit{
position:absolute;
text-align:left;
width:740px;
left:10px;
top:860px;
height:480px;
z-index:2;
}


div.mainpageblank {
  position:absolute; 
  background-image:url(Uwoobackgroundblank.jpg);
  text-align:left;
  font-family: arial, serif, sans-serif;
  width:760px;
  height:840px;
  background-color:#ffffff;
  z-index:1;
  
 margin-left: auto; margin-right: auto; 
}



#wld_badge_wrapper { width: 550px; overflow: hidden; } 
#wld_badge_inner { padding: 5px 0 5px 5px; } 
.wld_badge_item { float: left; margin: 0 10px 0 0; padding: 0; } 
.wld_badge_item img { border: 2px solid #80adff; } 
.wld_badge_item_detail { margin-top: 5px; font-size: 75%; width: 90px; overflow: hidden; } 
.wld_badge_clear { clear: both; } 





div.tempupdateline {
position:absolute;
top:150px;
left:10px;
height:80px;
width:auto;
background-color:blue;
}

div.new_member_header{
position:absolute;
/*background-color:green;*/
top:150px;
height:70px;
width:550px;
overflow:hidden;
}

div.new_members{
  position:absolute;
/*background-color:black;*/
  top:220px;
  left:15px;
  width:534px;
  height:132px;
  overflow:hidden;
}





div.mainpagewhyus {
  position:absolute; 
  text-align:left;
  font-family: arial, serif, sans-serif;
  background-color:#c0c0c0;
  width:760px;
  
  height:1000px;
  z-index:1;
  margin-left: auto; margin-right: auto; 
}

div.rbox {
  position:absolute;
  text-align:left;
  width:180px;
  height:140px;
  left:575px;
  top:155px;
  z-index:2;
}

div.singleheader {
  position:absolute;
  background-image:url(headerwithbar.jpg);
  text-align:left;
  font-family: arial, serif, sans-serif;
  width:760px;
  height:136px;
  background-color:#ffffff;
  z-index:1;
  top:0px;
  left:0px;
}


div.singlefooter {
  position:absolute;
  background-image:url(footerwithwords1.jpg);
  text-align:left;
  font-family: arial, serif, sans-serif;
  width:760px;
  height:68px;
  background-color:#ffffff;
  z-index:1;
  top:942px;
  
}

div.linkbar{
  position:absolute; 
/*background-color:white;*/
  top:100px;
  left:0px;
  width:760px;
  height:36px;
  z-index:3;
  font-size:12px;
  }

div.homelink{
  position:absolute; 
  background-color:transparent;
  
  top:14px;
  left:10px;
  width:50px;
  height:16px;
  z-index:4;
  }

div.whyuslink{
position:absolute; 
  color:white;
  top:14px;
  left:70px;
  width:90px;
  height:16px;
  z-index:2;
}

div.loginlink{
position:absolute; 
  color:white;
  top:14px;
  left:70px;
  width:50px;
  height:16px;
  z-index:2;
}



div.joinlink{
position:absolute; 
  color:white;
  top:14px;
  left:135px;
  width:70px;
  height:16px;
  z-index:2;
}

div.sitemap{
position:absolute; 
  color:white;
  top:14px;
  left:215px;
  width:60px;
  height:16px;
  z-index:2;
}

div.testimonials{
position:absolute; 
  color:white;
  top:14px;
  left:290px;
  width:80px;
  height:16px;
  z-index:2;
}

div.datingtips{
  position:absolute; 
  color:white;
  top:14px;
  left:390px;
  width:90px;
  height:16px;
  z-index:2;
}

div.bio{
  position:absolute; 
  color:white;
  top:14px;
  left:484px;
  width:80px;
  height:16px;
  z-index:2;
}

div.adu{
  position:absolute; 
  color:white;
  top:14px;
  left:584px;
  width:80px;
  height:16px;
  z-index:2;
}


div.rubrica{
  position:absolute; 
  display:block;
  font-size:12px;
  color:#000000;
  top:136px;
  left:3px;
  width:754px;
  z-index:3;
  overflow:hidden;
  }

div.rubricrecipe{
  position:absolute; 
  display:block;
  font-size:13px;
  color:#000000;
  top:136px;
  left:3px;
  width:754px;
  height:550px;
  z-index:3;
  overflow:auto;
  }

div.headinga{
  position:absolute; 
  display:block;
  
  font-size:24px;
  color:#000000;
  top:140px;
  left:6px;
  width:748px;
  height:40px;  
  z-index:3;
  }

div.line1{
  position:absolute; 
  display:block;
  
  font-size:12px;
  color:#000000;
  top:180px;
  left:8px;
  width:561px;
  height:26px;  
  z-index:3;
  }

div.line2{
  position:absolute; 
  display:block;
    
  font-size:12px;
  color:#000000;
  top:206px;
  left:8px;
  width:561px;
  height:26px;  
  z-index:3;
  }

div.line3{
  position:absolute; 
  display:block;
    
  font-size:12px;
  color:#000000;
  top:232px;
  left:8px;
  width:561px;
  height:26px;  
  z-index:3;
  }

div.line4{
  position:absolute; 
  display:block;
    
  font-size:12px;
  color:#000000;
  top:258px;
  left:8px;
  width:561px;
  height:26px;  
  z-index:3;
  }

div.line5{
  position:absolute; 
  display:block;
    
  font-size:12px;
  color:#000000;
  top:284px;
  left:8px;
  width:561px;
  height:26px;  
  z-index:3;
  }

div.line6{
  position:absolute; 
  display:block;
    
  font-size:12px;
  color:#000000;
  top:310px;
  left:8px;
  width:561px
  height:26px;  
  z-index:3;
  }

div.line7{
  position:absolute; 
  display:block;
    
  font-size:12px;
  color:#000000;
  top:336px;
  left:8px;
  width:561px;
  height:26px;  
  z-index:3;
  }

/*div.difflink{
  
  
}*/

.difflink a:link {color:black;text-decoration:underline},
.difflink a:active{color:black;text-decoration:underline},
.difflink a:visited {color:black;text-decoration:underline}
.difflink a:hover {color:blue}


div.difflink1{
  
  
}
.difflink1 a:link {color:black;text-decoration:none}
.difflink1 a:active{color:black;text-decoration:none},
.difflink1 a:visited {color:black;text-decoration:none}
.difflink1 a:hover {color:red}


div.recipelinks{
  position:absolute; 
  display:block;
  
}
.recipelinks a:link {color:red;text-decoration:underline}
.recipelinks a:active{color:red;text-decoration:underline}
.recipelinks a:visited {color:red;text-decoration:underline}
.recipelinks a:hover {color:blue}

div.searchbox{
  position:absolute; 
  display:block;
/* background-color:yellow;  */
  font-size:16px;
  color:#000000;
  top:420px;
  left:240px;
  width:295px;
  height:144px;  
  z-index:3;
  }


div.searchbox1{
  position:absolute; 
  display:block;
/*  background-color:white;  */
  font-size:16px;
  color:#000000;
  top:30px;
  left:20px;
  width:304px;
  height:135px;  
  z-index:3;
  }



div.bottombit{
/*background-color:red;*/
  position:absolute; 
  top:640px;
  left:20px;
  width:720px;
  height:200px;  
  z-index:2;
  }


div.searchpic{
  position:absolute; 
 /* background-image:url(searchpic.gif);  */
background-color:yellow;
  left:10px;
  width:330px;
  height:200px;  
  z-index:2;
  }


/*
div.searchbox1{
  position:absolute; 
  display:block;
  font-size:16px;
  color:#ffffff;
  left:10px;
  top:48px;
  width:304px;
  height:180px;  
  z-index:3;
  }
*/

div.midbox1{
  position:absolute; 
  color:white;
  top:0px;
  font-size:13px;
  left:400px;
  width:250px;
  height:62px;
  z-index:4;
 
}
div.midbox2{
  position:absolute; 
  color:white;
  bottom:0px;
  font-size:13px;
  left:400px;
  width:250px;
  height:62px;
  z-index:4;
 
}

div.box1{
  position:absolute; 
  
 /*  background-color:blue;  */
  font-size:15px;
 
  top:3px;
  left:2px;
  width:50px;
  height:20px;  
  z-index:3;
}

div.box2{
  position:absolute; 
  
 /* background-color:pink;  */
  font-size:15px;
 
  top:0px;
  left:95px;
  width:200px;
  height:28px;  
  z-index:3;
}

div.box3{
  position:absolute;   
 /*  background-color:orange;  */
  font-size:15px;
 
  top:38px;
  left:2px;
  width:60px;
  height:20px;  
  z-index:3;
}

div.box4{
  position:absolute; 
  
 /*  background-color:green;  */
  font-size:15px;
 
  top:38px;
  left:95px;
  width:200px;
  height:28px;  
  z-index:3;
}

div.box5{
position:absolute; 
  
 /*  background-color:lightblue; */ 
  font-size:15px;
   top:74px;
  left:2px;
  width:60px;
  height:20px;  
  z-index:3;
}

div.box6{
  position:absolute; 
  
 /*  background-color:gray;  */
  font-size:15px;
  
  top:74px;
  left:95px;
  width:200px;
  height:28px;  
  z-index:3;
}
div.box7{
  position:absolute; 
  
 /* background-color:purple;  */
  font-size:15px;
 
  top:115px;
  left:200px;
  width:90px;
  height:29px;  
  z-index:3;
}

div.midbox{
  position:absolute; 
  color:white;
  top:600px;
  font-size:13px;
  left:250px;
  width:746px;
  height:62px;
  z-index:2;
 background-color:transparent;
}

div.comp{
  position:absolute; 
  color:black;
  font-size:13px;
  top:10px;
  left:540px;
  
  z-index:2;
}

.comp a:link {color:transparent;text-decoration:none}
.comp a:active {color:transparent;text-decoration:none}
.comp a:visited{color:transparent;text-decoration:none}
.comp a:hover {color:transparent}


div.login2link{
  position:absolute;
/*background-color:red; */
  display:block;
  font-size:12px;
  top:200px;
  left:580px;
  width:160px;
  height:150px;

}



table {width:100%;text-align:center;}
 th { width:33%; color:#000000; font-size:150%; height:40px;}
 td { width:33%; height:34px; text-align:center; font-weight:bold; }


a:visited {
  text-decoration:none;
  color:#ffffff;  
}

a:link {
  text-decoration:none;
  color:#ffffff;
}

a:hover {
  text-decoration:none;
  color:red;
}

a:active {
  text-decoration:none;
  color:#ffffff;  
} 

/*
.login1link
{
position: absolute;
font-family: arial, helvetica, sans-serif;
background: url(./images/orangelogin4.jpg); no-repeat;

display: block;
left:600px;
top:200px;
width: 140px;
height: 50px;
margin: 0;
padding: 0;
}

.login1link a
{
display: block;
color: #000000;
font-size: 11px;
width: 140px;
height: 50px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.login1link img
{
width: 140px;
height: 50px;
border: 0;
}

* html a:hover
{
visibility:visible
}

.login1link a:hover img
{
visibility:hidden
}

.login1link span
{
position: absolute;
left: 10px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 
*/

div.login1link
{
position: absolute;

/*background: url(./images/orangelogin4.jpg); no-repeat;*/
/*white-space: nowrap;*/

/*font-size:15px;*/
left:590px;
top:300px;
width: 140px;
height: 50px;
z-index:3;
/*background-color:red;*/
}

div.login3link{
  position:absolute;
/*background-color:red; */
  font-size:15px;
  top:203px;
  left:580px;
  width:50px;
  height:30px;

}
div.login4link{
  position:absolute;
/*background-color:red; */
  font-size:15px;
  top:253px;
  left:580px;
  width:50px;
  height:30px;

}
div.login5link{
  position:absolute;
/*background-color:pink; */
  font-size:15px;
  top:200px;
  left:630px;
  width:110px;
  height:30px;

}
div.login6link{
  position:absolute;
/*background-color:red; */
  font-size:15px;
  top:250px;
  left:630px;
  width:110px;
  height:30px;

}

.join1link
{
position: absolute;
font-family: arial, helvetica, sans-serif;
background: url(./images/orangejoinbutton4.jpg) no-repeat;
/*white-space: nowrap;*/
display: block;
top:598px;
left:230px;
width: 250px;
height: 60px;
margin: 0;
padding: 0;
}

.join1link a
{
display: block;
color: #000000;
font-size: 11px;
width: 250px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.join1link img
{
width: 250px;
height: 60px;
border: 0;
}

* html a:hover
{
visibility:visible
}

.join1link a:hover img
{
visibility:hidden
}

.join1link span
{
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.join2link
{
position: absolute;
font-family: arial, helvetica, sans-serif;
background: url(./images/orangejoinbutton4.jpg) no-repeat;
white-space: nowrap;
display: block;
top:60px;
left:400px;
width: 250px;
height: 60px;
margin: 0;
padding: 0;
}

.join2link a
{
display: block;
color: #000000;
font-size: 11px;
width: 250px;
height: 60px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.join2link img
{
width: 250px;
height: 60px;
border: 0
}

* html a:hover
{
visibility:visible
}

.join2link a:hover img
{
visibility:hidden
}

.join2link span
{
position: absolute;
left: 10px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

.search1link
{
position: absolute;
font-family: arial, helvetica, sans-serif;
background: url(searchblue3.jpg) no-repeat;
white-space: nowrap;
display: block;
top:600px;
left:230px;
width: 90px;
height: 29px;
margin: 0;
padding: 0;
}

.search1link a
{
display: block;
color: #000000;
font-size: 11px;
width: 90px;
height: 29px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.search1link img
{
width: 90px;
height: 29px;
border: 0
}

* html a:hover
{
visibility:visible
}

.search1link a:hover img
{
visibility:hidden
}

.search1link span
{
position: absolute;
left: 10px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

div.bookmark{
position:absolute; 
font-family: arial, helvetica, sans-serif;
background: url(./images/redbookmark.jpg) no-repeat;
white-space: nowrap;
display: block;
top:150px;
left:680px;
width: 69px;
height: 10px;
margin: 0;
padding: 0;
}


.bookmark a
{
display: block;
color: #000000;
font-size: 11px;
width: 69px;
height: 10px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.bookmark img
{
width: 69px;
height: 10px;
border: 0
}

* html a:hover
{
visibility:visible
}

.bookmark a:hover img
{
visibility:hidden
}

.bookmark span
{
position: absolute;
left: 10px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

div.bookmark1{
position:absolute; 
font-family: arial, helvetica, sans-serif;
background: url(./images/redbookmark.jpg) no-repeat;
white-space: nowrap;
display: block;
top:10px;
left:680px;
width: 69px;
height: 10px;
margin: 0;
padding: 0;
}


.bookmark1 a
{
display: block;
color: #000000;
font-size: 11px;
width: 69px;
height: 10px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.bookmark1 img
{
width: 69px;
height: 10px;
border: 0
}

* html a:hover
{
visibility:visible
}

.bookmark1 a:hover img
{
visibility:hidden
}

.bookmark1 span
{
position: absolute;
left: 10px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 




.input {
    border: 1px solid #006;
    background: #fff;
}
.input:hover {
    border: 1px solid #ff7d01;
    background: #bdd3fc;
}
.button {
    border: none;
    background: url('orangelogin1.jpg') no-repeat top left;
	width:140px;
	height:50px;
    /*padding: 2px 8px;*/
}
.button:hover {
    border: none;
    background: url('./images/orangelogin4.jpg') no-repeat top left;
width:140px;
	height:50px;
  /*  padding: 2px 8px; */
}

/*label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }*/

