/*
      Created by Ben Boykin of Emergent Graphics
	  	  
	  E-Mail: ben@emergentgraphics.com
	  Web: www.emergentgraphics.com
	  
		  
*/

* { padding: 0; margin: 0; }



body {

 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;

 font-size: 0.9em;
 
 background: #24546C;

}

#wrapper { 

 margin: 0 auto;

 width: 860px;

 position: relative;
 
 border-right: 1px solid #144056;
 
 border-left: 1px solid #144056;

}

#h,h1,h2,h3,h4 {
 
 font-family: trebuchet ms, verdana, sans-serif;

 font-weight: normal;
 
 color: #000;
 
 letter-spacing: -0.8px

}

dl {

 padding: 0 15px; 
 
 margin: 25px; 
 
 border-left: 5px dotted #F2F1DC; 

}


#p {

line-height: 1.8em;

}

#header {
 
 height: 134px;

 background: #F3F1E4;

}

#img { behavior: url(iepngfix.htc);

}

#current_issue {

 background: url(images/current-issue.gif) no-repeat;  

 width: 100px;

 position: absolute;

 top: 173px;

 left: 0;
 
 z-index: 2;

}

#top-rt-container {
 
 background: url(images/magazines.png) no-repeat;
 
 behavior: url(iepngfix.htc);

 width: 214px;

 height: 234px;

 position: absolute;

 top: 5px;

 right: 10px;

 z-index: 2;

}

/* ^^^^^^^^ BELOW IS THE CODE FOR WELCOME ^^^^^^^^^^ */

#welcome h1 {

 color: #33789b;
 
 padding: 5px 0 20px 0;

 font-family: trebuchet ms, verdana, sans-serif;

 font-size: 2.0em;

}

#signature {

background: url(images/signature.png) no-repeat;

behavior: url(iepngfix.htc);

width: 210px;

height: 78px;

margin: 10px 0px 25px 25px;

}

#features { 

 background: url(images/features.gif) no-repeat;  
 
 background: #cee0e7;

 position: absolute;
 
 top: 190px;
 
 left: 135px;
 
 height: 40px; 
 
 margin: 0px 0px 15px 0px;
 
}


#flash-container { 

 color: #e4e3cf;

 border-bottom: 8px solid #33789b;

 margin: 0;

 height: 240px;

 background: #cee0e7;

 padding: 60px 15px 0px 100px;

 color: #000; 
 
}

#front-content {

 width: 625px;
 
 font-size:1.0em;

 color:#000;

 line-height: 1.6em;

 text-align: justify;

 margin: 0 20px;

 padding: 20px 30px 20px 0;

}

#main-container {

 background: url(images/main-bkgd.png) repeat-y;

}

#rightcolumn { 
 
 float: right;

 color: #333; 

 padding: 20px;
 
 width: 165px; 

 font-size:0.9em;

 color:#000;

 line-height: 1.4em;

 text-align: justify;
 
}

#mssholder {

 z-index: -1;
 
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR WELCOME ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR BUSINESS ^^^^^^^^^^ */

business.dl{

font-family: trebuchet ms, arial, sans serif;
color: #000;

font-size: 1.2em;

text-align: center;

margin: 10px;

line-height: 1.2em;

padding: 0 15px;

}

#business h1{
 
 color: #33789b;
 
 padding: 20px 0 5px 0;

 font-family: Georgia, serif;

 font-size: 2.0em;

}

#business h2{
 
 color: #000;
 
 margin: 0 0 5px 0;

 font-family: trebuchet ms, verdana, sans-serif;

 font-size: 1.4em;
 
 font-weight: bold;
 
 line-height: 1.0em;

}

/* ^^^^^^^^ ABOVE IS THE CODE FOR BUSINESS ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR HISTORY ^^^^^^^^^^ */

#history h1{
 
 color: #33789b;
 
 padding: 20px 0 10px 0;

 font-family: Georgia, Times New Roman, sans-serif;

 font-size: 2.0em;

}


#history h2{
 
 color: #000;
 
 margin: 0 0 5px 0;

 font-family: trebuchet ms, verdana, sans-serif;

 font-size: 1.4em;
 
 font-weight: bold;
 
 line-height: 1.0em;
 
 }

/* ^^^^^^^^ ABOVE IS THE CODE FOR HISTORY ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR RECIPES ^^^^^^^^^^ */

