/* stylesheet.css */
/* Style rule for the body element */
body {
background-color: FFFFFF;
background-image: url(pix/gradient2.png)

*{
box-sizing: border-box;
}

/* Default font styling */
font: 10pt Arial, Helvetica, Sans-Serif;
color: #000000;
}
*{ 
margin: 0 auto 0 auto;
}
*{
img display: block; 
} 

/* Style rule for the wrapper div */
#wrapper {
width: 95%;
min-width: 600px;
max-width: 1282px;
margin: 1em auto;
background-color: #FBFBFD;
border: solid 0px #1CC641;
border-radius: 0px;
box-shadow: 0px 0px 0px black;
}

/* Eliminate default margins for all heading types */
h1, h2, h3, h4, h5, h6 {
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 {
height: 100px;
/* Font size, line-height, and family */
font: 40px/80px Impact, Gadget, Fantasy;
text-align: center;

/* Background color, image, position */
background-color: #none;
background-image: url(none);
background-repeat: no-repeat;
background-position: 15px center;
/* Round the top corners */
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Add a light gray background color to the top navigation */
.topnav {
    background-color: #FBFBFD;
    overflow: hidden;
}

/*========= Styling for the links inside the nav section */
.topnav a {
    float: left;
    display: none;
    color: none;
    padding: 50px 12px;
    text-align: center;    
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: none;
    color: none;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: none;
    color: none;
}

nav a:link, nav a:visited {
background-color: none;
color: #none;
}
nav a:hover, nav a:active {
background-color: none;
color: #none;
}

/*======== Styling for the article section */
article {
padding: 0px;
/* Left margin should match neighboring column full width */
margin-left: 0px;
border-left: solid 0px #1CC641;
}
/* ==== Styling for tables in the article section */
/* Styling for the table as a whole */
table {
/* Font size, family, and color */
font: 12pt Times, "Times New Roman", Serif;
color: #3332B1;
/* top/bottom and side margins (auto for centering) */
margin: 0em auto;
}
/* Table header cells */
article th {
background-color: #none;
color: 3332B1;
}

/* Header and data cells */
article th, article td {
border: solid 0px #3332B1;
padding: 0px 0px;
}
/* Padding cells */
tr:not(:last-child) 
td: 
{ padding-top: 0px }

/* Give even-numbered rows light blue background color */
article tr:nth-child(even) {
background-color: #none;
}
/* 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;
}
/* Center content in column 4 data cells */
article td:nth-child(3) {
text-align: center;
}

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

/* ==== Links and link states in article section */
/* Unvisited links */
article a:link {
color: #3332B1;
}
/* Visited links */
article a:visited {
color: #3332B1;
}
/* Mouse pointer on link */
article a:hover {
background-color: #none;
color: #3332B1;
}
/* Mouse pointer on link and left button down */
article a:active {
background-color: #none;
color: #3332B1;
}

/*======== Styling for the sidebar section (aside) */
aside {
width: 130px;
padding: 1px;
float: right;
}

/*====== Styling for writing on images */
.image 
{
position: relative;
/* to help the image + text element to get along with the rest of the page */
width: 100%; /* for IE 6 */
}
h2
{
position: absolute; /* to place the text on the image */
top: 10px; /* the exact location of the text from the top of the image */
left: 50; /*other beautification stuff */

width: 100%;
}
color: white;
font: regular 4px/10px Helvetica, Sans-serif;
letter-spacing: 0px;
background: rgb(0, 0, 0); /*fallback color*/
background: rgba(0, 0, 0, 0.7); padding: 0px;
} 
h2 span.spacer {padding:0 0px; } /*to pad backgroundcolor of text to make it look more elegant */

/* ==== Styling for footer */
footer {
position: relative;
overflow: hidden;
}

.wrap {
background-color: #181A64;
margin: 0px auto;
position: relative;
overflow: hidden;
}

#footer a;
#footer h3 {
font: Arial, sans-serif;
color: #fff;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
line-height: 26px;
}

.clear {
clear: both;
}

.left {
text-align: left;
float: left;
width: 100%;
padding: 20px;
top: 10px; /* the exact location of the text from the top of the image */
}

.right {
text-align: left;
float: right;
width: 33%;
padding: 20px;
top: 20px; /* the exact location of the text from the top of the image */
}

.centered {
text-align: left;
float: right;
width: 33%;
padding: 20px;
top: 20px; /* the exact location of the text from the top of the image */
}


/* Styling for table in footer */
footer table {
width: 100%;
color: #181A64;
}

/*========================= More general style rules and classes */
/* Style for h1 headings */
h1 {
font: italic small-caps bold 26px Arial Black, Gadget, Sans-Serif;
text-shadow: -0px -0px 0px #a48362;
}
/* Style for h2 headings */
h2 {
font: regular 6px Arial, Gadget, Sans-Serif;
text-shadow: 0px 0px 0px #ffffff;
}
/* Style for h3 headings */
h3 {
font: regular 10px Arial Black, Gadget, Sans-Serif;
text-align: left;
text-shadow: 0px 0px 0px #a48362;
}

/* Style for h4 headings */
h4 {
font: regular 18px Arial Black, Gadget, Sans-Serif;
text-align: left;
text-shadow: 0px 0px 0px #a48362;
}

/* Style for paragraphs */
p {
line-height: 1.5;
margin-center: 0;
}

/* === Style classes */
/* Highlight any span of text */
.hilite {
background-color: none;
}
/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised {
border: solid 0px gray;
border-radius: 5px;
box-shadow: 1px 1px 5px gray;
}


/* Image floating to the left of neighboring text */
img.left {
float: left;
width: 30%;
margin-right: 10px;
}
/* Image floating to the left of neighboring text */
img.right {
float: right;
width: 30%;
margin-left: 10px;
}
/* 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;
}