body {
margin:25px auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background:#4a5e8a;
color: Black;
line-height:1.3em;
}

.tblBlue {
padding: 4px; font-size: medium; color: Black; line-height: 1.5em; text-align: left; width: 100%; background-color: #FFFFFF;
}

.tdJustify {
padding-left: 3px; padding-right: 3px; text-align: justify;
}


a {
text-decoration:underline;
color:Black;
font-weight:bold;
}

a:hover {
text-decoration:underline;
color:Black;
}

a img {
border:0;
}

p {
margin:0 8px 18px 8px;
}

h2 {
font-size:2.1em;
font-weight:bold;
letter-spacing:-1px;
margin:10px 0 8px 0;
color: Black
}

h3 {
font-size:1.6em;
margin:2px 0 8px 0;
color: Black;
font-weight:bold;
}
h4 {
font-size:1.9em;
font-weight:bold;
letter-spacing:-1px;
margin:10px 0 8px 10px;
color: Black

}
h5 {
font-size:1.0em;
margin:2px 0 8px 0;
color: Black

}
/******** Main wrap ********/

#wrap {
background:#ffffff url(images/newwrapbg900.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:1000px;
height: 95%;
border-color: White;
border-style: ridge;
border-width: medium
}

/******** Main wrap admin ********/

#wrapadmin {
background:#ffffff url(images/newwrapbg900.gif) top left repeat-y;
color:#303030;
margin:0 auto;
/*width:915px;*/
}

/******** Header ********/

#header {
clear:both;
/*height:190px;
width:1000px;*/
}

#header h1 {
font-size:3.8em;
letter-spacing:-4px;
color:Black;
padding:55px 0 10px 45px;
}

#header h1 a {
color:Black;
text-decoration:none;
}

#header h1 a:hover {
color:#e99e55;
}

#slogan {
color:Black;
margin:15px 0 0 45px;
font-size:1.6em;
letter-spacing:-1px;
}

/******** Sitemenu, left sidebar ********/

#sitemenu {
clear:both;
float:left;
width:160px;
margin:0;
padding: 2px 2px 0 2px;
background-color: #08a1b3;

/*background: url(images/leftbg.gif);
background-repeat: repeat-y;*/
height: 842px;
}

#sitemenu ul {
list-style:none;
width:150px;
margin:0 0 0 0;
padding:0;
font-size:14px;
letter-spacing:-1px;
}

#sitemenu li {
margin-bottom:4px;
width:130px;
}

#sitemenu li a {
font-weight:normal;
text-decoration:none;
color:Black;
display:block;
height:1.1em;
padding:2px 2px 2px 8px;
border-left: 8px solid #d5a97f;
width:130px;
}

#sitemenu li a:hover {
color:#000000;
text-decoration:none;
border-left:8px solid #ffffff;
}

#sitemenu .current {
border-left:8px solid #ffffff;
color: #f3f1f1;
}

#sitemenu ul ul {
font-size:0.8em;
width:130px;
font-weight:normal;
margin:5px 0 8px 20px;
}

#sitemenu ul ul li {
margin-bottom:2px;
}

#sitemenu ul ul li a {
border:0;
padding:2px;
}

#sitemenu ul ul li a:hover {
border:0;
padding:2px;
text-decoration:underline;
}

/******** Extras, right sitebar ********/

#extras {
float:right;
width:164px;
height: 850px;
margin:0;
padding: 2px 2px 0 2px;
background-color: #08a1b3;
height: 842px;
}
/******height: 800px;***/
#extras ul {
margin:0 0 14px 10px;
list-style:none;
color:#f9f5f5;
}

#extras li {
margin:0 0 10px 0;
width:165px;
color:#f9f5f5;
}

#extras li a {
padding:2px 2px 2px 2px;
height:2.2em;
letter-spacing:-1px;
font-weight:bold;
color:Gray;
}

#extras li a:hover {
color:Silver;
}

#extras ul ul, #extras ul ul ul {
font-size:0.9em;
line-height:1.2em;
margin:2px 0 2px 15px;
width:165px;
}

#extras ul ul a, #extras ul ul ul a {
font-weight:normal;
}

#extras a {
padding:2px 2px 2px 2px;
height:2.2em;
letter-spacing:-1px;
font-weight:bold;
color:Gray;
}

#extras a:hover {
color:Silver;
}

#extras h4 {
font-size:1.2em;
margin:2px 0 8px 0;
padding:0 0 2px 3px;
color: #f9f5f5
}

/******** Content variations ********/
/*****e7e7dd*****/
#content 
{
padding:2px 0px 2px 2px;
margin: 0 0 0 0;
line-height:1.5em;
text-align:left;
/*background-color: #fefc93;*/
width: 100%;
height: 100%;
}

#content h2 {
font-size:1.6em;
margin:20px 0 10px 0;
}

#content h3 {
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
}

#content p {
text-align:justify;
}

