/* CSS Document for IWS pages on kjmaclean.com*/

* {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin-bottom: 1.2em; line-height: 1.5em;}
h1 { font-size: 2em; }
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5, p {font-size: 1em;}
h6 {font-size: 0.8em;}
p, .p{ text-indent: 2em;
margin-bottom: 0.9em;
font-weight: normal;
}
h1 {color:#008000;}
p, .p {margin: 0 8em 1em 9em; text-align: left;line-height: 1.2; font-size: 1.07em;}
a:link {color:#0080FF;}
a:visited {color:#FF5FFF;}
a:hover {background-color: #EAF9FF;}
a:active {color: #FF0000;}

body {
background-color:#0000A8;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#container {
text-align: center;
width: 60em;
font-weight: bold;
margin: 1em auto;
border: 5px ridge #00FFFF;
}

div#shadow {background-image:url(shadow1.jpg);
width: 60em;
height: 10px;
overflow: hidden;
}

div#shadowreverse {background-image:url(shadow2.jpg);
width: 60em;
height: 5px;
overflow: hidden;
}

div#branding {width: 60em;
height: 251px;
}


div#navbar {
position: relative;
display: block;
width: 180px;
max-width: 180px;
margin: 0 auto 75px auto;
vertical-align: top;
top: 25px;
padding: 0;

 }

div#navbar ul {
margin: 0 auto;
position: relative;
list-style-type:none;
padding: 0;
}

div#navbar li {
font-family: Arial Unicode MS;
font-size: 10pt;
font-weight:bold;

}

/* navbar width = 180 pixels */
div#navbar a {
position: relative;
text-align: left;
margin: 0 auto;
padding: 5px 5px;
display:block;
width: 168px;  /* 168 + 5px padding on each side + 1px border on each side = 180 */
max-width: 168px;
border-width: 1px;
border-style: solid;   
border-color: #FFF #777 #777 #FFF;
background-color:#0075EA; 
color: #EAF9FF;
text-decoration: none;
/* background-image: url('NavA.jpg');
background-repeat: no-repeat;
background-position: 0 0;  */
}

div#navbar a:link {color: #EAF9FF;}
/*div#navbar a:visited {background-color: #2A3FFF; color: #FFFF55;}*/
div#navbar a:hover {border-width: 1px; border-style: solid; border-color: #000 #FFF #FFF #000; 
/*background-image: url('NavB.jpg');
background-repeat: no-repeat;
background-position: 0 0; */
background-color:#EEE;
/*color: #000;*/
color: #0000DF;
padding: 5px 5px;
text-decoration: underline;
width: 168px;
max-width: 168px;
}
div#navbar a:active {color: #FF0000;}

div#navtop {
margin-bottom: -4px;   /* 1st part of Hack code to place navtop flush with the navbar in both IE and Firefox */
}

#navbottom li, #navtop li{
position: relative;
display: inline;
border: 0px; 
width: 180px;
height: 20px;
padding: 0px;
margin: 0px;
background-image: none;
background-color: #EAF9FF;
color:#EAF9FF; 
border: 1px solid #EAF9FF; /* 2nd part of Hack to get IE and Firefox to display navtop flush with navbar */
}




div#genericform {width: 18em;
margin: 0 auto;
text-align: center;}

div.forminfo {background: #FFF;
margin: 1em 0.5em;
text-align: left;
padding: 1em 0;
}

div.forminfo h6, div.forminfo input#submitform {text-align: center;}

form#subscribeform {
/*border: 1px solid #0000D6;*/
background: #FFF;
padding: 0.2em;
margin-bottom: 0.5em;
}

form#subscribeform fieldset {border: 0; 
margin: 0 auto;
}

div#NLsubscribe {margin-top: 10em;}

div#NLsubscribe img {margin: 0 auto;
text-align: center;
}

div#NLsubscribe h2, div#NLsubscribe h3 {line-height: 1.0em;
}


div#NLsubscribe a {display: block;}

form#subscribeform input {margin-left: 3em;}

form#subscribeform fieldset#submit {margin-left: 2em;}


form#subscribeform:hover, form#subscribeform:focus {
background-color: #EEE;
}


form#subscribeform input:hover, form#subscribeform input:focus {
background-color: #FFDFAA;
}


div#content { width: 100%;
background: #EAF9FF;
overflow: auto;
}

div#container  p, div#content  span{
margin: 0 1em; padding: 0.5em   0;
}

div#content_main {
background-color: #F2DEE7;/*#FEDAEB;*/
float: left;
width: 38.5em;
padding: 2em 3em 0 3em;  /* 39em + 6em padding = 45em */
border-right: 0.5em solid #E5E5E5;
}

div#content_sub { 
float: right;
width: 15em;
background-color: #EAF9FF;
}

div#content p {
}

ul.specialsubjects {color: #974B00;
text-align: left;
margin-left: 6em;
}

div#copyright {
background-image: url(https://kjmaclean.com/FooterIWS.jpg); 
width: 60em;
height: 6em;
overflow: hidden;
text-align: center;
color: #FFF;
border-top: 0.2em solid #E5E5E5;
}


img.noborder {border: 0;}
div.clearboth {clear: both;}