* {
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
}

b{font-size: 110%;}
em{color: #000000;}

#maincontainer{
width: 1024px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
	z-index: 1;
}
#logoindex { /*main index logo container*/
	width: 100%;
	height: 590px;
	background: #FFFFFF url(images/philipallanlogoindexbg.jpg) no-repeat;
	padding: 0px;
	z-index: 2;
	margin: 0 auto;
}
#logoindex2 { /*main index-2 logo container*/
	position: absolute; 
	left: auto;
	right: auto;
	top: 31px;	
	width: 100%;
	height: 561px;
	background: #FFFFFF url(images/philipallanlogoindexbg2.jpg) no-repeat;
	padding: 0px;
	z-index: 2;
	margin: 0 auto;
}

#indextoptabs { /*top table containing text for boxes*/
	position: relative; 
	left: 96px;
	top: 86px;
	width: 880px; 
	height: 400px; 
	z-index: 180; 
	background-color: transparent;
	visibility: inherit;
}

#indextoptabs h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	line-height: 22px;
	font-weight: bold;
	margin: 14px 20px 14px 20px;
	display: block;
}
#indextoptabs p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	margin: 4px 15px 4px 15px;
	display: block;
}

#indextoptabs form{
	margin: 12px 20px 12px 20px;
	display: block;
}

#indextoptabs a:link{color: #FFFFFF; text-decoration: none}
#indextoptabs a:visited{color: #FFFFFF; text-decoration: none}
#indextoptabs a:hover{color: #FFFFFF; text-decoration: none}
#indextoptabs a:active{color: #FFFFFF; text-decoration: none}

div.monline {
	position: relative; 
	top: 10px;
	left: 30px;
	width: 210px;
	height: 42px;
	float: left;
	}

div.monline a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/magonlinebutton.jpg' ) top left no-repeat;
	}
div.monline a:hover { background-position: 0px -42px; }

div.monline a:active { background-position: 0px -42px; }


#indexmidtabs {
	position: relative; 
	left: 100px;
	top: 230px;
	width: 860px; 
	height: 300px; 
	z-index: 4; 
	background-color: transparent;
	visibility: inherit;
}

#indexmidtabs p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #1c50a7;
	line-height: 16px;
	font-weight: bold;
	margin: 4px 28px 0px 28px;
	display: block;
	width: 205px;
}

#IndexLayer1 { /*magazine layer*/
	visibility: hidden; 
	position: absolute; 
	width: 100%;
	height: 590px;
	background: #FFFFFF url(images/philipallanlogoindexmag.jpg) no-repeat;
	z-index: 11;
	left: auto;
	right: auto;
	top: 31px;
}

#IndexLayer2 { /*publications layer*/
	visibility: hidden; 
	position: absolute; 
	width: 100%;
	height: 590px;
	background: #FFFFFF url(images/philipallanlogoindexpub.jpg) no-repeat;
	z-index: 12;
	left: auto;
	right: auto;
	top: 31px;
}


#IndexLayer3 { /*conference layer*/
	visibility: hidden; 
	position: absolute; 
	width: 100%;
	height: 590px;
	background: #FFFFFF url(images/philipallanlogoindexcnf.jpg) no-repeat;
	z-index: 13;
	left: auto;
	right: auto;
	top: 31px;
}


#IndexLayer4 { /*international layer*/
	visibility: hidden; 
	position: absolute; 
	width: 100%;
	height: 590px;
	background: #FFFFFF url(images/philipallanlogoindexint.jpg) no-repeat;
	z-index: 13;
	left: auto;
	right: auto;
	top: 31px;
}

.ninetyfive {
	position:absolute;
	left: 600px;
	top: 40px;
	width: 260px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	color: #3366FF;
	}

#IndexAdBar{ /*main ad bar background*/
	position: absolute; 
	left: auto;
	right: auto;
	top: 592px;	
	width: 100%;
	background: #FFFFFF url(images/philipallanindexadbar.jpg) no-repeat;
	margin: 0px;
	height: 82px;
	z-index: 199;
}

#footer2{ /*main index footer*/
	position: absolute; 
	left: auto;
	right: auto;
	top: 674px;	
	width: 100%;
	background: #FFFFFF url(images/philipallanpageend.jpg) no-repeat;
	margin: 0px;
	height: 54px;
	z-index: 200;
}