/********Admin Content variations ********/
#contentadmin 
{
margin: 2px 0 0 163px;
padding:2px 0px 2px 6px;
line-height:1.5em;
text-align:left;
/*background-color: #fefc93;*/
width: 700px;
height: 800px;
}
/******** Footer ********/

#footer {
clear:both;
margin:5px auto 0 auto;
padding:0px 0 10px 0;
width:1000px;
text-align:center;
background: url(images/newfooter900.jpg) bottom left no-repeat;
color:#808080;
font-size:0.9em;
}

#footer p {
margin:3px;
}

#footer a {
color:#808080;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/******** Various classes ********/

.datetag {
width:100px;
padding:0 0 10px 0;
text-align:center;
margin:2px 15px 1px 10px;
font-size:2.2em;
text-align:center;
float:left;
}

.datetag .date {
width:50px;
display:block;
letter-spacing:-1px;
padding:15px 0 5px 0;
background:#20526a url(images/date-top.gif) top left no-repeat;
}

.datetag .month {
font-size:0.5em;
letter-spacing:-1px;
width:50px;
display:block;
font-weight:bold;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}


.frontphoto {
margin:20px 0 10px 0; height:161px;
}


.clear {
clear:both;
}


.DataViewItem { width: 180px;}
.DataViewItemTop { margin-bottom: 2px; font-size: 14px; color: Black; }
.DataViewItemTop a { font-size: 12px; color: Black; text-decoration: underline; }
.DataViewItemTitle { font-size: 14px; margin: 6px 0px; color: Black; }        
.DataViewItemTitle a { color: Black; text-decoration: underline; } 
.DataViewItemHint { color: Black; font-size: 10px; }       
.DataViewItemPrice { color: Black; font-size: 12px; font-weight: bold; }
.DataViewItemDetail { color: Black; font-size: 12px; } 
.DataViewRecipeDetail { color: Black; font-size: 12px; padding-left: 6px; width:450px; }   
.DataViewItemDetailPopup { color: Black; font-size: 12px; width: 450px; }    
.divRight { float: none; text-align: center; padding-right: 4px; width: 100%; }   
.divFloatLeft { float: left; padding-left: 10px; /*width: 255px*/ }
.divFloatLeftH200 { float: left; padding-left: 10px; /*width: 255px*/ height: 200px; }
.divFloatRight{ float: right; padding-right: 4px; padding-left: 6px; }
.divFloatRightH200{ float: right; padding-right: 4px; padding-left: 6px; height: 200px; }
.divAlignLeft { text-align: left; padding-left: 4px; }
.divAlignLeft300 { text-align: left; padding-left: 4px; width: 300px; }
.divAlignLeft250 { text-align: left; padding-left: 4px; width: 250px; }
.divAlignCenter { text-align: center; }
.divAlignCenter535 { text-align: center; padding-left: 4px; width: 535px; float: left; }
.divAlignCenter400 { text-align: center; padding-left: 4px; width: 400px; }
.divAlignCenter300 { text-align: center; padding-left: 4px; width: 300px; }
.divAlignCenter250 { text-align: center; padding-left: 4px; width: 250px; }
.divlogin { float:none; text-align:right; color: Black; font-size: 10px;}
.divAlignCenterB { text-align: center; height: 100%; width: 100% }/** background-color: #7E6453;**/
.DataViewItemTitle400B { font-size: 14px; margin: 6px 0px; /**color: #ffffff;**/ width: 375px; }
.DataViewItemDetailPopup400B { /**color: #ffffff;**/ font-size: 12px; width: 375px; }  
.DataViewItemDetailPopup450B { /**color: #ffffff;**/ font-size: 12px; width: 450px; text-align: left; }
/*.divCart { border-style: ridge; border-width: thin; border-color: inherit; padding-top: 15px; }*/
.tdRight150 { text-align: right; padding-left: 2px; color: Black; font-size: 12px; }
.tdRight250 { text-align: right; padding-left: 2px; color: Black; font-size: 12px; width:250px; }
.tdRight155 { text-align: right; padding-left: 2px; color: Black; font-size: 12px; width:155px; }
.tdRight100 { text-align: right; padding-left: 2px; color: Black; font-size: 12px; width: 95px; }
.tdLeft150 { text-align: left; padding-left: 2px; width: 135px; color: Black; font-size: 12px; }
.tdLeft110 { text-align: left; padding-left: 2px; width: 110px; color: Black; font-size: 12px; }
.tdLeft250 { text-align: left; padding-left: 2px; width: 220px; color: Black; font-size: 12px; }
.tdLeft350 { text-align: left; padding-left: 2px; width: 330px; color: Black; font-size: 12px; }
.tdCenter{ text-align: center; color: Black; }
.tdLeft400 { text-align: left; padding-left: 2px; width: 400px; color: Black; font-size: 14px; }
.tdBold{ font-weight:bold; text-align:left; padding-left:2px; font-size:10px; color: Black; }
.tdSmallish{ text-align:left; padding-left:2px; font-size:12px; color: Black; }