/* ---------------------
basic layout
--------------------- */

* {
	font-family: Arial, Helvetica, sans-serif;
	color: #3A413F
}

body {

	background:#FFFFFF;

	margin: 0;
	
	padding: 0;
	
	border: 0;

	color:#27383E;
	
	text-align:center;

}



  img {
	border: 0;
	margin: 0;
	padding: 0;
}

div,
td,
p {
	font-size:12px;
	line-height:14px;
	color:#27383E;
}

a,
a:link,
a:active,
a:visited {
	text-decoration:underline;
	color:#26333e;
}

a:hover {
	text-decoration:underline;
}

ul {
	margin: 5px;
	padding: 5px;
	list-style: none;
	list-style-type: square;
}

li {
	line-height: 18px;
	padding-left: 5px;
	padding-top: 0px;
	list-style-position: inside;
}

/** To align the objects left **/
.doitleft {
	text-align:left;
}


/** To center the objects **/
.center {
	text-align:center;
}

/** clear the banner to make it sit in the bottom **/

.clear {

	clear:both;

}

.plain {
        color:27383E;
        font-size:12px;
        line-height:14px;
}

.homeheader {
	color:#27383E;
	font-size:16px;
	font-weight: bold;
	line-height:16px;
}

.homegreen_para {
	color:#27383E;
}

.brownbold {
	color:#8C2F03;
	font-size:11px;
	font-weight: bold;

}

.blue {
     color:#0091a3;
     font-size:11px;
}

.brownpara_small {
	color:#8C2F03;
	font-size:10px;
	line-height:12px;
}

.greenpara_small {
	color:#27383e;
	font-size:10px;
	line-height:12px;
}

.backissue_header {
	color:#8C2F03;
	font-size:14px;
	font-weight: bold;
}

.backissue_subheader {
	color:#8C2F03;
	font-size:12px;
	font-weight: bold;
}

.backissue_pagelink {
	color:#27383E;
	font-size:12px;
	font-weight: bold;
}

.page_header {
	color:#27383E;
	font-size:14px;
	font-weight: bold;
}


/* ---------------------

template layout

--------------------- */
/** wrapper to make the page center **/

#container {
	position: relative;

	margin: 55px auto;
	
	width: 850px;

	padding: 0;
	
	border-width: 0;

	text-align: left;

	background-color:#FFFFFF;

}


#containerbg {
	
	position: relative;
	
	top: 36px;
	
	left: 30px;
	
	text-align: left;
	
	padding: 0;
	
	margin: 0;
	
	border: 0;
	
	width: 780px;
	
	background-color:#FFFFFF;

	z-index: 6;
	
}



#rightbar {
	position: absolute;
	width: 41px;
	height: 99%;
	top: 0;
	right: 0;
	background: #C3CCCF;
	z-index: 1;
	border: 0;
	padding: 0;
	margin: 0;	
}

#topborder {
	position: absolute;
	width: 850px;
	height: 36px;
	top: 0;
	left: 0;
	background: #FFFFFF url(../images/topborder.jpg) no-repeat left top;
	z-index: 2;
	border: 0;
	padding: 7px 0 0 660px;
	margin: 0;
}
/** css hack to deal with IE crappiness **/
html>body #topborder {
	height: 29px;
	width: 190px;
}


#leftborder {
	position: absolute;
	width: 33px;
	height: 407px;
	top: 0;
	left: 0;
	background: #FFFFFF url(../images/leftborder.jpg) no-repeat left top;
	z-index: 3;
	border: 0;
	padding: 0;
	margin: 0;	
}

#toprightborder {
	position: absolute;
	width: 29px;
	height: 340px;
	top: 0;
	right: 0;
	background: #FFFFFF url(../images/toprightborder.jpg) no-repeat left top;
	z-index: 4;
	border: 0;
	padding: 0;
	margin: 0;	
}

