/* diet.css
   width = 984 (includes 10px margins)
   narrow cols = 180
   wide cols = 624 (divided 1x, 2x, 3x, 4x) */

/* rev. 07-23-07 */

/*border: 1px solid #909090;*/

/*
* {
margin: 0 auto;
padding: 0;
}
*/

body {
margin: 0 auto;
padding: 0;
background-color: #000050;
text-align: center;
}


#page {
width: 984px;
margin: 0 auto;
background-color: white;
font-family: Georgia, serif;
font-size: 13px;
line-height: 140%;
text-align: left;
}

#header_ad {
width: 728px;
height: 90px;
margin: 10px 0 0 128px;
text-align: center;
}

#header {
width: 964px;
background-color: white;
text-align: left;
margin: 0 auto;
padding: 10px;
font-size: 16px;
}

#main {
width: 984px;
margin: 0 auto;
padding: 0;
background-color: white;
}

#column_left {
float: left;
width: 160px;
margin: 0;
padding: 10px;
background-color: white;
}

#column_right {
float: left;
width: 180px;
margin-left: 0px;
padding: 10px;
background-color: white;
text-align: center;
}

#signup {
width: 178px;
height: 125px;
margin-top: -10px;
margin-bottom: 10px;
border: 1px solid #909090;
background-color: gold;
text-align: center;
}

#column_middle {
float: left;
width: 604px;
margin-left: 0px;
padding: 0;
background-color: white;
}

.summary {
width: 604;
min-height: 150px;
border: 1px solid #909090;
margin-bottom: 10px;
padding: 10px;
}

img.thumb {
float: right;
margin-left: 10px;
}

#footer {
width: 984px;
text-align: center;
}

.contents {
width: 604;
min-height: 150px;
border: 1px solid #909090;
margin-bottom: 10px;
padding: 10px;
}

/* remove when finished programming */
.photo {
float: left;
margin: 0 10px 10px 0;
text-align: left;
font-size: 11px;
line-height: 110%;
}

.photo_left {
float: left;
margin: 0 10px 10px 0;
text-align: left;
font-size: 11px;
line-height: 110%;
}

.photo_right {
float: right;
margin: 0 0 10px 10px;
text-align: left;
font-size: 11px;
line-height: 110%;
}



p {
font-family: Georgia, serif;
font-size: 13px;
line-height: 140%;
margin: 12px 0 0 0;
}

p.more {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
margin: 4px 0 0 0;
}

p.nav {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 140%;
margin: 0 0 12px 0;
}




.whiteText {
color:#FFFFFF;
}

a:hover {
color:#FF0000;
text-decoration: none
}

a:link {
text-decoration: none
}

a:link.blue {
color: blue;
text-decoration: none;
}

a:visited {
text-decoration: none
}

a:visited.maroon {
color: maroon;
text-decoration: none;
}

a:visited.blue {
color: maroon;
text-decoration: none;
}

a:hover.white {
color: white;
background-color: #FF0000;
text-decoration: underline;
}

a:link.white {
color: white;
text-decoration: none
}

a:visited.white {
color: yellow;
text-decoration: none;
}

div.logo {
font-family: Arial, Helvetica;
color: #FFFFFF;
margin-top: 0;
margin-left: 0;
}

div.logobak {
position: absolute;
margin-top: 0;
margin-left: 0;
z-index: 1;
}

div.hq {
position: absolute;
margin-top: 60;
margin-left: 68;
z-index: 0;
}

font.body {
font-size: 90%;
}

font.logo {
font-family: Arial, Helvetica;
font-size: 140%;
font-weight: bold;
color: #0000BB;
font-weight: bold;
}

font.medium {
font-family: Arial, Helvetica;
font-size: 75%;
font-weight: bold; color: #0000BB
}

font.motto {
font-size: 90%;
color: #0000BB;
}

font.small {
font-family: Arial, Helvetica;
font-size: 7pt;
font-weight: bold; color: #0000BB
}

font.tiny {
font-family: Arial, Helvetica;
font-size: 60%;
}

h1 {
font-size: 180%;
}

h2 {
font-size: 160%;
}

h3 {
/*font-family: Verdana, Geneva, sans-serif;
font-weight: 800;
font-size: 16px;
*/
font-size: 140%;
margin-top: 12px;
margin-bottom: 4px;
}

h4 {
font-size: 120%;
}

h5 {
font-size: 110%;
}

h6 {
font-size: 100%;
}

td {
vertical-align: top
}

td.logo {
vertical-align: middle;
text-align: center;
border-right:solid white 1px;
border-top:solid #0000BB 2px;
border-bottom:solid #0000BB 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #FFFFFF;
font-weight: bold;
}

td.logo_home {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_diabetes {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_news {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_diets {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_menus {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_recipes {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_fitness {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_newsletters {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid white 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logo_help {
background-color: gold;
text-align: center;
vertical-align: middle;
border-right:solid #0000BB 1px;
border-top:solid gold 2px;
border-bottom:solid gold 2px;
font-size: 80%;
font-family: Arial, Helvetica;
color: #0000BB;
font-weight: bold;
}

td.logoend {
vertical-align: middle;
border-right:solid #0000BB 1px;
border-top:solid #0000BB 2px;
border-bottom:solid #0000BB 2px;
text-align: center;
font-size: 80%;
font-family: Arial, Helvetica;
color: #FFFFFF;
font-weight: bold;
}