/********************************************

   AUTHOR:  			David Panzarella

   WEBSITE:   			http://www.scoolfood.org/

 *******************************************/ 

/*
Colors:
#904A2D - strat
#5C2946 - internal
#7B7000 -  Web
#493618 - personlized

*/
 
/********************************************
   HTML ELEMENTS
********************************************/ 
/* top elements */
* { padding: 0px; margin: 0px; border: 0px; }

body {
	margin: 0px;
	padding: 0px;
	font: normal normal 12px/1.7em  times, tahoma, sans-serif;
	text-align: center;
	color: #5C2946;
	background: #ffffff url(../images/bkgs/bkg.gif) repeat;
}


/* links */
a {
	color: #5C2946;
	text-decoration: none;		
}

a:hover {
	color: #5C2946; 
	text-decoration: underline;	
	border: none;
}

/* images */
img {
	margin: 0px; padding: 0px;
	border: none;
}

img.float-right {
   margin: .5em 0px 1em 1em;   
}

img.float-left {
   margin: .5em 1em 1em 0px;
}

img.no-border {
	border: none;
}


/* form elements */
form {
	margin: 0; padding: 0;
	border: 0px; 
}

		
select   { 
	font: normal 11px 'Times', Tahoma, Arial, sans-serif;
	margin: 0; padding: 2px;
	border: 1px solid #CCCCCC; 
	background-color: #ffffff;
	vertical-align: top;
}

input {
	padding: 2px;
	border:1px solid #CCCCCC;
	font: normal 1em 'Times', Tahoma, Arial, sans-serif;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bold 1em 'Times', Tahoma, Arial, sans-serif; 
	border: 1px solid #CCCCCC;
	background: #ffffff; 
	padding: 2px 3px; 
	color: #DC7D00;	
	cursor: pointer;
}

input.button:hover { 
	font: bold 1em 'Times', Tahoma, Arial, sans-serif; 
	border: 1px solid #CCCCCC;
	background: #DC7D00; 
	padding: 2px 3px; 
	color: #ffffff;	
	cursor: pointer;
}

textarea {
	width:400px;
	padding:2px;
	font: normal 1em 'Times', Tahoma, Arial, sans-serif;
	border:1px solid #666666;
	height: 100px;
	display:block;
	color:#777;
}

/***********************
	  LAYOUT
************************/

#header, #content {
/*
The width value below sets the total width of the design. It's default value is set to 93%
which means that it will take up 93% of the browser window's width. You can also set it to a 
different percentage	value (90%, 85%, etc.). This design is fluid layout by default, but you
can turn it into a fixed width layout by setting a pixel value to the width (e.g. 900px, 950px).
*/
	width: 800px;	
	margin: 0px auto; padding: 0px;
	border: 0px;
	text-align:center; 
	vertical-align:bottom;
	background-color:#ffffff;
}

#header, #content td { vertical-align:bottom; }

#header { 
	font: normal 11px 'Times', Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	height: 353px;
}

#logo {	
	width: 252px; 
	height: 153px;
	text-align: left;
	vertical-align: top;
	padding: 0px; }

#logo img { position: absolute;	 top: 42px; }

#header table.headerContent { height:170px; }

#header td.navLeft {
	font: normal 10px 'Verdana', Tahoma, Arial, sans-serif;
	color: #ffffff;
	height: 30px;
	text-align:center;
	vertical-align: middle;
	background-color:#493618;
	margin: 0px; 
	padding: 0px;
}

#header td.navLeft  a {
	font: normal 10px 'Verdana', Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;		
}

#header td.navLeft a:hover {
	font: normal 10px 'Verdana', Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #DC7D00;
	text-decoration: underline;	
}

#header td.samples {
	font: normal 11px 'times', Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	margin: 0px; 
	padding: 0px;
	height: 166px;
	vertical-align:top;
	background-color:#493618;
}

#header td.samples h2 {
	padding: 0px;
	font-size: 11px;
	vertical-align: top;
	font-weight: bold;
}
	
