/**************************** JOURNAL STYLESHEET ****************************/

.clearfloats {clear: both;}




/**************************** MONTHLY STYLE CHANGES ****************************/

body {	
	background-image: url(images/journal-main.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#column-main h1, .issue1 {color: #39498E;}

a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {text-decoration: underline;}

#column-main h2, .issue2, #column-b h2, #column-main h3 {color: #997508;}

#journal-subscribe a:link {color: #f26532; text-decoration: none;}
#journal-subscribe a:visited {color: #f26532; text-decoration: none;}
#journal-subscribe a:hover {color: #f2906d; text-decoration: underline;}


#footer1 {background: #893688;}

h2 {font-size: 15px;}
h3 {font-size: 13px;}

#article-callout, #article-ref-intro {
	color: #39498E; 
	border-top: dashed 1px #39498E; 
	border-bottom: dashed 1px #39498E;
}

#columnholder {width: 970px; _width: 975px;}

#column-a {width: 180px;}
.pad-a1 {padding: 20px 15px 15px 15px; background: none; _padding-right:10px}
.pad-a2 {padding: 0px 0px 0px 0px; background: none;}

.divider-home-a {width:475px}

#column-main {width: 560px;}
.pad-main {padding: 20px 20px 20px 20px;}
 
#column-main a:link {text-decoration: underline;}
#column-main a:visited {text-decoration: underline;}

#column-b {width: 228px;}
.pad-b1 {padding: 15px 0px 0px 15px; background: none; _padding-left:10px}
.pad-b2 {padding: 5px 0px 5px 0px;}

#header-navbar {width: 970px;}

#navbar {margin-left:150px;}

#feature-box {width: 520px; _width: 518px;}




/**************************** START FOOTER WITH ADS ****************************/

#footer1 {
	clear: both;
	width: 100%;
	height: 220px;
	background: none;

	background-image: url(images/bg-footer.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#footer1-container {
	clear: both;
	width: 800px;
	padding-top: 25px;
}

#footer-promo-box {float: left;}

#footer-promo-box.middle {margin: 0px 20px 0px 20px;} 

#footer-promo-box img { behavior: url(/fragments/iepngfix.htc); height: 170px; width: 250px; border: none; padding: 0px; margin: 0px;}

#footer-promo-box h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
}






/**************************** START HEADER ELEMENTS ****************************/

#top-right {position:relative; top:10px;}
#search {clear:none; margin-right:20px;}

#header2 { width: 970px; height: 205px; margin: 0px;}

#header2-container {
	clear: both;
	width: 100%;
	height: 205px;
}

#tagline1 {
	float: left;
	text-align: left;
	width: 260px;
	height: 100%;
	margin: 0px;
}

#tagline1 img {border: 1px solid #000; margin-top: 10px;}
.padding-tagline1 {padding: 0px 0px 0px 20px;}

#promo {
	float: left;
	width: 400px;
	margin: 0px;
	padding-top: 12px;
	text-align: left;
}

#promo img {display:none;}

#tagline2 {
	float: left;
	text-align: left;
	width: 310px;
	height: 100%;
	margin: 0px;

	font-size: 14px;
	font-weight: normal;
	color: #fff;
}

.padding-tagline2 {padding: 10px 0px 0px 80px;}

.tag-mbe {margin: 0px 40px 0px 0px; font-size: 13px; text-align: right;}





/**************************** START BODY and MAIN COLUMN ****************************/

#column-main h1 {font-size: 18px; margin: 0px 0px 13px 0px;}

#column-main h2 {margin: 0px;}

.toc {font-size: 11px;}

#column-main h3 { margin: 0px;}

#journal-video1 { 
	display: inline;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 13px;
	text-decoration: none;
}

#journal-video1 a:link {text-decoration: none;}
#journal-video1 a:visited {text-decoration: none;}
#journal-video1 a:hover {text-decoration: underline; color: #cc66cc;}





/**************************** START COLUMN A ****************************/

#column-a {
	font-size: 12px;
	color: #444;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#column-a a:link {text-decoration:none}
#column-a a:visited {text-decoration:none}
#column-a a:hover {color:#6381da; text-decoration:underline}

