#navcontainer {font-size:  .8em; margin-top:  20px; width:  250px;}
body {margin: 0; background:  url('images/mainbg.jpg');  background-repeat: repeat-x; font-family:  tahoma, verdana, arial, sans-serif; color: #4F4F4F;}
h1 {font-size:  16pt;}

#seasonHeadline {margin: 6px 0 6px 0; color: #CC9933;}

#arrow li{list-style-image: url(images/pointer.png); margin:  0; padding: 0;}
#arrow{list-style-position:  outside;}
a{text-decoration:underline; color:  #009999}
a:hover{text-decoration:none;}

.pointerLink {margin:  6px 0 0 4px;}
.clear {clear:  both; font-size:  0;}
.center {text-align:  center;}
.right {text-align:  right;}
.result {color:  red; font-weight:  bold; font-size:  .75em;}
.red{color:  red;}

#topsplash {width:  770px; margin:  auto; height:  289px; background:  url('images/topbg.jpg'); padding:  0;}
#welcomesplash {width:  770px; margin: 2px auto; background: url('/images/welcome.jpg'); background-repeat:  no-repeat;}
#homesplashText {float:  left; padding:  40px 0 0 240px; font-size:  .75em; width:  300px;}

#homeTable {width:  770px; margin: 14px auto; font-size:  .75em;}

#homeCellLeft {width:  255px; padding-right:  10px;}
#homeCellCenter {border-left:  1px dotted gray; border-right:  1px dotted gray; width:  255px; padding: 0 10px 0 10px;}
#homeCellRight {width:  225px; padding-left:  10px;}

/*#ownerBox {width:  255px; height:  122px; background: url('images/elaine_home.jpg'); background-repeat:  no-repeat; margin-top:  10px;}
#ownerBoxText {padding: 44px 0 0 98px;}
*/

#ownerBox {width:  255px; height:  122px; margin-top:  10px;}
#ownerBoxText {}


#navlist li {list-style-type:  none; padding-bottom: 4px; padding-left: 10px; padding-top:  4px; background-repeat: no-repeat; border-bottom:  1px dotted white;}
#navlist a { padding-left: 20px; padding-bottom: 14px; text-decoration: none; }
#navlist a:link, #navlist a:visited { color: white; padding-left: 20px; background: url(/images/navarrow.png); background-repeat: no-repeat; background-position: 0 -14px;}   
#navlist a:hover { color: #ffcc66; padding-left: 20px; background: url(/images/navarrowOn.png); background-repeat: no-repeat; background-position: 0 -14px;}   


#graystripe {margin-top:  2px; background-color:  #999999; font-size:  6px; height:  6px;}

a.loginTitle:link {text-decoration:  none; color:  #999999; font-weight:  bold;}
a.loginTitle:visited {text-decoration:  none; color:  #999999; font-weight:  bold;}
a.loginTitle:hover {text-decoration:  none; color:  #999999; font-weight:  bold;}
a.loginTitle:active {text-decoration:  none; color:  #999999; font-weight:  bold;}

a.hidden:link {text-decoration:  none; color:  #4F4F4F;}
a.hidden:visited {text-decoration:  none; color:  #4F4F4F;}
a.hidden:hover {text-decoration:  none; color:  #4F4F4F;}
a.hidden:active {text-decoration:  none; color:  #4F4F4F;}

#loginBox {border:  1px solid gray; background-color:  #f5f5f5;  width:  400px; margin: 8px auto; font-size: .8em;}
#loginForm {margin:  auto; width:  190px;}
.logresult {font-size:  .9em; color: red;}

#errorList { margin-bottom:  15px; color: red; padding:  0; margin: 0 0 12px 0; font-weight:  bold;}
#errorList li {list-style-image: url(/images/warning.gif); list-style-position:  inside;}

#aboutContainer {width:  770px; margin: 2px auto; font-size:  .75em;}
#servicesBox {float:  left; width:  250px; padding: 10px 0 10px 0;}
#servicesIllustrate {float:  left; width:  87px;}
#servListHolder {float: left; width:  163px;}
#servList {margin:  16px 0 0 16px; padding: 0;}
#aboutTable{width:  492px; float:  left; margin-left:  12px;}
#aboutCellTop{background-color:  #f0f0f0; padding:  12px;}
#aboutCellLeft{width:  50%; border-right:  1px dotted gray; padding:  12px 6px 0 6px;}
#aboutCellRight{width:  50%; padding:  12px 6px 0 6px;}
.photoIllustrate {float:  left; padding:  8px 8px 3px 0;}

#mainHolder {width:  770px; margin:  auto;  margin-top:  2px;}
#leftColumn {width:  180px; float:  left; background-color:  #f0f0f0; padding:  12px; font-size:  .75em;}
#rightMain {float:  left; width:  530px; margin: 12px 0 0 30px; font-size:  .75em;}

.trainerName {margin: 0 0 4px 0; color #666666; font-size:  11pt;}
.profilePhotoCell {width:  87px; padding:  12px 0 12px 12px; border-bottom:  1px solid #c3c3c3;}
.profileBioCell {padding:  12px 0 12px 12px;  border-bottom:  1px solid #c3c3c3;}

#recipeNavbar {width:  218px; float:  left; background-color:  #3F94B0;  font-size:  .75em; padding:  12px 0 16px 0;}
#recipeContainer {padding:  0 6px 8px 6px;}
#recipeMain {float:  left; width:  520px; margin: 12px 0 0 30px; }
#recipeTitle {font-weight: bold; color:  #333333; font-size:  .9em; padding-left:  10px;}
.lightstripe {background-color:  #6699cc; font-size:  1px; height:  1px; margin-top:  4px;}
.darkstripe {background-color:  #2c89a8; font-size:  1px; height:  1px;}
.recipeHeading {color:  #CC9933; font-weight:  bold; font-size:  .9em; margin: 8px 0 4px 0;}

#servList li {list-style-position:  outside; padding: 0; margin:  0 0 12px 4px; font-weight:  bold;}

.popupHeader{font-weight:  bold; color:  black; font-size:  1.4em; padding-bottom:  10px;}
#footerPopup {color:  gray; font-size:  .9em;	font-style:  italic; width:  425px; margin: 10px auto;}
#popMailContainer {border: 1px solid; border-color: #909090; width:  425px; padding: 0; margin:  15px auto 0 auto; background-color:  white; font-size:  .8em;}

#addressBar {margin-top:  12px; padding:  4px; text-align:  center; background-color: #4f4f4f; color:  white; font-size:  .75em;}
#footer {margin: 12px 0 12px 0; font-size:  .75em; text-align:  center;}

#recipelist li {list-style-type:  none; padding-bottom: 4px; padding-left: 10px; padding-top:  4px; background-repeat: no-repeat;}
#recipelist a { padding-left: 20px; padding-bottom: 14px; text-decoration: none; }
#recipelist a:link, #recipelist a:visited { color: #ffcc66; padding-left: 10px; background: url(/images/navarrowOn.png); background-repeat: no-repeat; background-position: 0 -14px;}   
#recipelist a:hover { color: white; padding-left: 10px; background: url(/images/navarrow.png); background-repeat: no-repeat; background-position: 0 -14px;}

li.arrowlist {list-style-type:  none; padding-bottom: 2px; padding-left: 10px; padding-top:  4px; background-repeat: no-repeat;}
a.arrow { padding-left: 20px; padding-bottom: 14px;}
a.arrow:link, a.arrow:visited {padding-left: 10px; background: url(/images/arrow2.png); background-repeat: no-repeat; background-position: 0 -14px;}   
a.arrow:hover {  padding-left: 10px; background: url(/images/arrow2.png); background-repeat: no-repeat; background-position: 0 -14px;}

#thumbHolder {width:  240px; float:  left; background-color:  #f0f0f0; padding:  6px; font-size:  .75em;}
#rightPhoto {float:  left; width:  480px; margin: 10px 0 0 20px;}
#largeImage{margin-top:  10px; text-align: center;}
.thumb {float: left; padding:  6px 4px 0 0;}
#caption {font-size:  .75em; font-weight:  bold; margin-top:  6px;}

.linkLogoHolder {margin-top:  24px;}

img {border: 0;}