/* ------------------------------------------------------------
 * Global Styles
 * Changes to this document will apply to the entire site
 ------------------------------------------------------------ */

/* Setting up some basic styles... */
body {
	background-color: #ff3333;
	margin: 0;
	padding: 0;
      }

a {
	text-decoration: underline;
	}

a:link {
	color: #660000;
	}

a:visited {
	color: #660000;
	}

a:active {
	color: #660000;
	}

a:hover {
	color: #ff9933;
	}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}

/* top menubar */
#banner {
	padding: 20px 0px 35px 12px; /* banner left padding + container left padding must = 40 (to center)  */
	}
	
/* outer div */
#container {
	width: 758px;
	background: #fff url(../images/strawberry_container_bg.gif);
	margin: 0 auto;
	padding: 9px 29px 0px 28px; 
	text-align: left; /* Recover from hack */
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html*/
	voice-family: inherit;
	width: 701px;
}
html>body #container { /* Be nice to Opera 5 */
	width: 701px;
}

/* Used to clear the floats: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */
/* This gets applied to the clearing div added to #domfix via the Javascript fix for IE Mac */
.mac-clearfix {
	clear:both;
	height:0;
	overflow:hidden;
}

.content p {
	color: #660000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	font-size: 13px;
	font-weight: normal;
	line-height: 105%;
	text-align: left;
	margin-bottom: 10px;
	}

/* heading */
.content h2 {
	font-size: 14px;
	font-weight: bold;
  	text-transform: uppercase;
  	letter-spacing: .2em;
	color: #333366;
	border-style: dotted;
	border-color: #333366;
	padding: 5px;
	border-width: 1px 0px 1px 0px;
	margin-bottom: 10px;
	}
	
/* subheading */
.content h3 {
	color: #333;
	font-size: 16px;	
	text-align: left;
	font-weight: bold;	
	margin-top: 20px;
	}
	
/* photos title */
.content h4 {
	font-size: 13px;
	font-weight: normal;
	line-height: 150%;
	text-align: center;
	}

/* tables */
.content td {
	color: #666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	} 
	
/* photo navigation */
.content td.nav a:link, .content td.nav a:visited, .content td.nav a:active {
	color: #666;
	}
	
.content td.nav a:hover {
	color: #ff9900;
	}
	
/* table on contact page */
.contact td {
	color: #666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding: 12px 0px;
	text-align: left;
	} 
	
.contact h2 {
	font-size: 14px;
	font-weight: bold;
  	text-transform: uppercase;
  	letter-spacing: .2em;
	color: #333366;
	border-style: dotted;
	border-color: #333366;
	padding: 5px;
	border-width: 1px 0px 1px 0px;
	margin-bottom: 10px;
	}

/* The footer styles, basic stuff here */	
#footer {
	color: #ff9999;
	width: 758px;
	background: url(../images/strawberry_footer_bg.gif) no-repeat; /* footer.gif is larger (taller) than necessary, to allow text to resize */
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 11px;
   	text-align: center;
	margin: 0 auto;
	padding: 35px 30px 30px 30px;
	voice-family: "\"}\""; /* Tantek's Box Model Hack: http://www.tantek.com/CSS/Examples/boxmodelhack.html */
	voice-family: inherit;
	width: 698px;
}
html>body #footer { /* Be nice to Opera 5 */
	width: 698px;
}

#footer a {
	text-decoration: underline;
	}

#footer a:link {
	color: #ff9999;
	}

#footer a:visited {
	color: #ff9999;
	}

#footer a:active {
	color: #ff9999;
	}
	
#footer a:hover {
	color: #ff9933;
	}