body {
    padding:    0;
    margin:     0;
    position:       relative;
    min-height:     100%;
    /*border: 1px solid red;*/
}
* html body { height: 100%; }

html { height: 100%; }


body {
    background: #fff url("topbg.png") repeat-x top; 
    font: 10pt Arial, sans-serif;
}

a { color: #036; }

a.pdf {
    padding-left:   20px;
    line-height:    18px;
    background:     transparent url("pdf-ico.png") no-repeat left center; 
}

.HEADER {
    position:           absolute;
    width:              100%;
    left:       0;
    top:        0;
    z-index:    10;
}

.HEADER .logo {
    position:   absolute;
    top:        0;
    left:       0;
}

.HEADER .menu {
    list-style-type:    none;
    position:   absolute;
    top:        80px;
    right:      0;
    margin:     0;
    padding:    0;
    font-weight:    bold;
}
.HEADER .menu li {
    display:        inline;
    margin-right:   1em;
}
.HEADER .menu a {
    text-decoration:    none;
    font-weight:        bold;
}
.HEADER .topText {
    position:   absolute;
    top:        0;
    right:      1ex;
    font-size:  90%;
    z-index:    1;
    line-height:    20px;
}

.CONTENTS {
    overflow:           hidden;
    position:           relative;
    width:              100%;
    padding-bottom:     160px;
}


.FOOTER {
    position:       absolute;
    left:           0;
    bottom:         0;

    width:          100%;

    background:         white url("footerbg.png") repeat-y;
    font-size:          80%;
    height:             70px;
}
.FOOTER .copyright {
    border-left:        10px solid #069;
    padding:            1em;
}



.CONTENTS .LEFT_COLUMN {
    margin-top: 120px;
    float:      left;
    width:      24%;
    position:   absolute;
    left:   0;
    top:    0;
}
.CONTENTS .MAIN_COLUMN {
    margin-top:     120px;
    margin-left:    26%;
}
/*
.issueContents .MAIN_COLUMN {
    width:          65%;
}
*/
.issueContents .LEFT_COLUMN {
    width:          220px;
}
.issueContents .MAIN_COLUMN {
    margin-left:    260px;
    margin-right:   6%;
}

.issueContents .issueNumber {
    font-weight:        bold;
    color:              #999;
}
.issueContents .coverStory {
    margin-top:         1em;
    font-weight:        bold;
    width:              60%;
    margin-bottom:      1em;
}
.issueContents .coverStory h1 {
    color:              #d02;
    margin:             0;
    font-size:          180%;
}
.issueContents .articles {
    list-style-type:    none;
    margin:             0;
    padding:            0;
    margin-top:         2em;
}

.issueContents .articles li {
    margin:             0;
    padding:            1ex 0;
}
.issueContents .articles .rubric {
    color:              #d02;
    font-size:          110%;
    font-weight:        bold;
    margin-left:        0;
}
.issueContents .articles .title {
    /*display:            block;*/
    font-size:          100%;
    font-weight:        normal;
    margin:             0;
    margin-left:        1ex;
}
.issueContents .articles .digest {
    display:            none;
    margin:             1ex 0 2em 2em;
}

.issueContents .coverBlock {
    float:              right;
    text-align:         center;
    color:              #666;
}

.issueContents .coverBlock img {
    border:         6px solid #d2dbe7;
    margin-bottom:  1em;
}

.coverBlock .issueNumber {
    text-align:         center;
    font-weight:        bold;
    margin-bottom:      1em;
}

.coverBlock .issueNumber a {
    text-decoration:    none;
    color:              #666;
}

.coverBlock .contents {
    display:            block;
    text-align:         center;
    font-weight:        bold;
    margin-bottom:      1em;
}


.MAIN_COLUMN h1 {
	color:			#d02;
	font-size:		180%;
}



.article .header {
    width:          100%;
    overflow:       hidden;
}

.article .rubric {
    font-weight:    bold;
    color:          #000;
    font-style:     italic;
}

.article .headerTable {
	float:	        right;
    width:          100%;
}
.article .headerTable td {
	vertical-align:	top;
}
.article .headerTable .credits {
	padding-bottom:		4em;
	padding-right:		10px;
}
.article .headerTable .photo {
    text-align:         right;
}
.article .headerTable .photo img {
	border: 		1px solid #ccc;
	border-top: 	8px solid #d02;
}
.article h1 {
	margin:			0;
}
.article .subTitle {
    color:			#036;
    font-size:		120%;
    font-weight:	bold;
    margin-top:		1ex;
    margin-right:   2em;
}
.article .authorName {
    font-size:		90%;
    margin-top:     2em;
}


.issuesList {
    list-style-type:    none;
    margin:     0;
    padding:    0;
}

.issuesList li {
    overflow:       hidden;
    margin-bottom:  2em;
}

.issuesList .cover {
    float:      left;
}
.issuesList .cover img {
    border:         6px solid #d2dbe7;
}

.issuesList .number, .issuesList .coverStory, .issuesList .date, .issuesList .file {
    margin-left:    210px;
}

.issuesList .number {
    font-weight:    bold;
}

.issuesList .date {
    color:          #666;
}

.issuesList .coverStory a {
    font-size:      120%;
    color:          #d02;
}

.issuesList .file {
    margin-top:     2em;
}

.titlePath {
    color:          #666;
    font-size:      80%;
    font-style:     italic;
}


#headerSearchForm {
    position:   absolute;
    top:        32px;
    right:      12px;
    opacity:    .5;
    filter:     alpha(opacity=50);
    text-align: right;
}
#headerSearchForm.active {
    opacity: 1;
	filter: alpha(opacity=100);
}

