/* BODY AND CONTAINERS */


body {
display:block;clear:both;width:100%;background-color: #CFF; margin:0; padding:0; 
}


#container, #pages {
width: 98%;
 height: auto;
 font-family: Arial, Helvetica, sans-serif;
 margin:0; padding:1em; overflow:hidden; 
}

.sideLeft {float:left;}
.sideLnarrow {float:left; width:58%; }
.sideLextranarrow {float:left; width:20%; }
.sideRight{float:right;}
.sideRmedium{76%;}
.sideRnarrow{float:right; width:68%;}
.sideCenter{float:left; width:68%; margin:auto;}

/* GENERAL STYLES */

.articles, .section { margin:.0 4px 0 4px; border:black; }
h1, h2, h3, h4, h5, h6, p, li, img, a, blockquote {
 font-family: Arial, Helvetica, sans-serif; color:black;
 margin:0; padding:0; }
h1 {
 display:block; float:left; clear:both; width:100%; font-weight: normal;
 font-size: 130%;
 color: purple;
 font-weight: bold; text-transform:uppercase; text-align:center; }

h2 {
 display:block;float:left;clear:both;width:99%; margin-top:1em; color: purple;
 font-size: 1.2em;text-align: center;
 font-weight: bold; text-transform:uppercase; 
}
 
h3, h4 {
 display: block;
  clear: both; 
width:99%; color: #000066;
 font-size: 110%;
 font-style: italic;
 text-align: center; 
}
h4 { color: black; }
p { color:black; }
p.hideline {
visibility: hidden; 
}

.highlight {
 display: block;
 color:green;
 font-weight: bold; }

.upper { text-transform:uppercase; word-wrap:none; }
.caps1 {text-transform:capitalize; }
.hideThis {
 visibility: hidden; }

.style2 {
color: #0000FF;
 visibility: hidden;
}


a, a:visited {
 color: blue; text-decoration: none; }


a:hover {
 color: green; border: none; }

input {
 color: black;
 border: 1px solid #000000;
 padding: 3px;
 }

.button {
 padding: 2px;
 color:  #000000;
 font-weight: bold;  
}

.submit {
 color:  black;
 background-color: #00FF00;
 font-weight: bold; }

.boxed {
 display:block;
 width:80%;
 margin:1em 10% 3em 10%;
 border:thin black;
 }

table {
 width:80%;
 margin:1em;
 color:#000000;
 background-color:#FFFFDD;
 border-collapse:separate;
 }

caption {
 vertical-align:middle;
 font-size:large;
 font-weight:bold;
 color:#1b2985;
 }

th {
 width:9em;
 height:2em;
 vertical-align:middle;
 font-size:large; color:#000000;
 }
 
td {
 width:9em;
 vertical-align:text-top;
 text-align:center;
 color:#000000;
 }
.grDay {
 align:left;
 padding-right:6em;
 color:#1b2985;
 }

.dblue { color:#1b2985; font-weight:normal;
 }

.lav { color:#FF00FF;
 }

.prpl { color:purple; font-weight:700; }
.dgreen { color:#090;
}

.wMed {width:50%;}
.wNar {width:20%;}

/* IMAGES */
img {
 display: inline;
 margin: 0; padding:1em; clear:none;
 }

a img{
border: none;
}


img.lft, img.ctr, img.rt {display:block; float:left; clear:none;
}


img.ctr {
width:50%; margin: 0 25% 0 25%;
}



img.ctr2 {
width:30%; margin: 0 35% 0 35%;
}

img.ctr3 {width:100%; clear:both;}
img.lft {width:20%;}
img.rt {
float: right;}

img[title]: {background-color:white; color:darkblue; }

/* HEADER CONTAINER */


#headcon {
display: block;width:100%;
 height: auto;
 margin: 0; padding: 0;

}



/* HEADER */


#header {
display: block;
float: left;
 clear:both;width: 100%;
height: 100%;
padding: 0;
text-align: left;
margin: 0;
background-color: #CFF;}

#header img { background-color: #CFF;}

/* SITE MENU */

