/*	TAGS	*/
body {
	background-color: #E8E8E8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:160%;
	margin:0;
	padding:0;
	text-align:center;
	}
	
div {
	text-align:left;
	}
	
h1 { /*	Lead story green heading	*/
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	color:#54572A;
	}
	
h2 { /*	secondary stories green heading with green bg image		*/
	font-size:1.2em;
	font-weight:bold;
	background-image:url(../images/2009/heading-bg.gif);
	background-repeat:no-repeat;
	padding: 7px 0px 0px 19px;
	margin:0;
	height:23px;
	color:#54572A;
	width:390px;
	}
	
*html h2 {
	height:30px;
	}
	
h3 { /*	White on orange bg image headings		*/
	color:#FFF;
	font-size:1.2em;	
	font-weight:bold;
	background-image:url(../images/2009/heading-bg2.gif);
	background-repeat:no-repeat;
	padding: 7px 0px 0px 19px;
	margin:0;
	height:23px;
	width:390px;
	}
	
*html h3 {
	height:28px;
	}
	
h4 { /*	Orange text headings		*/
	color:#FF710D;
	font-size:1.2em;	
	font-weight:bold;
	padding: 5px 0 0 0;
	margin:0;
	}
	
h5 { /*	Purple headings in grey RH box		*/
	color:#673694;
	font-size:1.1em;
	margin:0;
	}
	
h6 { /*	White headings in past newsletters RH box		*/
	color:#FFF;
	font-size:0.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	/*zoom:1;*/
	}

hr {
    background-color:#92A732;
    border:medium none;
    color:#92A732;
    height:1px;
	margin:20px 0;
} 

img {
	border:none;
	/*display:block;*/
	margin:0;
	padding:0;
	}
	
a:link, a:visited { color:#673694;}
a:hover { color:#673694; text-decoration:none;}

table {
	font-size:1em;
	}



/*	DIVS	*/
#wrapper {
	margin:0 auto;
	width:590px;
	background-color: #FFF;
	font-size:1.2em;
	color:#535353;
	}
	
#logo {
	padding:15px 0 15px 15px;
	float:left;
	width:250px;
	}
	
#send {
	text-align:right;
	padding:45px 3px 0 0;
	float:right;
	width:220px;
	}
	
#header {
	background-color:#FFF;
	padding:5px 0 5px 0;
	text-align:center;
	} 

#copy {
	font:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	} 

#left {
	float:left;
	width:390px;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFF;
	padding:0 0 0 5px;
	margin-bottom:30px;
	} 

#right {
	float:left;
	width:180px;
	font:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	margin-left:7px;
	}
	
#footer {
	background-color: #E8E8E8;
	font-size:0.75em;
	line-height:120%;
	padding:0 0 20px 0;
	}
	
#lead_story {
	padding:5px 19px 16px 19px;
	}
	
	
#NATM_error_msg {
	color:#CC0000;
	font-weight:bold;
	}

#competitions { margin-top:30px; }

#competitions img {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}


/*	CLASSES	*/
.clear {
	clear:both;
	}

.article {	 
	background-image:url(../images/2009/article_bg01.gif);
	background-repeat:no-repeat;
	background-color:#e3e5d7;
	}
	
.competition_name {
	font-weight:bold;
	color:#8D5EA1;
	padding-bottom:0;
	margin-bottom:5px;
}

* html .article{
	width:390px;
	}
	
.article_inner {
	background-color:#FFF;
	margin:0 10px 0 10px;
	padding:9px;
	}

.article3 { /*	box with orange header	*/
	padding:15px 18px 15px 17px;
	}
	
.article4 { /*	'your views' etc box	*/
	padding:15px 17px 15px 18px;
	font-size:0.833em;
	line-height:130%;
	}
	
.greybox_copy { /*	RH grey box with HTML text	*/
	background-image:url(../images/2009/greybox_bg.gif);
	background-repeat:repeat-y;
	color:#673694;
	font-size:0.9em;
	line-height:120%;
	padding:0 10px 10px 10px;
	}

	
