/* Colors
Orange:		#ca7a1a
Red:		#d35731
Gray:		#ebebeb
*/

/*  Font percents:
px/%
10 	 77
11 	85
12 	93 (was 93)
13 	100
14 	108 (was 107)
15 	116 (was 114)
16 	123.1 (was 122)
17 	131 (was 129)
18 	138.5 (was 136)
19 	146.5 (was 144)
20 	153.9 (was 152)
21 	161.6 (was 159)
22 	167
23 	174
24 	182
25 	189
26 	197 

*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

a 					{ text-decoration:none; }
a:link, a:visited	{ color:#d35731; }
a:hover, a:active	{ color:#d35731; text-decoration: underline; }

H1 {
	color: #d35731;
	font-size:150%; /*24px*/
	padding: 10px 0px 0px 0px;
	letter-spacing: -0.08em;
	text-transform: uppercase;
	font-family: "Arial Black", Arial, Helvetica, sans-serif
}

H2 {
	color: #000000;
	font-size: 116%; /*15px;*/
	font-weight: bold;
	padding: 2px 0px 0px 0px;
	letter-spacing: -.05em;
}

H3 {
	font-size:90%; /*12px*/
	font-weight: bold;
	color: #d35731;
}

p {
	margin:0px 0 18px 0;
	line-height: 18px;
	letter-spacing: -.01em;
	
}

li {
	margin:3px 0px 10px 20px;
	list-style-type:square;
}

p, li, input {
	font-size:90%; /*12px*/
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

table td {
	padding: 5px;
}

form {
	margin: 0;
	display: inline;
}

#Page {
	width: 950px;
	text-align: left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

/*#Page div {
	border: 1px dotted red;
}*/

#TopNav, #FooterNav {
	background-color: #d35731;
}

#TopNav {
	height: 43px;
	margin-bottom: 2px;
}

#TopNav a:link, #TopNav a:visited, #FooterNavLinks a:link, #FooterNavLinks a:visited	{ color:#FFFFFF; }
#TopNav a:hover, #TopNav a:active, #FooterNavLinks a:hover, #FooterNavLinks a:active	{ color:#FFFFFF; background-color: #ff683b; text-decoration: none; }

#TopNav ul li {
	display: inline;
	height: 43px;
	margin: 0;
}

#TopNav ul li a {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}

#Left {
	float: left;
	width: 333px;
}

/* Add margin for first-level divs */
#Left div {
	margin-bottom: 2px;
}

/* Disable margin for nested divs */
#Left div div {
	margin: 0;
}

#Subscribe {
	padding: 10px;
	font-size: 93%; /*12px*/
	background-color: #ebebeb;
}

#BackIssueOffer {
}

#Right {
	float: right;
	width: 600px;
}

#FooterNav {
	height: 23px;
	
}

#FooterNavLinks {
	width: 610px;
	float: right;
}

#FooterNav ul li {
	display: inline;
	height: 23px;
	margin: 0;
}

#FooterNav ul li a {
	display: inline-block;
	height: 23px;
	line-height: 23px;
	font-size:90%; /*12px*/
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
}

#Footer {
	font-size:77%; /*11px*/
	width: 600px;
	float: right;
	margin: 5px 0px 15px 0px;
}

.Left {
	float: left;
	margin-right: 10px;
}

.Right {
	float: Right;
	margin-left: 10px;
}


.LeftCalloutTitle {
	font-size:90%; /*12px*/
	color: #FFFFFF;
	font-weight: bold;
	background-color: #d35731;
	padding: 9px 10px 5px 10px;
}

.LeftCalloutBody {
	border: 1px solid #d35731;
	padding: 10px;
}

.SubscribeCalloutPrice {
	font-weight: bold;
	font-size:150%; /*24px*/
	color: #d35731;
	letter-spacing: -2px;
	
}

.SubscribeCalloutPrice2 {
	font-size:77%; /*11px*/
}


.Image-Bordered {
	border: 1px solid black;
}

.Image-HomeThumb {
	border: 1px solid black;
	margin-right: 2px;
}

.Callout {
	padding: 10px;
	border: 1px solid #215493;
	background-color: #E6EEF9;
}

.Callout-Gray {
	padding: 10px;
	border: 1px solid #215493;
	background-color: #ebebeb;
}

.BackIssueCover {
	/*margin-right: 10px;*/
}

.Clear {
	clear: both;
}