/* UNIVERSAL SETTINGS */

body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;
  background-image: url('images/fabkg.png');
  background-repeat: repeat-x;
  font-size: 76%;}

p, ul, ol, ul, li {
  font-size: 95%;
  font-family:Verdana;
  line-height: 150%;
  padding-bottom: 5px;}

a:link { color: #d4231e; }
a:visited { color: #33C; }

.hide { display: none; }

.clear {
  clear: both;}
  
form { margin: 0; }

img  {border: none;}

/* TITLEBAR */
#titlebar  {
  background-image: url('images/black-logo.png');
  background-repeat:no-repeat;
  height: 170px;
  margin-left: 80px;
  margin-top: 40px;}
  
#motto {
    background-image: url('images/quad.png');
    height: 430px;
    background-position: right;
    background-repeat: no-repeat;
    margin-right:80px;}

.center {text-align: center;}

#divhold {
    min-height: 300px;
    top:450px;}

#slogan {
    position:absolute;
    top:340px;
    left:10%;}

#leftnav { 
    width: 180px; 
    top:425px;
    height: 200px;
    position:absolute;}
    
@font-face {
  font-family: ArnoPro-Bold12pt;
  src: url('ArnoPro-Bold12pt.otf') format("opentype");}
  
 .menu {
	margin-bottom: 40px;}
	
.menu li {
	list-style-type:none;
	padding:5px;
	font-family: ArnoPro-Bold12pt;
	color:#c71a14;
	font-size:12pt;}
	
.menu a {
	text-decoration:none;
	color:#c71a14;}

h1 {
  font-family:ArnoPro-Bold12pt;
  font-size:14pt;}
    
#content {
    margin-left: 180px;
    padding-left: 20px;
    padding-right: 20px;
    height: 600px;
    overflow:auto;
    top:450px;
    position:absolute;
    border-left: 4px double #c71a14;
    margin-top: 4px;
    font-family:Verdana;}
    
object {
	width:350px;
	height:230px;
	margin-top:25px;
	text-align:center;}
	
#flash {	
	width:350px;
	height:230px;
	margin:auto;}
	
table {
	 width:300px;
	 border:0;
	 margin:auto;
	 font-size:95%;}
	 
 .textfield {
	font-size: 95%;
	color: #fff;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;}
	
.err {color: #FF9900;}

th {
	font-weight: bold;
	text-align: left;}
	
h2 {
	font-size: 110%;}
	
#recipe li {
	font-size:100%;
	list-style-type:none;}
	
.name {font-style:italic;}

#test li {
	font-size:100%;
	list-style-type:none;
	padding-bottom: 20px;
	padding-top:20px;}
	
.prod {font-size:100%;}
.prod2 {font-size:110%; padding-top:3px;}

/*input[type="textarea"] {
    height: 100px;
    width: 250px;
    vertical-align: text-top;}*/
    
textarea {
	width: 250px;
	height: 120px;
	padding: 5px;}
	
hr.test {
	width:80%; 
	text-align:center;}
	
#montage {
	width: 560px;
	margin:auto;}
	
/* FOOTER */

#footer {
  border-top: 2px solid #c00;
  font-size: 85%;
  padding: 10px;
  position: relative;}