.article a:link, .article a:visited, .article3 a:link, .article3 a:visited, { color:#673694; text-decoration:underline; }
.article a:hover, .article3 a:hover, { color:#673694; text-decoration:none; }

.padderbottom {
	padding-bottom:10px;
	}
	
.padder {
	padding:0 10px 0 10px;
	}
	
.padder2 {
	padding:0 25px 0 25px;
	}
	
.padder3 {
	padding:0 10px 10px 0;
	}
	
.purple {
	color:#673694;
	}
	
*html .zoom {
	height:143px;
	}
	
.floater {
	width:175px;
	float:left;
	}
	
table.NATM_form {
	width:350px;
	}
	
table.NATM_form input {
	}

table.NATM_form .submit_button { 
	width:157px;
	height:28px;
	margin:15px 0 30px 0;
	}
	
table.NATM_form .checkbox {
	width:20px;
	}

#NATM_error_msg { color:#CC0000; }	
	
	
	

/* NAV */
#menu {
	height: 34px;
	padding-left:5px;
	}

#menu a {
	display:block;
	float:left;
	height:34px;
	text-indent:-9000px;
}

#menu a.btn_home {
	background:url(../images/2010/btn_home.gif);
	margin-right:10px;
	width:34px;
}
#menu a.btn_whatis {
	background:url(../images/2010/what_is_mword.gif);
	width:213px;
}
#menu a.btn_subscribe {
	background:url(../images/2010/subscribe.gif);
	width:154px;
}
#menu a.btn_competition {
	background:url(../images/2010/competition.gif);
	width:167px;
}
#menu a.btn_home:hover { background-position:0 -34px; }
#menu a.btn_whatis:hover { background-position:0 -34px; }
#menu a.btn_subscribe:hover { background-position:0 -34px; }
#menu a.btn_competition:hover { background-position:0 -34px; }


#button_nav a.where_buy:hover { background-position:0 -92px; }
	
	

.button1 {
	
	font-family: Verdana, arial, helvetica, sans-serif;
	background-image:url(../images/2009/navroll01.gif);
	background-repeat:no-repeat;
	white-space: nowrap;
	width: 229px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	}

.button1 a {
	display: block;
	color: #FFF;
	font-size: 12px;
	width: 229px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
	}

.button1 img {
	width: 229px;
	height: 34px;
	display: block;
	border:0px;
	}

* html a:hover {
	visibility:visible;
	}

.button1 a:hover img {
	visibility:hidden;
	}

.button2 span {
	
	left: 40px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	float: left;
	} 

.button2 {
	
	font-family: Verdana, arial, helvetica, sans-serif;
	background-image:url(../images/2009/navroll02.gif);
	background-repeat:no-repeat;
	white-space: nowrap;
	width: 168px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	}

.button2 a {
	display: block;
	color: #FFF;
	font-size: 12px;
	width: 168px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
	}

.button2 img {
	width: 168px;
	height: 34px;
	display: block;
	border:0px;
	}

* html a:hover {
	visibility:visible;
	}

.button2 a:hover img {
	visibility:hidden;
	}

.button2 span {
	
	left: 40px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	float: left;
	} 

.button3 span {
	
	left: 40px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	float: left;
	} 

.button3 {
	
	font-family: Verdana, arial, helvetica, sans-serif;
	background-image:url(../images/2009/navroll03.gif);
	background-repeat:no-repeat;
	white-space: nowrap;
	width: 182px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	}

.button3 a {
	display: block;
	color: #FFF;
	font-size: 12px;
	width: 182px;
	height: 34px;
	display: block;
	float: left;
	text-decoration: none;
	}

.button3 img {
	width: 182px;
	height: 34px;
	display: block;
	border:0px;
	}

* html a:hover {
	visibility:visible;
	}

.button3 a:hover img {
	visibility:hidden;
	}

.button3 span {
	left: 40px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	float: left;
	} 

/* javascript function */
.greybox_copy .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	color: FFF;
	background-image: url(../images/2009/titlebar-inactive.gif);
	background-repeat:no-repeat;
	margin-bottom: 0px; /*bottom spacing between header and rest of content*/
	padding: 3px 0 10px 18px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
	text-align:left;
	}

.greybox_copy .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../images/2009/titlebar-active.gif);
	background-repeat:no-repeat;
	}

.greybox_copy ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
	}

.greybox_copy ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	}

.greybox_copy ul li a{
	color: #673694;
	/*background: #93B930; custom bullet list image
	display: block;*/
	padding: 0 0 2px 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	text-align:left;
	}

.greybox_copy ul li a:visited{
	color: #673694;
	}

.greybox_copy ul li a:hover{ /*hover state CSS*/
	color: #673694;
	}
	
.comp_winner_quote {
	font-style:italic;
}