#header td.samples p {
	padding: 0px;
	text-transform: capitalize;
	font-size: 11px;
}

#header td.samples  a {
	font: normal 12px 'Times', Tahoma, Arial, sans-serif;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: none;		
}

#header td.samples a:hover {
	font: normal 12px 'Times', Tahoma, Arial, sans-serif;
	text-transform: lowercase;
	color: #ffffff;
	text-decoration: underline;	
}	

#content { height: 230px; }


#content h2 {
	font: bold 14px/1.9em 'Times', Tahoma, Arial, sans-serif;
	text-transform:uppercase;
}	
	
#content table {
	text-align: left;
	width: 100%;
	border-collapse: separate;
	margin: 0px; padding: 0px;
	color: #ffffff;
}
	
#contactCell {
	text-align:left;
	vertical-align:text-top;
	padding: 15px 0px 15px 20px;
	width: 232px;
	background-color: #333333;
	/*background: url(../images/bkgs/bkg_home.gif) repeat;*/
}	


#content td {
	font: normal 14px/1.9em 'Times', Tahoma, Arial, sans-serif;
	padding: 5px 10px 10px 20px;	
	vertical-align: top;
	min-height: 300px;
}	
	
#content table td img {
	padding:0px;
	margin:0px;
	border:0px;	
}
	
#content a {
	color: #399b2e;
	text-decoration: none;		
}

#content a:hover {
	color: #dd651a; 
	text-decoration: underline;	
}


#content p {
	padding: 10px;
	font: normal 1.2em/1.6em 'Times', Tahoma, Arial, sans-serif;
}

#content p a { color: #ffffff; }
#content p a:hover { color: #ffffff; text-decoration: underline;}

#content img {
	text-align:left;
	padding: 5px 10px 10px 0px;
}		

#content p.headertext {
	font: bold normal .90em/1.3em 'Times', Tahoma, Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}

#content p.detailtext {
	font: normal .90em/1.3em 'Times', Tahoma, Arial, sans-serif;
	color: #333333;
}

#content p span.headertext {
	font: bold normal 1em/1.3em 'Times', Tahoma, Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}

#content p span.detailtext {
	font: normal .90em/1.3em 'Times', Tahoma, Arial, sans-serif;
	color: #333333;
}


#contactForm td {
	padding: 0px;
	font-size: 11px;
	vertical-align: top;
	font-weight: bold;
}
	
#contactForm td p {
	padding: 0px;
	text-transform: capitalize;
	font-size: 11px;
}

/* footer */
#footer {
	clear: both;
	margin: 0px auto; padding: 0px;
	width: 800px;	
	color: #5C2946;
	background-color: #FFFFFF;
	text-align: center;	
}
  
	#footer-content {	
		margin: 0px auto;	
		padding: 5px;	
		font: normal 10px/1.5em 'Times', Tahoma, Arial, sans-serif; 
	}	
	
	#footer-content a { color: #5C2946; }
	
	#footer ul {
		font: normal .95em/1.5em 'Times', Tahoma, Arial, sans-serif;
		border-bottom: 1px solid #5C2946;  
		margin: 0px; padding: 5px;
	}
	
	#footer li { display: inline; margin: 0em 0.5em 0.4em 0; padding-right: 0.2em; border-right: 1px solid #5C2946; }
	#footer li.last { border-right: none; }	


	#footer a { color: #5C2946; text-decoration: none; }
	#footer a:hover {	color: #7B7000;	text-decoration: underline;	}


.headertext {
	font: bold italic 1em/1.5em 'Times', Tahoma, Arial, sans-serif;
	color: #333333;
	text-decoration: none;
}

.detailtext {
	font: normal .95em/1.5em 'Times', Tahoma, Arial, sans-serif;
	color: #333333;
}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.centralLink {	font: normal 1.1em/1.2em 'Times', Tahoma, Arial, sans-serif; }
.horLine { 	border-bottom: 1px solid #333333;  }