#middlerightborder {
	position: absolute;
	width: 29px;
	height: 100%;
	top: 0;
	right: 0;
	background: #FFFFFF url(../images/middlerightborder.jpg) repeat left top;
	z-index: 2;
	border: 0;
	padding: 0;
	margin: 0;	
}

#bottomrightborder {
	position: absolute;
	width: 29px;
	height: 361px;
	bottom: -36px;
	right: 0;
	background: #FFFFFF url(../images/bottomrightborder.jpg) no-repeat left top;
	z-index: 3;
	border: 0;
	padding: 0;
	margin: 0;	
}

#bottomborder {
	position: absolute;
	width: 820px;
	height: 49px;
	bottom: -36px;
	right: 0;
	background: #FFFFFF url(../images/bottomborder.jpg) no-repeat right top;
	z-index: 7;
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0;	
	color:#27383e;
	font-size:10px;
	line-height:16px;
}

#bottomborder span {
	color:#0091a3;
}

#logo {
	position: relative;
	width: 780px;
	height: 84px;
	background: #FFFFFF url(../images/bg_header2.gif) no-repeat left top;
	border: 0;
	padding: 0;
	margin: 0;
}

#logo a,
#logo a:link,
#logo a:active,
#logo a:visited,
#logo a:hover {
	border: 0;
	padding: 0;
	margin: 0;
}

/*
#topleft {
	border: 0;
	padding: 0;
	margin: 0;
	height: 26px;
	background: #FFFFFF url(../images/bg_topmenu.gif) no-repeat left top;
	position: relative;
	text-align: right;
	width: 780px;
}
*/
/** div container for top menu. position:top **/
#topmenu {
	position: absolute;
	width: 450px;
        left: 302px;
        top: 59px;
	border: 0;
	padding: 0 0 0 26px;

        
}

#topmenu table {
}

#topmenu a,
#topmenu a:link,
#topmenu a:visited {
	text-decoration:none;
	color:#58717a;
	padding: 0 8px;	
}

#topmenu a:hover, 
#topmenu a:active {
	text-decoration:none;
	color:#8C2F04;
	padding: 0 8px;
}

#container_inner {
	position: relative;
	top: -36px;
	left: -30px;
	border-right: 1px solid #FBB03F;
	margin: 0;
	padding: 0;
	width: 780px;
}


/* fix \ for stupid IE5.X for Mac */ #container_inner { left: 0; top: 0;}

/** css hack to deal with IE Win crappiness **/
html>body #container_inner {
	width: 779px;
}

#rightside {
	
	padding: 5px 5px 5px 300px;
	
	margin: 0px;

	/*width:98%;*/

}

#leftside {

	position: absolute;

	top: 0;
	
	left: 0;

	width: 300px;
	
	padding: 0px;
	
	margin: 0px;

}


#leftmag {

	position:relative;

	height:246px;

	width:302px;

	background-color: #FFFFFF;

	padding: 5px 5px 5px 10px;

	border-left:1px solid #FBB03F;

	border-right:1px solid #FBB03F;

	border-bottom:1px solid #FBB03F;

}


/** css hack to deal with IE crappiness **/
html>body #leftmag {
	height: 235px;
	width: 285px;
}

/** div left menu **/

#menu_left {

	position:relative;

	float:left;

	width:165px;
	
	padding: 57px 2px 0 23px;


}

/** css hack to deal with IE crappiness **/
html>body #menu_left {
	width: 140px;
}

#customercareimg {
	position: absolute;
	top: 0;
	left: 0;
	/*
	position: relative;
	top: -8px;
	left: -23px;
	*/
}

/** div right menu **/
#menu_right {
	position:absolute;
	top: 233px;
	left: 165px;
	width: 137px;
	padding: 0 3px 16px 8px;

	

	border-right: 1px solid #FBB03F;

	border-bottom: 1px solid #FBB03F;
}
/** css hack to deal with IE crappiness **/

html>body #menu_right {

	width: 125px;

}

