/* llds1.css */
/* Style rule for the body element */
body {
 background-color: #333333;
 /* Default font styling */
 font: 10pt Verdana, Arial, Helvetica, Sans-Serif;
 margin: 0;
 padding: 0;
 color: #000;
}

/* Style rule for the wrapper div */
#wrapper {
 width: 90%;
 min-width: 780px;
 max-width: 1260px;
 margin: 0 auto;
 background-color: #FFF;
}


/* Eliminate default margins for all heading types */
h1, h2, h3, h4, h5, h6, p {
 margin: 0;
}

/* Make HTML5 layout elements block elements for older browsers */
header, nav, aside, article, footer, section {
 display: block;
}

/*================================== Layout Sections */
/*======== Styling for page header */
header {
background: #333333;
text-align: center;
color: #D6D6D6;
}

/*======== Styling for the sidebar section (aside) */
aside {
 width: 130px;
 padding: 10px;
 float: left; 
 margin-top: 10px;
}


/* This nav section is on the side, positioned absolutely */
aside nav {
/*   position: absolute; */
   top: 10%;
   left: 0;
   bottom: 15%;
   width: 100%;
   padding: 1%;
}




/*======== Styling for links in the nav section */
nav a {
 font: 9pt Verdana, Arial, Helvetica, Sans-Serif;
 font-weight: bold;
 background-color: #EEE;
 color: #333;
 text-decoration: none;
 outline: none;
 padding: 10px 0;
 display: block;
 border-right: solid 1px silver;
 border-bottom: solid 1px silver;
 border-radius: 5px;
 height: 40px;
 line-height: 20px;
 width: 100%;
 text-align: center;
 box-sizing: border-box; /* Box sizing for older browsers */
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
} 


nav a:link, nav a:visited {
 background-color: #EEE;
 background-size: auto 100%;
 color: #333;
 
}
nav a:hover, nav a:active, nav a.currentpage {
 background-color: #FFCCFF;
 color: #FFF;
 background-size: auto 100%;
 box-shadow: 0 30px 30px -20px black inset;
 font-style: italic;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/*======== Styling for the article section */
article {
 padding: 10px 30px 0px 30px; 
 /* Left margin should match neighboring column full width */
 margin-left: 150px;
 border-left: solid 1px #333;
}

article h1 {
font-size: 18px;
text-align: center;
}

article h2{
font-size: 18px;
text-align: left;
}

article p {
font-size: 14px;
text-align: auto;
}

article p1 {
 font: 14pt 'Comic Sans MS', Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-align: center;
 top: 10%;
 left: 35%;
 bottom: 0;
}

/* ==== Styling for table1 in the artcle section */
/* Styling for the table as a whole */
article table {
 /* Remove gaps between table cells */
 border-collapse: collapse; 
 /* Font size, family, and color */
 font: 12pt Times, "Times New Roman" , Serif;
 color: #333; 
 /* top/bottom and side margins (auto for centering) */
 margin: 1em auto;
}
/* Table header cells */
article th {
 background-color: #333;
 color: white;
}
/* Header and data cells */
article th, article td {
 border: solid 1px #333;
 padding: 2px 4px;
}
/* Give even-numbered rows different background color */
article tr:nth-child(even) {
 background-color: #D6D6D6;
}
/* Right align content in column 2 data cells */
article td:nth-child(2) {
 text-align: right;
}
/* Center content in column 3 data cells */
article td:nth-child(3) {
 text-align: center;
}
/* Right align content in column 4 data cells */
article td:nth-child(4) {
text-align: right;
}
/* Center content in column 5 data cells */
article td:nth-child(5) {
 text-align: center;
}
/* Right align content in column 6 data cells */
article td:nth-child(6) {
text-align: right;
}
/* Center content in column 7 data cells */
article td:nth-child(7) {
text-align: center;
}

/* Highlight table row on hover */
article tr:hover {
 background-color: #FFCCFF;
 cursor: default;
}


/* ==== Links and link states in article section */
/* Unvisited links */
article a:link {
 color: #414958;
 text-decoration: underline;
}

/* Visited links */
article a:visited {
 color: #4E5869;
 text-decoration: underline;
}

/* Mouse pointer on link */
article a:hover, a:active, a:focus {
 text-decoration: underline;
 color: #000000;
}


/* ==== Styling for footer */
footer {
 height: 30px;
 padding: 15px;
 text-align: center;
 background: #333333;
}

/* Use class="centerall" in p or div to center
 all text and images inside the element */
.centerall {
 text-align: center; 
 /* Clear any floating elements */
 clear: both;
}