.topnav {
	width: 278px;
	border: 1px solid #996600;
        border-right-color: #996600;
	text-align: center;
	margin: 0;
	padding: 0;
}
.topnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 211px;
	margin-left: auto;
	margin-right: auto;
}
.topnav li {
	font-size: 95%;
	border-top: 1px solid #996600;
	width: 211px;
	padding: 10px 0 9px 0;
	letter-spacing: 0.14em;
	margin: 0;
	position: relative;
	list-style-type: none;
}
#nav ul {}
#nav li {position: relative; list-style: none;}
#nav ul ul {position: absolute; top: -1px; left: 210px;}
#nav li.submenu:hover {/* background-color: #ffca00; */}
#nav li.submenu li {/* background-color: #ffca00; */border-top: none; text-align: left; font-weight: normal; padding: 6px 0;margin: 0;}
#nav li.submenu li a {padding-left: 10px;}
#nav ul.interior {display: none;border-top: 1px solid #996600;background-color: #FFF;}
#nav li.submenu:hover ul.interior {display: block;}

/* Basic font and margin setting */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663300;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
/* michelle, this next property is where you would change the background to green - old color is cc6600 */
        background-color: #cc6600;
	behavior: url(/csshover.htc); /* WinIE behavior call */
}

/* trickery to establish the proper body size in all browsers without specifying a font size */
body, body th, body td    {
    /* more specific to override imported rule */
    font-size:    small;      
    /* false value for WinIE4/5 */
    voice-family: "\"}\"";   
    /* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;   
    /* recover from trick */
    font-size:    small;
    /* intended value for better browsers */
}
html>body, 
html>body th, html>body td    {
    font-size:    small;
    /* be nice to Opera */
}
/* regular site styles go below here*/

/* LINKS */
a:link {
	text-decoration: none;
	color: #cc6600;
}
a:visited {
	text-decoration: none;
	color: #cc6600;
}
a:hover {
	text-decoration: underline;
	color: #993300;
}

#container {
	text-align: left;
	margin: 22px auto;
        padding: 0 0 0 0;
	width: 981px;
	margin-left: auto;
	margin-right: auto;
        background-color: #FFF;
}

h1 {
	background-image: url(/images/manis_logo.jpg);
	height: 211px;
	width: 211px;
	margin: 13px 0 17px 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}
hr {
	background-color: #996600;
	color: #996600;
	height: 1px;
	border: none;
	margin: 15px 0;
	line-height: 1px;
}
.hiddentext {
	display: none;
}
.rightside {
	border: 0px solid #996600;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	background-color: #FFFFCC;
}

#notopborder {
	border-top-width: 0;
	padding-top: 0;
}

.main {
	width: 638px; /* 703 -32 -32 -1 */
	text-align: left;
	padding: 20px 32px 20px 32px;
        margin: 0 0 0 0;
	border: 0px solid #996600;
	border-top-width: 1px;
	background-color: #FFFFCC;
}
.main img {
        margin: -20px -32px 20px -32px;
        padding: 0;
}
.in-page_address {
	font-size: 75%;
	text-align: left;
}
.address {
	font-size: 75%;
	color: #FFFFFF;
	background-color: #cc6600;
	text-align: center;
	font-weight: bold;
}
.address a:link, .address a:visited {
	color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 10px;
}
.address p {
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0;
}

.floatright {
	float: right;
}
h2 {
	font-size: 125%;
	letter-spacing: 0.3em;
	margin: 0;
        text-transform: uppercase;
        padding-bottom: 0;
}
h4 {
	font-size: 75%;
	margin: 3px 0 0 0;
	padding: 0px;
}

