/* llds4practice.css */
/* Style rule for the body element */
body {
 background-color: #333333;
 /* Default font styling */
 font: 12pt 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: 20px;
 font-size: 14px;
 } 

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

/* This nav section is article */
article nav {
display: block;
float: left;
width: 100%;
position: relative;
z-index: 10;
}


/*======== 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;
} 

article nav a {
 display: block;
 border-radius: 0px;
 height: 40px;
 line-height: 20px;
 font-weight: bold;
 font-size: 11.5px; 
 background-color: white;
 color: #FFCCFF;
 text-align: center; 
 float: left;
 width: 25%; 
 position: relative;
 z-index: 10;
 /* Small vertical margin, zero side margin */
 margin: 0; 
 padding: 10px 0; 
 /* No underline or dotted outline */
 text-decoration: none;
 outline: none;
 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;
}

article nav a:link, article nav a:visited {
 background-color: white;
 background-siz: auto 100%;
 color: #FFCCFF;
 text-decoration: none;
}

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

article nav a:hover, nav a:active, nav a.currentpage {
 background-color: #white;
 color: #333;
 background-size: auto 100%;
/* box-shadow: none; */
 font-style: normal;
}

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 h3 {
font-size: 15px;
text-decoration: underline;
text-align: left;
}

article h4 {
font-size: 13px;
text-align: left;
}

article h5 {
font-size: 10px;
text-decoration: italic;
font-weight: normal;
}

article h6 {
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
}

article h7 {
font-size: 12px;
font-weight: bold;
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 */
table {
 /* Font size, family, and color */
 font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
 color: #333; 
 margin: 1em auto;
}

/* Table header cells */
th {
 background-color: #333;
 color: white;
}
/* Header and data cells */
th, td {
 padding: 2px 4px;
}


/* ==== 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;
}