#Menu {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	left: 0px;
	top: 120px;
	width: 150px;
	background-color: #336699;
	height: 100%;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	line-height: 5px
}
a.menulink {
	color: #FFFFFF;
	text-decoration: underline
}
a.menulink:hover {
	color:#ff0000;
}
#Footer {
	font:Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 5em;
	text-align: center
}
#Header {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100px;
	width: 100%;
	background-color: #3e7aae;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 18pt;
	margin-right: 0px;
	padding-right: 0px
}
#Content {
	position: absolute;
	left: 150px;
	top: 183px;
	margin-top: 0px;
	padding-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
}
#Buttons {
	position: absolute;
	left: 170px;
	top: 120px;
	height: 33px;
	background-color: #336699;
	text-align: Left
}
.subscribe_form form{
	margin-left: 100px;
}
.subscribe_table {
	border-collapse:collapse; 
	padding:0;
	border: 2px solid #000;
	width: 80%
}
.subscribe_table td, .subscribe_table th {
	border: 2px solid #000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center
}
.subscribe_table th {
	vertical-align: middle
}
.subscribe_table td p {
	text-align: justify;
}
.img_desc {
	clear: left;
	overflow:hidden;
	margin-bottom:1.2em;
}
.img_desc img {
	float:left;
}
.img_desc p {
	margin-left:224px;
	margin-right:20px;
	text-align:justify;
}
.img_desc h3 {
	margin-top:0;
	margin-left:224px;
}
.section { // baseline styles for content sections.  for example:
	margin:0 0 1em;
}
.promotion {// this selector can be used to control styles specific to this type of section
		//put the background styles here - rounded corners, box-shadow, etc. 
		//put any text-styles that should be on all child elements here - color, font-size, etc.
	-moz-border-radius: 12px; /* FF1-3.6 */
	-webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
	/* useful if you don't want a bg color from leaking outside the border: */        
  -moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-moz-box-shadow: 0px 1px 2px #666; /* FF3.5+ */
	-webkit-box-shadow: 0px 1px 2px #666; /* Saf3.0+, Chrome */
	box-shadow: 0px 1px 2px #666; /* Opera 10.5, IE9, Chrome 10+ */
	
  background-color: #00ff00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#00ff00), to(#009900)); 
  background-image: -webkit-linear-gradient(top, #00ff00, #009900); 
  background-image:    -moz-linear-gradient(top, #00ff00, #009900); 
  background-image:     -ms-linear-gradient(top, #00ff00, #009900); 
  background-image:      -o-linear-gradient(top, #00ff00, #009900); 
  background-image:         linear-gradient(top, #00ff00, #009900);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00ff00', EndColorStr='#009900'); 

	-moz-transition: all 0.3s ease-out;  /* FF4+ */
	-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
	-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
	-ms-transition: all 0.3s ease-out;  /* IE10? */
	transition: all 0.3s ease-out;
	text-shadow: 0 1px #999999; /* FF3.5+, Opera 9+, Saf1+, Chrome */
	font-family: Arial, Helvetica, sans-serif;
	-moz-background-size: 100% 100%; /* FF3.6 */
	-webkit-background-size: 100% 100%; /* Saf3-4 */
	background-size: 100% 100%; /* Opera, IE9, Saf5, Chrome, FF4 */
	margin: 10px;
	padding: 10px;
	width: 400px;
	font-variant: small-caps;
	text-align: center;
	font-weight: bold;
}
.promotion h3 {// this (and, if you need it, .promotion p) controls styles specific to items within the promotion

  display: block;
  font-size: 2em;
  font-weight: bold;
  margin: .67em 0;

	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #C00;
}