/* This stylesheet controls the webpage areas positions and size */
/* eg margin convention clockwise 12 3 6 9 Oclock */ 
@page {
    size: auto;
    margin: 10%;
}

.spacer {
    clear: both;
}

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#pageframe {
    width: 48em;
    margin: 0px auto 20px auto;
    padding: 0px 0px 0px 0px;
}

#titlearea {
    height: 145px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    background-repeat: repeat-x;
}

#custom1 {
    position: absolute;
    top: 0px;
    right: 0px;
}
/*   XXXXXXXXXXXX  This controls the TOP menu area and butts  */
#topmenuback {
    height: 26px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 2px 0em;
}

.menutopbox {
    width: 90px;
    height: 18px;
    margin: 0px 2px 0px 2px;
    padding: 0px 0px 0px 0px;
    float: left;
}
/*  XXXXXXXXXXXX This controls the SIDE menu area and butts  */
#leftarea {
    width: 11em;
    margin: 0px 0px auto 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}

#searchform {
    margin: 10px 0px 20px 0px;
}

.menubox {
    width: 9.4em;
    margin: 0.35em 0px 0px 0.3em;
}

.submenubox {
    width: 9.4em;
    margin: 0.0em 0em 0px 0.6em;
}
/*   XXXXXXXXXXXX  This controls the Right area and buttons  */
#column3 {
    width: 10em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
}
/*   XXXXXXXXXXXX  This controls the MIDDLE menu area and butts  */
#centerarea {
	width: 34em;
	margin: 0px 0em 0px 0em;
	padding: 0px 0px 0px 0px;
	float: right;
	min-height: 24em;
}

#authorarea {
    position: relative;
    width: 90%;
    margin: 0px auto 0px auto;
    padding: 10px 0px 0px 0px;
}

.headingarea {
    margin: 0.5em 1em 0px 1em;
    padding: 0px 0px 5px 0px;
}

.articlearea {
    margin: 0.5em 0.5em 7px 1em;
    padding: 0px 0px 0px 0px;
}

img {
    border: 0px;
}

.ie6hack {
    width: 100%;
}
/*   XXXXXXXXXXXX  Pict and surround XXXXXXXXXXXX */
.articlepicture, .articlepicture0, .articlepicture1 {
	padding: 10px;
	position: relative;
	float: right;
	overflow: auto;
	visibility: inherit;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
}

.articlepicture1 {
    float: left;
    margin: 10px 1.8em 1.8em 0px;
}


/* columns in text areas */
.clmn1 {
    position: relative;
    width: 85%;
    margin: 6px 2% 4px 8%;
    padding: 4px 0px 4px 0px;
    clear: both;
}

.clmn2 {
    position: relative;
    float: left;
    width: 40%;
    margin: 4px 4% 4px 4%;
    padding: 4px 0px 4px 0px;
}

.clmn3 {
    position: relative;
    float: left;
    width: 28%;
    margin: 4px 2% 4px 2%;
    padding: 4px 0px 4px 0px;
}

.clmn4 {
    position: relative;
    float: left;
    width: 20%;
    margin: 4px 2% 4px 2%;
    padding: 4px 0px 4px 0px;
}
/*   XXXXXXXXXXXX  Bottom bar controls  XXXXXXXXXXX */
#bottombar {
    width: 100%;
    height: 3em;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    clear: both;
}
/*   XXXXXXXXXXXX  This controls the tables created using our table code generator  */
/*   XXXXXXXXXXXX  Modify the class name layout in the str2web/default/tablestyles directory to add more  */
.subtable {
    width: 98%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.toprow {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.lastrow {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}