.pad-a2 {background: #A5E3E3;}

#journal-nav {margin-bottom:25px;}

#journal-nav a:link {}
#journal-nav a:visited {}
#journal-nav a:hover {}

	#journal-nav h3 { 
		text-align: left;
		font-size: 12px;
		margin: 0;
		border-bottom: 1px solid #003366;
		}

	#journal-nav h3 a { 
		display: block; 
		text-decoration: none;
		background-image: url(images/journal-nav-1.jpg);
		background-repeat: repeat-x;
		background-position: top center;	
		padding: 10px 10px 5px 10px;
		}

	#journal-nav h3 a:hover {
		background-image: url(images/journal-nav-2.jpg);
		background-repeat: repeat-x;
		background-position: top center; 
		text-decoration: underline;
		}

	#journal-nav h4 { 
		text-align: left;
		font-size: 12px;
		font-weight: normal;
		color: #fff;
		margin: 0;
		border-bottom: 1px solid #ddd;
		}

	#journal-nav h4 a { 
		display: block; 
		color: #fff; 
		text-decoration: none;
		background-color: #3daaa9;	
		padding: 10px 10px 5px 35px;
		}

	#journal-nav h4 a:hover {
		color: #fff; 
		background-color: #c3cd2c; 
		text-decoration: underline;
		}





/**************************** START COLUMN B ****************************/

#column-b {
	font-size: 13px;
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, clean, sans-serif;
}

#column-b h2 {
	margin: 0px 0px 14px 0px;
	text-align: left;
}

img.cart {margin-top: -8px; margin-right: 75px; text-align: right; border: none;}
img.search {margin-top: 0px; margin-right: 10px; text-align: right; border: none;}

#journal-subscribe {
	margin: 0px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 1px dashed #999;

	font-size: 16px;
	font-weight: bold;
}

#directory-search {
	margin: 5px 0px 0px 0px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px dashed #999;

	font-size: 14px;
	font-weight: bold;
}

#directory-search a:link {text-decoration: none;}
#directory-search a:visited {text-decoration: none;}
#directory-search a:hover {text-decoration: underline;}

#journal-features {
	margin: 0px;
	padding: 10px 0px 10px 0px;
	text-align: left;
}

.note {font-size: 11px;}





/**************************** START FOOTER ****************************/

#footer1 {
	background-image: url(images/journal-footer.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#footer2 a:link {text-decoration: none;}
#footer2 a:visited {text-decoration: none;}
#footer2 a:hover {text-decoration: underline;}


/**************************** START NAVBAR ****************************/

#header-navbar-container {
	border-top: solid 0px #666699;
	border-bottom: solid 1px #aaa;
}

#menuh a {
	display:block;
	border-left: 1px solid #aaa;
	border-right: 0px solid #BCD2FB;
	border-top: 0px solid #BCD2FB;
	border-bottom: 0px solid #2C46B7;
	white-space: nowrap;
	margin:0;
	padding: 0.2em;
}

#menuh ul ul a {
	display:block;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-top: 0px solid #aaa;
	border-bottom: 1px solid #aaa;
	white-space: nowrap;
	margin:0;
	padding: 0.2em;
}

#menuh a, #menuh a:visited /* menu at rest */ {background-color: #none;}
#menuh a:hover /* menu at mouse-over */ {background-color: #6699ff;}

div#menuh li li {background-color: #39669b;}

div#menuh li li a.topline {border-top: 1px solid #aaa;}


/* End CSS Drop Down Menu */




/***************************** MOBILE STYLES *******************************/

@media handheld,
only screen and (max-device-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) {

body {background-image: none;}

#header1 {width: 295px; margin-bottom:10px; background-image: url(/images/header-logo-mobile.jpg);}
#top-left {float:none; width: 295px;}
#top-left img {width: 295px; height: 40px;}
#top-right {display:none}

#header2 {display:none}
#journal-header-home {width:285px;}
#header-navbar-container {display:none}

#columnholder {clear:both; width: 100%;}
#column-a {display:none}

.divider-home-a {width:100%;}

#column-main {clear:both; width: 100%;}
.pad-main {padding: 0px 10px 0px 10px}
#column-main h1 {clear:both; display:block; margin-bottom:0px}
#article-callout {margin: 20px 20px 20px 20px;}
#feature-box {width:100%}
#feedback {display:none}
#main-shareprint-container {display:none}

#search-icon {display:none}
#tte-search-title {width: 84%}
#search-pubdate {width: 14%}
#search-bottom {width: 100%; margin-bottom:10px}
#search-tips {display:none}

#bl-image {float:left; max-width:19%; margin-right:0px;}
#bl-image img, #bl-image div {max-width:100%;}
#bl-product {float:right; width:78%;}

#column-b {clear:both; width: 100%; margin-top:15px;}
.pad-b1 {padding: 10px 10px 0px 10px}
#article-shareprint-container {display:none}
#font-size {display:none}
#column-b-quick-search {display:none}
#classifieds {display:none}

#footer1 {display:none}
#footer2 {width:100%}

}