body { margin: 0; padding: 0; font-size: 11px; font-weight: normal; color: #333; font-family: Arial,helvetica,sans-serif; }
a { text-decoration: none;}
.header { background-image: url(http://www.harrispublishing.com/data/i/hpihead.jpg); background-repeat: no-repeat; height: 120px; width: 900px; margin: auto;}
.header h1 { font-family: Georgia; color: White; font-weight: normal; font-size: 300%; margin: 0; padding: 25px 0 0 100px; }
.contact { margin: 0; padding: 30px 0 0; margin: auto; color: White; font-size: 10pt; width: 644px; }
.black { color: Black; }

.LoginBackground { width: 100%; height: 1120px; background-color: Gray; filter: alpha(opacity=80); opacity: 0.8; position: absolute; display: block; top:0; left: 0; z-index: 10; }
.LoginForm { position: absolute; width: 100%; top: 100px; left: 0; z-index: 11;}
.LoginForm div {width: 450px; padding: 10px; margin: auto ; background-color: #ffd; font-family: Verdana; font-size: 80%; }

.constrained { width: 880px; margin: auto; padding-top: 20px; }
.leftnav { float: left; width: 180px; }
.leftnav a { color: #666; font-size: 11px; line-height: 24px; text-transform: lowercase;}
.leftnav a:hover { color: #5E7F9E; }
.leftnav ul { margin: 0; padding: 0; list-style-type: none;}
.leftnav li { margin: 0; padding: 0;}
.leftnav a.main-nav { font-size: 12px; color: Black; }
.leftnav a:hover.main-nav { color:#5E7F9E;}

.maincontent { margin-left: 200px; }
.pub { text-align: center; border: solid 1px #aaa; width: 200px; height: 238px; float: left; margin: 2px; padding: 10px;}
.pub:hover { background-color: #eee;}
.pub img { border: none; }
.title { padding-top: 3px;}
.title a { color: #5E7F9E; font-size: 14px; }
.issue { float: left; margin: 2px; border: solid 1px #aaa; width: 200px; height: 238px; padding: 10px; text-align: center; font-size: 12px; line-height: 20px;}
.issue a { color: #333; }
.issue img { border: none;}
.issue:hover { background-color: #eee; }
.summaryarea { border: solid 1px #aaa; padding: 15px; margin-top: 15px; margin-left: 240px; }
.summaryarea h1 {color: #3B8AC9; font-size: 14px; font-weight: normal; margin: 0;}
.pastissues { clear: both;}
.pastissues h1 { font-size: 12px; color: #333;}
.subscribelabel { display: block; clear: both; text-align: center; }
.subscribelabel a { color: #38576C; font-weight: bold; font-size: 110%; text-decoration: underline; }
.subscribelabel a:hover { color: #333;}
#imgCurrentIssue {width: 280px; border: none;}
#currentMagazineEdition {text-align: center; padding: 5px 0; font-size: 25px; color: #000; font-weight: bold;}


/* 3 column layout */

#leftcol{
 width:18%; 
 float:left; 
 position:relative; 
  }
 
#twocols{
 width:82%; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:45%; 
 float:right; 
 position:relative; 
 padding: 0 10px;
 }
 
#maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:52%; 
 background-color: #fff;
 text-align: center;
 padding: 10px 0;
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.rightnav {text-align: center;}
.rightnav a { color: #666; font-size: 11px; line-height: 24px; text-transform: lowercase;}
.rightnav a:hover { color: #5E7F9E; }
.rightnav ul { margin: 0; padding: 0; list-style-type: none;}
.rightnav li { margin: 0; padding: 0;}
.rightnav a.main-nav { font-size: 12px; color: Black; }
.rightnav a:hover.main-nav { color:#5E7F9E;}
#magazineMainContent {width: 900px; margin: auto; background-color: #eee; padding: 15px 0;}
.magazinesummaryarea {background-color: #eee; padding: 15px; font-size: 11px; }
.magazinesummaryarea h1 {color: #3B8AC9; font-size: 14px; font-weight: normal; margin: 0;}

.issue2 { float: left; margin: 2px; border: solid 1px #aaa; width: 165px; height: 220px; padding: 20px 10px 0 10px; text-align: center; font-size: 12px;}
.issue2 a { color: #333; }
.issue2 img { border: none;}
.issue2:hover { background-color: #eee; }

/* promotion box area */
#promotion1, #promotion2 {border:none; background-color:transparent; width: 94%; margin: auto; margin-bottom: 15px; color: #fff; position: relative; }
#promotion1 .promoTitle, #promotion2 .promoTitle {color: #FEFF7F; font-size: 29px; font-weight: bold; text-align: center;}
.promotionTop {background: url(../images/promotion_top.png) no-repeat 0 0; height: 15px; width: 319px; margin: auto;}
.promotionMiddle {background: url(../images/promotion_middle.png) repeat-y 0 0; width: 305px; margin: auto; padding: 0 7px;}
.promotionMiddle p {margin: 0; padding: 5px 0;}
.promotionBottom {background: url(../images/promotion_bottom.png) no-repeat 0 0; height: 15px; width: 319px; margin: auto;}

.TableRowLabel {padding-top: 4px;
text-align: right;
vertical-align: top;
white-space: nowrap;}

.ErrorText {color:Red;}