/* CSS design by Mark Simpson--EDCOT(R) */

/* Use overflow:hidden for hiding part of an image when div is smaller than image size */
/* Use both id=anchorname and name=anchorname for naming anchors */

/* 125% equivalent to 20pts */
html {font-size:125%;
}

/* Asterisk property resets all margins and paddings to zero for precision alignment of any element */
* {
margin:0;
padding:0;
}

/* If html font-size:125%, then body of 50% equivalent to 10pts = 1em */
/* Resulting em point values: .8em=8pts; .9em=9pts; 1em=10pts; 1.2em=12pts 1.4em=14pts; 1.6em=16pts */
/* To preserve font-size in decendant elements, add font-size:inherit to those elements */
body {
font-size:50%;
font-family:Arial, Helvetica, sans-serif;
background-color:#E0E0E0;
}

/* Wrapping an absolute positioning within a relative positioning increases flexibility of design */
/* Use z-index:# to set stack order of page divisions and/or other elements */
/* Set #pagebox font-size to change inherit size from body value size */
/* Min and max-width only work in non-IE browsers but help control size */
/* Add a #pagepad div inside the #pagebox div to pad inside content */
#window {
position:absolute;
top:0px;
left:0px;
width:768px;
background-color:#FFFFFF;
padding:4px 0px 4px 4px;
border:0px solid black;
}

#pagebox {
float:left;
top:4px;
left:4px;
width:760px;
padding-bottom:12px;
font-size:1.2em;
background-color:#FFFFFF;
border:0px solid black;
}

img.logo {
float:left;
padding:6px 6px 6px 12px;
}

#header {
float:right;
top:2px;
right:2px;
width:760px;
padding:0px 12px 0px 0px;
background-color:#FFFFFF;
border:0px solid black;
}

/* Add a #mainpad div inside the #main div to pad inside content */
#main {
float:left;
width:760px;
padding:0px 12px 0px 12px;
margin:0px 0px 0px 0px;
background-color:#FFFFFF;
text-align:left;
border:0px solid black;
}

/* Add the div.clearfloat div after main before full length footer to force the floater to position correctly */
/* <div class="clearfloat"><!-- --></div> */
div.clearfloat {
clear:both;
}

#footer {
float:left;
width:760px;
padding:12px 0px 0px 12px;
margin:0px 0px 0px 0px;
background-color:#FFFFFF;
text-align:left;
border-top:1px solid #000000;
}

#menubar {
float:right;
height:auto;
width:760px;
padding:5px 12px 5px 12px;
list-style:none;
margin:0px 2px 0px 0px;
background-color:#003399;
border:0px solid black;
}

#menubar li {
float:right;
display:inline;
padding:0px 10px 0px 10px;
font-size:1em;
font-weight:bold;
}

#menubar a {
text-decoration:none;
}

#menubar a:link {
color:#FFFFFF;
}

#menubar a:visited {
color:#FFFFFF;
}

#menubar a:hover {
color:#FFFF00;
}

#menubar a:active {
color:#FFFFFF;
}

#menubar a.webpage {
text-decoration:none;
}

#menubar a:link.webpage {
color:#FFFF00;
}

#menubar a:visited.webpage {
color:#FFFF00;
}

#menubar a:hover.webpage {
color:#FFFF00;
}

#menubar a:active.webpage {
color:#FFFF00;
}

p {
font-size:1.2em;
padding:0em 0em 1.2em 0em;
}

/* Set left and right margins in px, but top and bottom in em */
p.title {
font-size:3.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
color:#000000;
padding:.5em 0em 0em 0em;
}

p.subtitle {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
text-align:right;
color:#0000FF;
padding:0em 0em 1.2em 0em;
}

p.pagetitle {
font-size:1.8em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#0000FF;
padding:.8em 0em 0em 0em;
}

p.pagesubtitle {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#000000;
padding:0em 0em 1.2em 0em;
}

p.backissue {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:left;
color:#0000FF;
padding:1.2em 0em 0em 0em;
}

p.footer {
font-size:1.0em;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#000000;
padding:0em 0em 0em 0em;
}

/* Use display:block for navbar vertical ul lists */
/* Use display:inline for horizontal menu ul lists */
/* Use font-size:inherit; as em is in relation to parent p size */
ol, ul {
font-size:inherit;
padding:0em 0em 0em 1.2em;
}

/* Leave no space between <ul><li>item</li><li>item</li></ul> for horizontal menu ul lists */
li {
font-size:1.2em;
list-style-type:disc;
font-size:inherit;
font-style:normal;
padding:0em 0em 1.2em 0em;
}

li.article {
list-style-type:none;
font-size:inherit;
font-weight:bold;
padding:0em 0em 0em 0em;
}

li.author {
list-style-type:none;
font-size:inherit;
font-weight:normal;
padding:0em 0em 1.2em 0.1em;
}

/* Check if font-size:inherit; as em may be in relation to parent p size */
th {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
}

tr, td {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
}

td:right {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
}

td:cntrname {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-weight:bold;
}

td:leftname {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-weight:bold;
}

dd {
font-size:1.2em;
font-weight:bold;
}

dt {
font-size:1.2em;
font-weight:normal;
}

/* <acronym title="Education with Digital...">EDCOT</acronym> */
abbr, acronym {
font-size:1.2em;
}

sup {
font-size:65%;
vertical-align:65%;
}

/* IE requires h1-h6 to be defined with even em values */
h1 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:bold;
text-align:center;
}

h2 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
font-style:italic;
text-align:center;
}

h3 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:bold;
text-align:left;
padding:1.2em 0em 0em 0em;
}

h4 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
font-style:italic;
text-align:left;
}

h5 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#0000FF;
font-weight:bold;
text-align:left;
}

h6 {
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
font-style:italic;
text-align:left;
}