#footer2 p{
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 0px 0px 0px 210px;
}
#footer2 p a:link{color: #666666; text-decoration: none}
#footer2 p a:visited{text-decoration: none}
#footer2 p a:hover{text-decoration: underline}
#footer2 p a:active{color: #FF3300; text-decoration: underline}



.indextable {
	position: relative;
	left: auto;
	right: auto;
	margin: 0 10%;
	top: 160px;
	z-index: 3;
	visibility: inherit;
}

.topmenu {
	background-image: url(images/philipallantopbar.jpg);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	background-position: center;
	position: absolute;
	visibility: inherit;
	z-index: auto;
	height: 31px;
	width: 1024px;
	left: 0px;
	top: 0px;
	vertical-align: top;
}
.topmenutext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	vertical-align: top;
	padding-top: 3px;
	text-decoration: none;
	top: 0px;
	margin-top: 0px;
}
#topsection a:link, a:visited{ 
	text-decoration: none; 
	color: #999999;
	}
#topsection a:hover{ 
	text-decoration: underline; 
	color: #999999;
	}
#topsection a:active{ 
	text-decoration: underline; 
	color: #dd3300;
	}
.topmenuhome{
	background-image: url(images/topmenuhomeicon.jpg);
	padding: 0px;
	margin-top: 3px;
	margin-left: 0px;
	position: relative;
	height: 22px;
	width: 62px;
	left: 60px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	background-repeat: no-repeat;
	text-indent: 24px;
	display: block;
}
.topmenutitlesearch{
	background-image: url(images/topmenutitlesearchicon.jpg);
	padding: 0px;
	margin-top: 3px;
	margin-left: 0px;
	position: relative;
	height: 22px;
	width: 102px;
	left: 133px;
	top: -25px;
	text-indent: 17pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	display: block;
}
.topmenueupdates{
	background-image: url(images/topmenueupdatesicon.jpg);
	padding: 0px;
	margin-top: 3px;
	margin-left: 0px;
	position: relative;
	height: 22px;
	width: 176px;
	left: 245px;
	top: -50px;
	text-indent: 20pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	display: block;
}

#topsection{
	background-image: url(images/philipallantopbar.jpg);
	background-repeat: no-repeat;
height: 31px; /*Height of top section*/
margin: 0;
padding: 0px;
}

#topsection p{
margin: 0;
padding-top: 3px;
}

#contentwrapper{
margin-top: -44px;
float: left;
width: 100%;
	background: #FFFFFF url(images/philipallanlogostartbgslong.jpg) no-repeat;

}
#fullwidth {
	margin-top: -20px;
	margin-right: 53px;
	margin-bottom: 0px;
	margin-left: 38px;
}

#contentcolumn{
	margin: 0 12px 0 0px;
	float: left;
	width: 500px;
}
#twocolumn{
	margin: 0 0px;
	float: left;
	width: 690px;
}

#leftcolumn{
	float: left;
	width: 184px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
}

#rightcolumn{
	float: left;
	width:  240px;
	margin: 0px;
}

#rightcolumnlong{
	float: left;
	width:  240px;
	margin: 0px;
	height: 1250px;

}

#footer{
	clear: left;
	width: 100%;
	background: #FFFFFF url(images/philipallanpageend.jpg) no-repeat;
	margin: 0px;
	height: 54px;
	z-index: 200;
}

#footer p{
	text-align: center;
	padding: 20px 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	margin: 18 auto;
}
#footer p a:link{color: #666666; text-decoration: none}
#footer p a:visited{text-decoration: none}
#footer p a:hover{text-decoration: underline}
#footer p a:active{color: #FF3300; text-decoration: underline}


.innertube{
margin: 15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 124px;
}
/*maincolumn styles*/
.innertube h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
	color: #3366FF;
	margin-bottom: 4px;
}
.innertube h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #3366FF;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.innertube h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #3366FF;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.innertube h3.archive{
	color: #DD0000;
	font-size: 14px;
	margin-bottom: 3px;
	}

.innertube h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #BBBBBB;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.innertube p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	list-style-position: inside;
	list-style-type: disc;
	padding: 2px 2px 2px 0px;
}
.innertube p.formtext {
	margin-bottom: 12px;
}
.innertube p.formtext2 {
	margin-top: 50px;
	margin-bottom: 12px;
}