#recipes h1{
 
 color: #33789b;
 
 padding: 20px 0 10px 0;

 font-family: Georgia, Times New-Roman serif;

 font-size: 2.0em;

}

#recipes h2{

color: #33789b;

border-bottom: 1 px solid #000;

padding: 35px 0 20px 0;

font-family: Georgia, Times New-Roman, serif;

font-size: 2.0em;
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR RECIPES ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR ADVERTISING ^^^^^^^^^^ */

#advertising h1{
 
 color: #33789b;
 
 padding: 20px 0 20px 0;

 font-family: trebuchet ms, verdana, sans-serif;

 font-size: 2.0em;

}

#advertising h2{
 
 color: #000;
 
 margin: 0 0 5px 0;

 font-family: trebuchet ms, verdana, sans-serif;

 font-size: 1.4em;
 
 font-weight: bold;
 
 line-height: 1.0em;

}



/* ^^^^^^^^ ABOVE IS THE CODE FOR ADVERTISING ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR CONTACT ^^^^^^^^^^ */


/* ^^^^^^^^ ABOVE IS THE CODE FOR CONTACT ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR FOOTER ^^^^^^^^^^ */

#footer { 

 height: 130px;

 color: #000;

 background: #33789b;
 
 border-top: #C1C0B0 8px solid;  
 
}

#footer-content {

 float: right;
 
 margin: 90px 15px 0px 10px; 
 
 padding: 10px 0px 0px 10px;
 
 font-family: "Trebuchet MS", Arial, sans-serif;
 
 font-size: 0.7em;
 
 text-align: right;
 
 line-height: 1.2em;

}

#footer a {

 border-bottom: 1px dotted #000;
 
 text-decoration: none;

 color: #000;
 
}

#footer a:hover{

 border-bottom: 0px;
 
 background: #2C6785;

 color: #000;
 
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR FOOTER ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR MAIN NAV ^^^^^^^^^^ */

ul#navigation {

 margin:0;

 padding:0;

 list-style-type:none;

 width:auto;

 position:relative;

 display:block;

 height:34px;

 text-transform:uppercase;

 font-size:0.85em;

 font-weight:bold;

 background:transparent url("images/bgOFF1.gif") repeat-x top left;

 border-bottom:4px solid #2A6380;

 border-top:1px solid #939191;

}



ul#navigation li{

 display:inline;

 margin:0;

 padding:0;

}



ul#navigation li a{

 display:block;

 float:left;

 color:#fff;

 text-decoration:none;

 padding:14px 10px 0 14px;

 height:24px;

 background:transparent url("images/bgDIVIDER1.gif") no-repeat top right;

}



ul#navigation li a:hover{

 background:transparent url("images/bgON1.gif") repeat-x top left;

}


ul#navigation li a.current, ul#navigation li a.current:hover{

 color:#fff;

 background:transparent url("images/bgACTIVE.gif") repeat-x top left;
}


/* ^^^^^^^^ ABOVE IS THE CODE FOR MAIN NAV ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR IMAGES ^^^^^^^^^^ */

img.global{

margin: 25px 0px 15px 20px;

float: right;

border: 0;

}

img.global-mid-a{

margin: 30px 0px 15px 20px;

float: right;

border: 0;

}


img.global-mid-b{

margin: 10px 0px 0px 20px;

float: right;

border: 5px solid #ffffff;

}


img.global-mid-c {

margin: 70px 0px 15px 20px;

float: right;

border: 0;

}

img.publisher {
margin: 10px 0 10px 10px;
float: right;
}

img.hor-banner {

clear: both;

padding: 15px 0 15px 45px;

}

/* ^^^^^^^^ ABOVE IS THE CODE FOR IMAGES ^^^^^^^^^^ */


/* ^^^^^^^^ BELOW IS THE CODE FOR CONTENT-INSIDE PAGES ^^^^^^^^^^ */

#main-content {

 margin: 0 0 0 20px;

 padding: 20px 50px 30px 20px;

}

#main-content p {

 text-align: justify;

 font-size:1.0em;

 color:#000;

 line-height: 1.6em;
 
 margin-bottom: 10px;
 
 }

#main-content-temp {

 font-size:1.0em;

 color:#000;

 line-height: 1.6em;

 text-align: justify;

 margin: 0 0 0 20px;

 padding: 35px 50px 30px 20px;

}

