/* 
COLOUR PALETTE 

.Dark Red/Brown{ Color: #7F2F2E; }
.Yellow{ Color: #FEFDB5; } //page bg
.Dark Tan{ Color: #BCBB9C; }
.Tan { Color: #D8D7B8; } //(sidebar)
.Lite Tan { Color: #F8F4E8; } //content bg
.Green { Color: #C7FC90; } //logo
.Red{ Color: #C44947; } //logo
.Orange { Color: #DE6C10; } //logo

* GLOBAL SETTINGS
*/

body { background-image:url();
font-family : verdana,arial,helvetica,sans-serif; 
font-size : 83%; 
color : black; 
margin: 15px;
background: #FEFDB5;
} 
table { 
font-size : 100%; 
} 
a:link{color: #C44947; text-decoration: underline;}
a:visited{color: #C44947; text-decoration: underline;}
a:hover{color: #DE6C10; text-decoration: underline;}

/*
* LAYOUT SECTIONS ------------------------------------------------------------------------
*/
#header {background-image: url();
	background-color:#F8F4E8;
	height:125px;
	width: 748px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	border:1px solid #7E2F2E;
	border-bottom:0px;
	} 
#divider { 	background-color:#7F2F2E;
	background-image: url(/images/bg/divider.gif);
	background-repeat:no-repeat;
	width: 750px;
	height:28px;
	margin: 0px;
	padding: 0px;
	border-bottom:0px;	
} 
#main{
	width:750px;
	height:575px;
	background-image:url(/images/bg/MONDO-05.jpg);
}
#main-gallery{
	width:750px;
	height:575px;
	background-image:url(/images/bg/MONDO-home-05.jpg);
}

#sidebar {
	background-image:url(/images/bg/MONDO-nav.jpg);
	background-repeat:no-repeat;
	width:174px;
	height:400px;
	}
#content{
	padding:15px;
	margin-left:10px;
	text-align:left;
}	

#footer {background-image:url(/images/bg/MONDO-06.jpg);
	clear: both;
	width: 750px;
	height:45px;
	margin: 0px;
	
}
#footerTextbox {
width:550px;
margin-bottom:10px;
}

#flavors {
background-color:#FFFFFF;
width:85px;
margin:1px;
margin-left:5px;
border:1px solid #ccc;
font-family : "Trebuchet MS", tahoma, arial,helvetica,sans-serif;
font-size:13px;
font-weight:bold;
color:#666666;
}

#guestbook {
background-color:#ECEBDB;
width:141px;
margin:0px;
padding:10px;
text-align:left;
border-bottom:1px solid #C3AA89;
font-family : tahoma, arial,helvetica,sans-serif;
font-size:11px;
color:#333;
}