.main .date{
	font-size: 75%;
	font-weight: bold;
	float: right;
	margin: 3px 0 0 0;
}
h3 {
	margin: 10px 0px 0px;
	padding: 0px;
	font-size: 110%;
}
.main p {
	margin: 0px;
	padding: 0px;
}
.footer {
	font-size: 75%;
	padding: 10px;
}
.footer p, .footer div {
	margin: 0px;
	padding: 0px;
}
.topnav form {
	width: 268px;
	border-top: 1px solid #996600;
	padding: 20px 0 0 10px;
	margin: 25px 0 0 0;
}
#signup {
	border-bottom: 1px solid #996600;
	margin-bottom: 30px;
}
.main form {
	padding: 20px 0 0 0;
	margin: 0;
	margin-left: 100px;
	margin-right: auto;
}
.main form h4 {
	margin: 6px 0 7px 0;
}
.main form p {
	font-size: 75%;
}
#textfield, #textfield2, #textfield3 {
	height: 20px;
	vertical-align: middle;
	border: 1px solid #BBBBBB;
	padding: 1px;
	margin: 0 0 4px 0;
	font-size: 10px;
	width: 140px;
}
#imagefield {
	padding: 10px 0 10px 0;
}
#imagefield2 {
	vertical-align: middle;
}
.topnav p{
	font-size: 75%;
}
.item {
	border-bottom: 1px solid #996600;
        padding-bottom: 10px;
}
.blogitem {
	border-bottom: 1px solid #996600;
        padding: 10px 0 3px 0;
}
.content img {
        padding: 6px;
        border: 1px solid #996600;
        margin: 0 5px 5px 0;
        float: left;
}

.topmain {
	width: 494px;
	padding: 0;
	margin: 0;
	background-color: #FFFFCC;
}

.subnav {
	font-weight: bold;
	font-size: 90%;
	color: #CD802C;
}

.subnav a {
        text-transform: lowercase;
}

.name {
	text-transform: uppercase;
}
.price {
	text-align: right;
}
.description {
	padding-top: 0;
	padding-bottom: 10px;
	padding-right: 20px;
	font-size: 90%;
}
.description img {
	padding: 6px 6px 6px 6px;
	float: left;
	margin: 0 6px 0 0;
	border: 1px solid #996600;
}
.main .description p {
	padding: 0;
	margin: 0;
}
.outline {
border: 1px solid #996600;
padding: 10px;
margin: 10px 0 10px 0;
}
.blogbody img {
	padding: 3px;
	border: 1px solid #663300;
	float: left;
	margin: 4px 7px 4px 0px;
}
.blogbody img.imgleft {
	float: left;
	margin: 4px 7px 4px 0px;
}
.blogbody img.imgright {
	float: right;
	margin: 4px 0px 4px 7px;
}
.blogbody img.imgnone {
	padding: 0;
	border-width: 0;
	float: none;
	margin: 0;
}
.topnav .blognav {
	width: 268px;
	border-top: 1px solid #996600;
	text-align: left;
	padding: 20px 10px 0 10px;
	margin: 25px 0 0 0;
}
.topnav .blognav h4 {
	padding-top: 20px;
}
.topnav .blognav a {
	font-weight: bold;
}
.bloginfo {
	padding-bottom: 40px;
	font-size: 75%;
}
.bloginfo p {
	padding: 0;
	margin: 0;
}
.bloginfo a {
font-weight: bold;
}
.blogcafetopper {
	margin-left: -33px;
	margin-right: -33px;
	margin-top: -20px;
	padding-top: 0px;
	color: #fdcb25;
	background-color: #cd802c;
}
.blogcafetopper td {
	color: #fdcb25;
}

/* sIFR screen coding */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */


.sIFR-hasFlash .main .item h2 {
	visibility: hidden;
	font-size: 14px;
	letter-spacing: 0.3em;
	margin: 0;
        text-transform: uppercase;
        padding-bottom: 0;
}

.sIFR-hasFlash .topnav li {
/*	visibility: hidden; */
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid #996600;
	width: 211px;
	padding: 10px 0 9px 0;
	letter-spacing: 0.14em;
	margin: 0;
}
.sIFR-hasFlash #notopborder {
/*	visibility: hidden; */
	font-weight: bold;
	font-size: 14px;
	border-top: 1px solid #996600;
	width: 211px;
	padding: 0px 0 9px 0;
	letter-spacing: 0.14em;
	margin: 0;
	border-top-width: 0;
}

/* TWITTER STYLES */
#twitter_div {
	width: 225px;
	margin: 30px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 2px solid #cc6600;
	color: #663300;
	text-align: left;
	padding: 5px;
	background: #fefee3;
}
#twitter_div .sidebar-title {
	text-transform: capitalize;
	padding: 5px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
#twitter_div #twitter_update_list li {
	font-weight: normal;
	line-height: auto;
	letter-spacing: normal;
	font-size: 11px;
	border-bottom: 1px solid #CC9933;
	border-top: none;
}
#twitter_div #twitter_update_list li span a:link {
	clear: none;
	display: inline;
}
#twitter_div #twitter_update_list li a:link {
	clear: both;
	display: block;
	text-align: right;
}
#twitter_div #twitter-link {
	padding: 4px 7px;
}