.innertube p.redbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #CC3333;
	font-weight: bold;
}
.innertube ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 18px;
	margin: 0px;
	text-indent: -16px;
	list-style-position: inside;
	list-style-type: disc;
}

.mainred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #FF3300;
	text-indent: 14px;
}

.redbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #CC3333;
	font-weight: bold;
}
a.redbold:link {color: #CC3333;	text-decoration: none}
a.redbold:visited {color: #CC3333; text-decoration: none}
a.redbold:hover {text-decoration: underline}

a.blue2:link {color: #36F;	text-decoration: none}
a.blue2:visited {color: #36F; text-decoration: none}
a.blue2:hover {text-decoration: underline}

span.redbold:link {color: #CC3333;	text-decoration: none}
span.redbold:visited {color: #CC3333; text-decoration: none}
span.redbold:hover {text-decoration: underline}

.blue {
color:#36F;
font-weight: bold;	
	}
	
.blue2 {
color:#36F;
	}
	
.grey{
	color:#999;
}
/*magazine blob*/
.magflash{
	background-image:url(images/magcircleblob.jpg);
	background-repeat: no-repeat;
	text-align: center;
	width: 100px;
	height: 100px;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
	padding-top: 18px;
	padding-bottom: auto;
}

/*left side navigation styles*/
.sidemenu{
	margin: 20;
	top: 124px;
	position: relative;
	height: 500px;

}
.sidemenu .norule{
	background-color: #ffffff;
	padding: 0px;
	height: 10px;
	width: 184px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	bottom: 0px;
	display: block;
	border: 0px;
}
.sidemenu .rule{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #097aff;
	border-bottom-width: 0;
	margin: 0px;
	padding: 0px;
	width: 183px;
	top: 0px;
	bottom: 0px;
	display: block;
}
.sidemenu p{
	margin: 0px;
}
.sidemenu form{
	margin: 0px 10px 10px 6px;
}
.sidemenu p a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	background: #ffffff;
	padding: 3px 0 3px 5px;
	line-height: 14px;
	text-decoration: none;
	list-style-type: none;
	margin: 0px;
	height: 14px;
	display: block;
	border: 0px;
}
.sidemenu p a:visited{
	color: #666666;
}
.sidemenu p a:hover{ /*hover state CSS*/
color: white;
background: #cccccc;
}

div.examiner {
	position: relative; 
	top: 10px;
	left: 4px;
	width: 170px;
	height: 27px;
	}

div.examiner a {
	margin: 12px 0px 12px 0px;
	padding:6px 6px 6px 6px;
	width:170px; height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/examinerbutton.jpg' ) top left no-repeat;
	}
div.examiner a:hover { background-position: 0px -27px; }

div.examiner a:active { background-position: 0px -27px; }

div.bulk {
	position: relative; 
	top: 10px;
	left: 4px;
	width: 170px;
	height: 27px;
	}

div.bulk a {
	margin: 12px 0px 12px 0px;
	padding:6px 6px 6px 6px;
	width:170px; height:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/bulkorderbutton.jpg' ) top left no-repeat;
	}
div.bulk a:hover { background-position: 0px -27px; }

div.bulk a:active { background-position: 0px -27px; }

div.special {/*Special offers text area*/
	position: relative; 
	top: 20px;
	left: 5px;
	width: 157px;
	background-color:#F03;
	margin-top:12px;}

div.special p {
	padding:6px 6px 3px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	}
div.special a {
	padding:1px 6px 2px 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	}
div.special a:hover { text-decoration: underline; }

div.spacial a:active { text-decoration: underline; }

div.inter {
	position: relative; 
	top: 20px;
	left: 4px;
	width: 170px;
	height: 40px;
	}

div.inter a {
	margin: 12px 0px 12px 0px;
	padding:8px 6px 4px 6px;
	width:170px; height:29px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 12px;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/interbutton.jpg' ) top left no-repeat;
	}
div.inter a:hover { background-position: 0px -40px; }

div.inter a:active { background-position: 0px -40px; }

div.homesub {
	position: relative; 
	top: 20px;
	left: 4px;
	width: 170px;
	height: 40px;
	}

div.homesub em{
	color:#FFF;
	}
div.homesub a {
	margin: 12px 0px 12px 0px;
	padding:8px 6px 4px 6px;
	width:170px; height:29px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	line-height: 12px;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/homesubbutton.jpg' ) top left no-repeat;
	}
div.homesub a:hover { background-position: 0px -40px; }
div.homesub a:hover strong{ color: #FCC; }
div.homesub a:hover em{ color: #FFF; }

div.homesub a:active { background-position: 0px -40px; }

div.astar {
	position: relative; 
	top: 30px;
	left: 4px;
	width: 170px;
	height: 29px;
	}

div.astar a {
	margin: 12px 0px 12px 0px;
	padding:7px 6px 6px 6px;
	width:170px; height:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/astarbutton.jpg' ) top left no-repeat;
	}
div.astar a:hover { background-position: 0px -27px; }

div.astar a:active { background-position: 0px -54px; }

div.howto {
	position: relative; 
	top: 5px;
	left: 0px;
	width: 170px;
	height: 27px;
	}

div.howto a {
	margin: 12px 0px 12px 0px;
	padding:6px 6px 6px 6px;
	width:170px; height:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/howtobutton.jpg' ) top left no-repeat;
	}
div.howto a:hover { background-position: 0px -27px; }

div.howto a:active { background-position: 0px -27px; }

.adline {
	margin: 12px auto;
	background-color: #9cf;
	display: block;
	padding: 8px 12px;
	border-width: 2px;
	border-style: solid;
	border-color: #09f;
	width: 500px;
	font-size: 14px;
	line-height: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	}
div.adline a {color: #FFF; text-decoration: none;}
div.adline a:hover {color: #FFF; text-decoration: underline;}
div.adline a:active {color: #b0b; text-decoration: none;}
	
.subsboxstart {
	background-image: url(images/subsboxtop.jpg);
	background-repeat: no-repeat;
	margin: 8px 0px 0px 0px;
	height: 10px;
	padding: 0px;
}
.subsboxend {
	background-image: url(images/subsboxbottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 15px;
	padding: 0px;
	clear: left;
}
.subsbox {
	margin: 0;
	background-color: #f2f9fd;
	display: block;
	padding-top: 2px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3399FF;
	border-left-color: #3399FF;
	width: 424px;
}
.blueboxstart {
	background-image: url(images/blueboxtop.jpg);
	background-repeat: no-repeat;
	margin: 12px 0px 0px 0px;
	height: 10px;
	padding: 0px;
}
#bookcolone {
	position: relative;
	width: 245px;
	left: 12px;
	top: 12px;
	float: left;
}
#bookcoltwo {
	position: relative;
	width: 245px;
	left: 24px;
	top: 12px;
	float: left;

}
.blueboxend {
	background-image: url(images/blueboxbottom.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 10px;
	padding: 0px;
	clear: left;
}
.bluebox {
	margin: 0;
	background-color: #f2f9fd;
	display: block;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #3399FF;
	border-left-color: #3399FF;
	width: 237px;
	height: 150px;
}

.bluebox h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #3366FF;
	line-height: 17px;
	text-decoration: none;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
.bluebox img {
	margin: 5px;
}
.bluebox h4 a:link {color: #3366FF; text-decoration: none}
.bluebox h4 a:visited {color: #3366FF; text-decoration: none}
.bluebox h4 a:hover {color: #3366FF; text-decoration: underline}

.breadcrumbbar {
	position: relative;
	height: 21px;
	width: 800px;
	left: 52px;
	top: 74px;
}
.breadcrumbbar p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 3px;
}
.breadcrumbbar p a:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.breadcrumbbar p a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

.breadcrumbbar p a:hover{ 
	color: #FFFFFF;
	text-decoration: underline;
}
#search_area {
	display: block;
	position: relative;
	top: -75px;
	left: 600px;
	margin: 0px;
	height: 22px;
	width: 380px;
	padding: 0px;
}
#Layer1 {
	background-color: #FFFFFF;
	width: 220px;
	height: 200;
	z-index: 1;
}
#Layer2 {
	background-color: #FFFFFF;
	width: 220px;
	height: 200;
	z-index: 2;
}
#Layer3 {
	background-color: #FFFFFF;
	width: 220px;
	height: 200;
	z-index: 3;
}
#Layer4 {
	background-color: #FFFFFF;
	width: 220px;
	height: 200;
	z-index: 4;
}

#Layerpos1 {
	background-color: #FFFFFF;
	width: 300px;
	height: 18;
	margin-bottom: 50px;
	z-index: 5;
}

#Layerpos2 {
	background-color: #FFFFFF;
	width: 300px;
	height: 18;
	margin-bottom: 50px;
	z-index: 6;
}


div.mntonline {
	position: relative; 
	top: 10px;
	left: 0px;
	width: 210px;
	height: 40px;
	float: left;
	}

div.mntonline .roman{			
	font-weight: normal;
	}
		
div.mntonline a {
	margin: 0px;
	padding:12px 6px 12px 6px;
	width:210px; height:40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	color: #FFFFFF;
	background: url( 'images/magonlinebuttonnt.jpg' ) top left no-repeat;
	}
div.mntonline a:hover { background-position: 0px -42px; }

div.mntonline a:active { background-position: 0px -42px; }

div.mntonlineless {/*version of mtonline with less space for use with paragraphs following the button*/
	position: relative; 
	top: 10px;
	left: 0px;
	width: 210px;
	height: 20px;
	float: left;
	}

div.mntonlineless .roman{			
	font-weight: normal;
	}
		
div.mntonlineless a {
	margin: 0px;
	padding:12px 6px 12px 6px;
	width:210px; height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	color: #FFFFFF;
	background: url( 'images/magonlinebuttonnt.jpg' ) top left no-repeat;
	}
div.mntonlineless a:hover { background-position: 0px -42px; }

div.mntonlineless a:active { background-position: 0px -42px; }

div.magdemo {/*demo button on magazinesonline page */
	position: relative; 
	top: 34px;
	left: 2px;
	width: 175px;
	height: 69px;
	}
	
div.magdemo a {
	margin: 0px;
	padding:12px 6px 12px 6px;
	width:175px; height:46px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	color: #FFFFFF;
	background: url( 'images/magonlinedemo.jpg' ) top left no-repeat;
	}
div.magdemo a:hover { background-position: 0px -69px; }

div.magdemo a:active { background-position: 0px -138px; }



div.magindonline {
	position: relative; 
	top: 10px;
	left: 0px;
	width: 210px;
	height: 42px;
	float: right;
	}

div.magindonline .roman{			
	font-weight: normal;
	}
		
div.magindonline a {
	margin: 0px;
	padding:12px 6px 12px 6px;
	width:210px; height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	overflow:hidden;
	text-decoration: none;
	color: #FFFFFF;
	background: url( 'images/magonlinebuttonnt.jpg' ) top left no-repeat;
	}
div.magindonline a:hover { background-position: 0px -42px; }

div.magindonline a:active { background-position: 0px -42px; }

div.outer {
	width: 93px; height: 18px;
	}

div.outer a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/samplepagesboth.jpg' ) top left no-repeat;
	}
div.outer a:hover { background-position: -93px 0; }

div.listen {
	width: 20px;
	height: 18px;
	float: right;
	}

div.listen a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/listenbutton.jpg' ) top left no-repeat;
	}
div.listen a:hover { background-position: -20px 0; }

div.listen a:active { background-position: -40px 0; }

div.listentxt {
	width: 20px;
	height: 18px;
	float: left;
	display: inline;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	background: url( 'images/listenbutton.jpg' ) top left no-repeat;
	}

div.mapping {
	width: 20px;
	height: 18px;
	float: right;
	}

div.mapping a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/gridbutton.jpg' ) top left no-repeat;
	}
div.mapping a:hover { background-position: -20px 0; }

div.mapping a:active { background-position: -40px 0; }

div.down {
	width: 20px;
	height: 18px;
	float: right;
	}

div.down a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/downbutton.jpg' ) top left no-repeat;
	}
div.down a:hover { background-position: -20px 0; }

div.down a:active { background-position: -40px 0; }

div.flash {
	width: 20px;
	height: 18px;
	float: right;
	}

div.flash a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/flashbutton.jpg' ) top left no-repeat;
	}
div.flash a:hover { background-position: -20px 0; }

div.flash a:active { background-position: -40px 0; }

div.iphone {
	width: 20px;
	height: 18px;
	float: right;
	}

div.iphone a {
	display: block;
	margin: 0; padding:0;
	width:100%; height:100%;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/ibutton.jpg' ) top left no-repeat;
	}
div.iphone a:hover { background-position: -20px 0; }

div.iphone a:active { background-position: -40px 0; }



/* the topmost layer on each page must declare a relative position - others absolute*/
.innertube h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #3366FF;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #3366FF;
	padding-bottom: 3px;
}

