/* Main Stylesheet
KrazieKen00 Template */

body {
  background-color: #fff;
  background-image: url(Images/backgroundImage.jpg);
  background-position: top center;
  background-repeat: repeat-y;
  color: #000;
  height: 100%;
  margin: 0px 0px 0px 50%;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 62.5%;
}

/* Page Structure Styles */
#footer_float { /* This keeps the footer to the bottom of the page when there's not enough content to fill it. */
  height: 100%;
  min-height: 100%;
  margin-bottom: -31px;
}
#container {
  background-color: #fff;
  color: #fff;
  position: relative;
  width: 700px;
  left: -350px;
  text-align: justify;
}

/* Header Styles */
#mastHead {
  background-color: #fff;
  background-image: url(Images/technoGreen.jpg);
  color: #39b44a;
  position: absolute;
  width: 700px;
  height: 100px;
  border: 2px solid #39b44a;
  margin: 0px;
  padding: 0px;
}
#mastHead p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 3.8em;
  font-weight: bold;
  color: #39b44a;
  margin: 3px 0px 0px 75px;
  padding: 0px;
}

/* Navigation Bar that contains the Main Nav Menu */
#navBar {
  background-color: #fff;
  position: absolute;
  width: 700px;
  height: 27px;
  margin: 104px 0px 0px 0px;
  border-right: 2px solid #39b44a;
  border-bottom: 2px solid #39b44a;
  border-left: 2px solid #39b44a;
}

/* Main Nav Menu */
#nav {
  position: absolute;
  height: 27px;
  z-index: 1;
}
ul#nav {
  margin: 0px;
  padding: 0px;
}

/*Main Nav List*/
#nav li {
  float: left;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #000;
  list-style: none;
  text-align: center;
}

/*Main Nav link styles*/
#nav li a {
  display: block; /*This suggests a vertical list, but the float:left property under #nav li causes the menu to float inline*/
  line-height: 27px; /*Height of the nav button*/
  font-weight: bold;
  color: #39b44a;
  text-decoration: none;
  border-right: 2px solid #39b44a;
  padding: 0 5px;
}

#nav a:link, #nav a:visited {
  font-weight: bold;
  color: #39b44a;
}
#nav a:hover, #nav a:active {
  background-color: #39b44a;
  font-weight: bold;
  color: #fff;
}
#nav a#current {
  background-color: #39b44a;
  font-weight: bold;
  color: #fff;
}

/*Left sidebar title that is inside the Navigation Bar */
#sidebarTitle {
  background-color: #39b44a;
  float: right;
  width: 200px;
  height: 27px;
  margin: 0px 0px 0px 0px;
}
#sidebarTitle p {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  text-align: center;
  color: #fff;
  margin: 0px;
  padding: 2px;
}

/* Main Content Styles */
#float_position #mainContent {
  background-color: #fff;
  float:left;
  width: 450px;
  margin: 133px 0px 0px 0px;
margin-bottom:30px;
  border-left: 2px solid #39b44a;
}
#mainContent h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  margin: 1.5em;
}

#mainContent h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  margin: 1.5em;
}

#mainContent p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #000;
  padding: 1em;
  line-height: 1.5em;
  margin: 1em;
}

/* Right sidebar. Can be used for news or any other supplementary content*/
#float_position #sideBar {
  background-color: #fff;
  float:right;
  width: 158px;
  margin: 133px 0px 0px 0px;

}
#sideBar h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
  padding-left: 1em;
}
#sideBar ul li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  color: #000;
  padding: 1em;
  line-height: 1.5em;
  border-left: 1px dashed #959595;
  list-style-type: none;
}

/* Footer Style */
#footer {
  position: relative;
  width: 700px;
  margin: 0px 0px 0px -350px;
  padding: 12px 0px 7px 2px;
  background-color: #39b44a;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  font-size: 1em;
  clear: both;
}

#footer ul {
  list-style-type: none;
}

#footer ul li {
  float: left;
  margin: 0 10px 0 0;
}

#footer p {
  clear: both;
  margin: 0 0 0 0px;
}

/* End Page Structure Styles */

/*  HACKS  */
html {
  height: 100%;
}
#footer_hack {
  clear: both;
}