body {
background: url(images/bg1.jpg);
font-family: arial;
font-size: 12pt;
color: black;
}

pre{
 font-family: arial;
 font-size: 12pt;
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#sommelierHead{
background: url(images/topLogo.jpg);
width: 750px;
height: 130px;
position: relative;
}

#pageContainer{
width: 100%;
position: relative;
}

#blackBGContainer{
width: 764px;
background-color: black;
position: relative;
}

.blankSpacer {
height:5px;
width: 750px;
position: relative;
font-size: 1px;
}

.blackSpacer2 {
height: 3px;
width: 750px;
background-color: black;
position: relative;
}

#mainContainer{
background: url(../www.cernosolutions.com/webSamples/sommelier/images/goldBG.gif);
width: 750px;
position: relative;
}

#blankSpacer{
width: 750px;
height: 3px;
position: relative;
}

#sommelierTopMenu{
width: 750px;
height: 10px;
padding-top: 10px;
background-color: black;
position: relative;
text-align: center;
vertical-align: middle;
}

.topMenuTxt{ 
font-size: 9pt;
font-weight: bold;
color: #FFFFFF;
font-family: sans serif, arial;
top: -9px;
position: relative;
}

#contentSommelier{
width: 740px;
text-align: left;
position: relative;
}

#sideMenu{
float: left;
/*height: 350px;*/
width: 160px;
padding-top: 3px;
z-index: 3;
}

#contentMain{
text-align: left;
position: relative;
top: 10px;
z-index: 3;
width: 580px;
float: right;
}

#footer{
padding-top: 50px;
width: 750px;
text-align: center;
font-size: 8pt;
position: relative;
clear: both;
}



.credits {
font-size: 7pt;
color: #7a7878;
position: relative;
}

#sommelierTopMenu a:link{font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Times; top: -9px; position: relative; padding: 0px 10px 0px 10px;}
#sommelierTopMenu a:visited{font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Times; top: -9px; position: relative; padding: 0px 10px 0px 10px;}
#sommelierTopMenu a:hover{font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Times; top: -9px; position: relative; padding: 0px 10px 0px 10px;}
#sommelierTopMenu a:active{font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none; font-family: Times; top: -9px; position: relative; padding: 0px 10px 0px 10px;}

.credits a:link {font-size: 7pt; color: #7a7878; text-decoration: none;}
.credits a:visited {font-size: 7pt; color: #7a7878; text-decoration: none;}
.credits a:hover {font-size: 7pt; color: #7a7878; text-decoration: underline;}
.credits a:active {font-size: 7pt; color: #7a7878; text-decoration: underline;}

.subList{
padding-left: 15px;
list-style-type: none;
}

.wineStoryDate{
font-family: arial;
font-size: 12pt;
font-weight: bold;
}

.wineStoryTitle{
font-family: arial;
font-size: 12pt;
font-style: italic;
font-weight: bold;
}

.wineStoryReply{
font-style: italic;
}

.arial12{
font-family: arial;
font-size: 12pt;
}

.narrowcolumn {
	float: left;
	padding: 0 0 20px 10px;
	margin: 0px 0 0;
	width: 200px;
	}