#siteNav {
display:block;
z-index:5;
width:100%;
float:left;
padding: 0;
margin:0;
font-family: Arial, Verdana;
font-size: 100%;
border: none;
text-decoration:none;
background-color:blue;
background-image:linear-gradient(white, blue, white);
background-image: -webkit-linear-gradient(white, blue, white);
background-image:-moz-linear-gradient(white, blue, white);
height:2em;
line-height:120%;
text-align:center;
}
#siteNav ul {
font-family: Arial, Verdana;
font-size: 100%;
padding:.1em;
margin: .3em 0 0 0;
list-style: none;
color:black;
}
#siteNav ul li {
display: block;
position: relative;
float: left;
width:10em;
padding: .1em;
margin:0;
valign:middle;
line-height:120%;
text-decoration:none;
z-index:10;
background-color:gray;
}
#siteNav li ul { 
display: none;
padding: .1em;
margin:0;
transition: all .3s linear ease-in ease-out;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
#siteNav ul li a {
display: block;
position: relative;
float: left;
width:10em;
padding: .1em;
margin:0;
border:none;
z-index:10;
text-decoration: none;
background-color:#FFFFFF;
background-image:linear-gradient(white, #AAA, white);
background-image: -webkit-linear-gradient(white, #AAA, white);
background-image:-moz-linear-gradient(white, #AAA, white);
color: blue;  
line-height:120%;
text-align:center;
transition: all .3s linear ease-in ease-out;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
#siteNav ul li a:hover { 
display: block;
position: relative;
float: left;
padding: .1em;
margin:0;
color:green;
background: #9FF;
background-image:linear-gradient(white, #9FF, white);
background-image: -webkit-linear-gradient(white, #9FF, white);
background-image:-moz-linear-gradient(white, #9FF, white);
border:none;
}
#siteNav ul li a:visited {
display: block;
position: relative;
float: left;
padding: .1em;
margin:0;
color:blue;
}
#siteNav li:hover ul {
display: block;
padding: .1em;
margin:0;
position: relative;
width:10em;
border: none; 
transition: all .3s linear ease-in ease-out;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
}
#siteNav li:hover li {
display: block;
padding: .1em;
margin:0;
border: none; 
width:10em;
font-size: 100%;
line-height:120%;
}
#siteNav li:hover a { 
display: block;
position: relative;
float: left;
padding: 1px;
margin:0;
background: #CCCCCC; 
}
#siteNav li:hover li a:hover { 
padding: .1em;
margin:0;
background: brown; 
color:white;
}
#siteNav ul li ul li a {
padding: .1em;
margin:0;
text-align:left;
}

/* NAVIGATION BAR */


#navbar {
display: block; 
clear: both; width:60%;
 height: auto;
 background-color: white;
 padding: 0px 0px 0px 0px;
 margin: 0px 20% 0px 20%;
 text-align: center;
 vertical-align: bottom;
 }

#navbar p {
color: #FF0000;
 background-color: white;
 font-style: oblique;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
font-size: 90%; 
}
#navbar p a {
display: inline;
 color: blue;
 font-size: 90%; 
background-color:white; 
margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }


#navbar p a:hover {
display: inline;
 color: #000000; 
font-size: 90%; 
margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }



/* CONTENT */
#content {
 display: block;
 float: left;
 width: 60%; height:auto; margin:1%;
 padding:0 1em 0 1em;
 background-color:#FFFFDD; }
#content.sectioned, #content.articles { display:block; float:left; clear:left; width:60%; margin: 1em; background-color: #FFFFDD; }
#content li, #content ul li { width:90%; }
/* CONTENT2 (narrow width) */
#content2 {
   display: block;
   float: left;
 font:100% verdana,arial,sans-serif; margin: 2em;
 padding:0 1em 0 1em;
 width: 40%; text-align:center;
 background-color:#FFFFDD; }


 
/* CONTENT3 (large width) */
#content3 {
display: block;
   float: left;
   clear: right;
   font:100% verdana,arial,sans-serif;
   padding: 0;
 margin: 1%;
   width: 60%;
 background-color:#FFFFDD; }


/* HISTORY TIMELINE */
#mainContent { display: block;
 width: 100%;
 float: left;
 margin: 0;
 padding: 0;
 height: auto;
 clear: none; background-color:#FFFFDD;
 
}
#mainContent .yrs {
 display: block; float:left;
 clear:left; background-color: #CFF;
 text-align:center;
 font-size:large;
 font-weight: bold;
 line-height: 1em;
 padding: .2em; margin: .2em;
 
}