#searchFormHint {
    font-size:  80%;
    color:      #fff;
    visibility:    hidden;
}
#headerSearchForm.active #searchFormHint { visibility:    visible; }


#searchFormInput {
    border:     1px solid #000;
    padding:    2px;
    color:      #666;
    background: white url("search-input-image.png") no-repeat top right;
    width:      220px;
}
#headerSearchForm.active #searchFormInput { color:    #000; }


.issueToc {
    float:      right;
    font-size:  80%;
    width:      200px;
    margin-top:        180px;
    display:    none;
}

.issueToc ul {
    margin:             0;
    padding:            0;
    margin-left:        2em;
}

.issueDigest {
    padding:    1em;
    color:              #000;
    background:         #eee url("gray-gradient.png") repeat-x bottom;
    font-size:          90%;
    text-align:         left;
}

.rubricsToc {
    font-size:          90%;
    font-weight:        bold;
    margin:             1em;
    margin-left:        2em;
    float:              right;
}
.rubricsToc .title {
    color:              black;
}
.rubricsToc a {
    color:              #d02;
}
.rubricsToc ul {
    margin:             0;
    padding:            0;
    margin-left:        1ex;
    list-style-type:    none;
}
.rubricsToc li {
    margin-top:         1ex;
}

.banner img{
    border:     none;
}
.bottomBanner {
    position:   absolute;
    right:      4px;
    top:        4px;
}

.LEFT_COLUMN .banner {
    width:      100%;
    text-align: center;
    margin-top: 400px;
}

.mainDigest {
    overflow:       hidden;
    zoom:           1;
    margin-bottom:  1em;
    margin-right:   5%;
    border-bottom:  1px solid #ccc;
    padding-bottom: 1em;
}

.mainDigest .photo {
    float:      right;
	border: 		1px solid #ccc;
	border-top: 	8px solid #d02;
}

.mainDigest .title {
    font-size:      160%;
    margin-bottom:  1em;
}

.mainDigest .digest {
    margin:         1ex 0;
}
.mainDigest h2 {
    margin:         0;
    font-size:      130%;
}
.mainDigest .readmore {
    font-style:     italic;
}

.mainDigest .rubric {
    color:              #d02;
    font-size:          110%;
    font-weight:        bold;
}


.MAIN_COLUMN table {
    width:          100%;
}

.MAIN_COLUMN table td {
    padding-right:  5%;
    border-bottom:  1px solid #ccc;
}
.MAIN_COLUMN table .mainDigest {
    margin-right:   0;
    border-bottom:  none;
}