#magazineimg {
	position: relative;
	top: -6px;
	left: -5px;
z-index: 0;
}

#donate {

	position: absolute;
	bottom: -15px;
	left: -6px;
	padding: 0;
	color:#8C2F03;
	background-color: #FFFFFF;

}

/** div container for poll**/
#poll {
	position:static;
	width: 200px;

	padding: 30px 0px 0px 70px;
        float: left;
        z-index: 0;
/* change padding to adjust space, default was 50px 0 10px 30px */
}


/** div container for mainbody **/

#content_main {

	position:relative;
        align: center
	width: 440px;
	/*margin:0px 0px 0px 5px;*/
	margin: 0;

	padding: 0px 0px 10px 20px;
/* change padding to adjust space, default was 50px 0 10px 30px */
}

#content_main a,
#content_main a:link,
#content_main a:active,
#content_main a:visited {
	text-decoration:underline;
	color:#0091a3;
}

/** div container for What's New **/

#whats_new {

	border-top: 1px solid #FBB03F;
	position:static;
	/*left: 520px;*/
	width:100%;
	text-align: right;

	/*margin:0px 0px 0px 5px;*/
	margin: 0;
	padding: 0px;
	
}

#whats_new p {
	color:#c3471a;
}

#whats_new table {
	text-align: right;
	padding:10px 10px 10px 10px;
	margin: 0 0 0 auto;
}

/* fix \ for stupid IE 5.x Mac */ #whats_new table { margin: 0;  float: right; }

table.moduletablenewsstands, table.on_newsstands {
	border-width: 0;
	padding: 0;
	margin: 0;
}

table.moduletablenewsstands p {
	border-width: 0;
	padding: 0;
	margin: 0;	
}
table.moduletablemag th,
table.moduletablemag-bgimg th,
table.moduletablemag-right th {

	

	text-align: center;
	border: 1px solid #F5C875;	
	color:#31C0C6;
	font-family: Arial, Helvetica, serif;

	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size:13px;
	line-height:20px;
	background-color:#EDE9EA;
	height:25px;
	text-align:left;
	padding: 0 15px;
	font-weight: bold;
}
table.moduletablemag a,
table.moduletablemag a:link,
table.moduletablemag a:active,
table.moduletablemag a:visited {
	text-decoration:none;
	color:#0091a3;
    line-height:20px;
}

#active_menu,
#active_menu:link,
#active_menu:active,
#active_menu:visited {
	text-decoration:none;
	text-transform: uppercase;
	font-weight: bold;
	color:#8C2F04;
    line-height:25px;
}

table.moduletablemag a:hover {
	text-transform: uppercase;
	font-weight: bold;
	color:#000000;
}

#active_menu-nav, #active_menu-nav:link, #active_menu-nav:active, #active_menu-nav:visited, #active_menu-nav:hover {
	background-color: #DDE2E3;
	color: #FFFFFF;
}

table.moduletabletopsub {
	width: 425px;
	background-color: #DDE2E3;
	color: #FFF;
}

#topmenu a.mainleveltopsub,
#topmenu a.mainleveltopsub:link,
#topmenu a.mainleveltopsub:active,
#topmenu a.mainleveltopsub:visited {
	text-decoration: none;
	color: #000000;
	padding: 0px 4px;
}

#topmenu a.mainleveltopsub:hover {
	color: #993300;
	padding: 0px 4px;
}

table.moduletabletopcust {
	width: 425px;
	background-color: #FFFFFF;
	color: #27383E;
}

#topmenu a.mainleveltopcust,
#topmenu a.mainleveltopcust:link,
#topmenu a.mainleveltopcust:active,
#topmenu a.mainleveltopcust:visited {
	text-decoration: none;
	color: #27383E;
	margin: 0 2px;
}

#topmenu a.mainleveltopcust:hover {
	text-decoration: underline;
	margin: 0 2px;
}