/* NAVIGATION BUTTONS  ------------------------------------------------------------------------
*/
#topnav{	height:28px;

}
.nav {
	font-family : "Trebuchet MS", tahoma, arial,helvetica,sans-serif; 
	font-size : 14px; 
	color: #FEFDB5;
	font-weight: bold;
	cursor: pointer;
/*	width:100px;	<--set this if auto looks poor */
}
.nav a:link{color: #FEFDB5; text-decoration: none;}
.nav a:visited{color: #FEFDB5; text-decoration: none;}
.nav a:hover{color: #fff; text-decoration: none;}

.navOver {
	font-family : "Trebuchet MS", tahoma, arial,helvetica,sans-serif; 
	font-size : 14px; 
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
/*	width:100px;	<--set this to match .nav */
}
.navOver a:link{color: black; text-decoration: none;}
.navOver a:visited{color: black; text-decoration: none;}
.navOver a:hover{color: black; text-decoration: none;}

.separator{
width:1px; background-color:#999999;
}

.button {
	color: #456789;
	height:18px;
	margin:0px;
	width:150px;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
	cursor: pointer;
	border-bottom: 1px solid #999999;
	text-align: center;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=-135, Strength=4);*/
}
.button a:link{
	color: #456789;
text-decoration: none;
}
.button a:visited{
	color: #456789;
text-decoration: none;
}
.button a:hover{
	color: #456789;
text-decoration: none;
}

.buttonOver {background-color:#cccccc;
	color: black;
	height:18px;
	margin:0px;	
	width:150px;	
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
	cursor: pointer;
	border-bottom: 1px solid #999999;
	text-align: center;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=-135, Strength=4);*/
}
.buttonOver a:link{
color: black;
text-decoration: none;
}
.buttonOver a:visited{
color: black;
text-decoration: none;
}
.buttonOver a:hover{
color: black;
text-decoration: none;
}

/* 
HTML STYLES ------------------------------------------------------------------------
*/

h1 {
display:none;
font-size : 150%; 
font-weight:normal;
text-transform : capitalize; 
color : #540E0E;
text-align:right;
} 
h2 {
font-size : 26px; 
text-transform : capitalize; 
font-weight:bold;
color : #C44947; 
font-family : "Trebuchet MS", tahoma, arial,helvetica,sans-serif;
/*font-family:"Times New Roman", Times, serif;
font-style:italic;*/
} 
h3 {
font-size : 120%; 
font-variant : small-caps; 
color : #861414; 
} 
h4 {
font-size : 100%; 
font-weight : bold; 
text-transform : uppercase; 
color : #861414; 
} 
hr {
color : #7E2F2E; 
height : 1px; 
} 
th {
font-size : larger; 
font-weight : bold; 
padding-bottom : 15px; 
color : #7E2F2E; 
font-variant : small-caps; 
text-align : left; 
} 

ul {
list-style-type : square; 
padding-left : 0px; 
margin-left : 1.5em; 
} 
ol {
padding-left : 0px; 
margin-left : 1.5em; 
} 
form { margin-bottom: 0 ; margin-top: 0 ; } 

/* 
CUSTOM STYLES ------------------------------------------------------------------------
*/
.colour {color: #990000}
.boldcolour {font-weight: bold; color: #7E2F2E}
.pic-caption {font-size: smaller;text-align:center}

.hilitebox {
	color: #7E2F2E;
	padding: 8px;
	font-weight: normal;
	border: 2px solid #7E2F2E;
	background-color: #F8F4E8;
	margin: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.formfield {
border: 1px solid #7E2F2E;
width : 180px; 
} 
.px50 {
width : 50px; 
} 
.input-display {
	background-color: transparent;
	border: 0px none;
}
input.errHilite, select.errHilite, textarea.errHilite { /*for fValidate*/
	border: 1px solid #7E2F2E;
	background-color: #F8F4E8;
	}
label.errHilite {
	color: #7E2F2E;
	}
.errors {color:#7E2F2E;}
.checkbox {margin-left: 20px;
display: list-item;
	list-style-image: url(/images/icons/generic/checkbox.gif);
}
.done {
list-style-image: url(/images/icons/generic/checkmark20.gif);
margin-left: 20px;
display: list-item;
}
.gone{
display:none;
}
.little{font-weight: normal;
text-decoration: none;
font-size:90%;
}
.little a:link  {
font-weight: normal;
text-decoration: none;}

.little a:visited  {
font-weight: normal;
text-decoration: none;}

.little a:hover {
font-weight: normal;
text-decoration: underline;}

.rightpic {font-size:83%;
float:right;width:150px;padding:10px;text-align:center
}

.back {
list-style-image: url(/images/buttons/previous.gif);
margin-left: 20px;
display: list-item;
}
.footerText{	color: #666666;
	text-decoration:none;
	font-size:10px;
	text-align: center;
}
.footerText a:link{
	color: #666666; text-decoration:none
}
.footerText a:visited{
text-decoration:none;
	color: #666666;
}
.footerText a:hover{
	color: #CCCCCC;
}
.footerTextBottom{
padding-right:160px;
}
.white{text-decoration:none;
	color: #FFFFFF;
}
.white a:link{
	color: #FFFFFF; text-decoration:none
}
.white a:visited{
text-decoration:none;
	color: #FFFFFF;
}
.white a:hover{
	color: #CCCCCC;
}
.grey{text-decoration:none;
	color: #999999;
}
.grey a:link{
	color: #999999; text-decoration:none
}
.grey a:visited{
text-decoration:none;
	color: #999999;
}
.grey a:hover{
	color: #CCCCCC;
}
.center{
margin-left:auto; margin-right:auto; text-align:center;
}
#extrabutton{
visibility:hidden
}
#CaptionBox {
padding-right:10px;
font-weight:bold;
color:#7F2F2E
}