#main-content a {

 border-bottom: 1px dotted #000;
 
 text-decoration: none;

 color: #000;
 
}

#main-content a:hover{

 border-bottom: 0px;
 
 background: #D5D4C2;

 color: #000;
 
}

#distribution a {

 color: #828373;

 text-decoration: none;
 
 border-bottom: 0;
 
 background: #e4e3cf;
 
}
 
#distribution a:hover {

 color: #000;

 text-decoration: none;
 
 border-bottom: 0;
 
 background: #e4e3cf;
 
}


#inside-container {

background: url(images/main-bkgd-inside.png) repeat-y;

}

/* ^^^^^^^^ ABOVE IS THE CODE FOR CONTENT-INSIDE PAGES ^^^^^^^^^^ */


#blockquote{

font-family: trebuchet ms, verdana, sans-serift;

font-size: 1.0em;

text-align: justify;

line-height: 1.2em;

background: #DAD9C7;

border-top: 1px solid #CCCBBA;

border-bottom: 1px solid #CCCBBA;

padding: 15px 25px;

margin: 0px 0px 15px 0px;

}

#notation{

font-family: trebuchet ms, verdana, sans-serif;

font-size: .75em;

line-height: 1.4em;

}


#hr {

height: 1px;

background-color: #000;

margin-top: 20px;

margin-bottom: 10px;

padding: 0;

line-height: 0;

font-size: 0;

}

#hr hr{

display: none;

}

#div hr{

border: 0;

height: 1px;

color: #000;

padding: 0;

margin-top: 20px;

margin-bottom: 10px;

line-height: 0;

font-size: 0;

}

/* ^^^^^^^^ BELOW IS THE CODE FOR THE FORM ^^^^^^^^^^ */


/**** Form Section ****/
.appnitro
{
	font-family:Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:61%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}

form li
{
	display:block;
	margin:0;
	padding:0px 0px 0px 2px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	margin: 0px 0px 25px 0px;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
	background-color: #D6D7BD;
	border: 1px solid #666666;

}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 5px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:10px;
	line-height:9px;
	margin:0 2px;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:10px;
	line-height:9px;
	margin:0 2px;
	padding-top:3px;
}

.form_description[class]
{
	display:block;
}

form hr
{
	display:none;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}


form li.highlighted
{
	background-color:#C9C8B8;
}

/**** Buttons ****/
input.button_text
{
	width:auto;
	font-family: "Trebuchet MS", Arial, "sans serif";
	font-size: .85em;
	padding: 2px 4px;
	color: #33789b;
	background-color: #FDFCF1;
	font-weight: bold;
	border: 1px solid #C9C8B7;

}

.buttons input
{
	font-size:100%;
	margin-right:2px;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#33789b;
	display:block;
	font-size:1.0em;
	font-weight:700;
	line-height:150%;
	padding:0px 0px 4px 2px;
}

span.symbol
{
	font-size:115%;
	line-height:130%;
}

input.text
{
	background:#FDFCF1 url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #C9C8B7;
	border-left:1px solid #C9C8B7;
	border-right:1px solid #C9C8B7;
	border-top:1px solid #C9C8B7;
	color:#333;
	font-family: trebuchet ms, arial, sans serif;
	font-size:100%;
	margin:0;
	padding:2px;
}

textarea.textarea
{
	background:#FDFCF1;
	border-bottom:1px solid #C9C8B7;
	border-left:1px solid #C9C8B7;
	border-right:1px solid #C9C8B7;
	border-top:1px solid #C9C8B7;
	color:#333;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#FDFCF1;
	border-bottom:1px solid #C9C8B7;
	border-left:1px solid #C9C8B7;
	border-right:1px solid #C9C8B7;
	border-top:1px solid #C9C8B7;
}


label.choice
{
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;}

 
/** Embedded Form **/

.embed #form_container{
	border: none;
}

.embed #top, .embed #bottom, .embed h1{
	display: none;
}

.embed #form_container{
	width: 100%;
}

.embed #footer{
	text-align: left;
	padding-left: 10px;
	width: 99%;
}

.embed #footer.success{
	text-align: center;
}

.embed form.appnitro
{
	margin:0px 0px 0;
	
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE FORM ^^^^^^^^^^ */