#timeLine {
display:block;
z-index:5;
width:100%;
background-color:#FFFFDD;
float:left;
padding: 0;
margin:0;
font-family: Arial, Verdana;
font-size: 100%;
border: none;
line-height:120%;
text-align:center;
}
#timeLine ul {
font-family: Arial, Verdana;
font-size: 100%;
width:100%;
padding:.0;
margin: .0;
list-style: none;
color:black;
background-color:#FFFFDD;
text-align:center;
}
#timeLine ul li {
display: block;
width:100%;
position: relative;
float: left;
padding: 0;
margin:0;
valign:middle;
line-height:120%;
z-index:10;
color:purple;
background-color:#FFFFDD;
text-align:center;
}
#timeLine li ul { 
display: none;
padding: 0;
margin:0;
background-color:#FFFFDD;
}
#timeLine ul li a {
display: block;
width:100%;
position: relative;
float: left;
padding: 0;
margin:0;
border:none;
z-index:10;
color:purple;
background-color:#FFFFDD;
line-height:120%;
text-align:center;
}
#timeLine ul li a:hover { 
display: block;
width:100%;
position: relative;
float: left;
padding: 0;
margin:0;
background-color:#FFFFDD;
}
#timeLine ul li a:visited {
display: block;
width:100%;
position: relative;
float: left;
padding: 0;
margin:0;
text-decoration: disc;
background-color:#FFFFDD;
}
#timeLine li:hover ul {
display: block;
width:100%;
padding: 0;
margin:0;
position: relative;
border: none; 
text-decoration: disc;
background-color:#FFFFDD;
}
#timeLine li:hover li {
display: block;
width:50%;
float:left;
padding: .1em;
margin:0 24% 0 24%;
border: none; 
font-size: 100%;
line-height:120%;
color:black;
background-color:white;
text-align:left;
}
#timeLine li:hover a { 
display: block;
width:100%;
position: relative;
float: left;
padding: 0;
margin:0;
background-color:#FFFFDD;
}
#timeLine li:hover li a:hover { 
width:100%;
padding: 0;
margin:0;
background-color:#FFFFDD;
color:green;
}
#timeLine ul li ul li a {
width:100%;
padding: 0;
margin:0;
text-align:left;
color:blue;
background-color:#FFFFDD;
}
#timeLine h3 { width:98.5%; margin:0; padding: 1em; }

/* SIDEBAR */
#sidebar {display:block; float:left; width:30%;
 height: auto;
 color: #CFF; background-color: #FFFFEE;
 
 margin: 1%;
 padding: .5em;
 text-align: center; font-size:100%;  }

#sidebar.sectioned, #sidebar.articles {display:block; width:80%; clear:both; height:auto; margin:1em; background-color:white; }
#sidebar.articles {border:black; }
.sideRmedium p {width:60%; margin-left: 20%; }
.sideRmedium img {margin-right:2em; }
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar p, #sidebar li, #sidebar img, #sidebar a {
 font-family: Arial, Helvetica, sans-serif;
 margin:.5em 0 .5em 0; }
#sidebar blockquote {width:50%; margin:.2em 25% 1em 25%; padding:0; font-style:italic; }
#sidebar img.midL {min-width:10%; max-width:20%; height:auto; margin:2em 0 auto 0; }

/* FORM */
form, #tbz {display: block;
  float: left; width:90%; margin-left:5%;
  clear: none;
  font:100% verdana,arial,sans-serif;
  padding: 0;
  line-height:1em;
  background-color: #CFF; valign:top; 
}

#
tbz, fieldset {margin: 0;
  border-color: #000000;
 border-width: 1px;
  border-style: solid;
  padding: 1em;margin: 0;
}

#
tbz fieldset legend {
 font-size:100%; valign:top; 
}




/* FOOTER */


 #footer {
 display: block;
 clear: both;
 margin-top: 10px;
 clear: both;
 background-color:#FFFFDE; 
 padding: 0;
 text-align: center; font-size: small;
  }

#footer p.linked {
 color: #000000;
 background-color:#FFFFDE; margin:0;
 padding: 0; font-size: small;
  }

#footer a, p.linked, #footer a:visited {
 color:#0000FF;
 background-color:#FFFFDE; margin:0; padding: 0;
text-decoration: none; border:none; font-size: small; }
#footer a:hover {color:green}