/* CSS Document */

* {
  margin: 0px;
  padding: 0px;
  border: none;
  
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	}
h3 {
	font-size: 1.5em;
	}	

body {
  background-image: url(images/background2.png);
  background-repeat: inherit;
  background-color: #001b32;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: white;
  height: 100%;
  line-height: 25px;
}
#container {
  margin: 0 auto;
  width: 829px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -30px;
  position: relative;
}

#top {
  float: left;
  width: 829px;
  height: 119px;
  /*background-image: url(images/titlebg.png);*/
 
  
}
#title {
  float: left;
  width: 328px;
  height: 119px;

}
#title h1 {
  display: block;
  float: left;
  width: 328px;
  height: 119px;
  text-indent: -9999px;
}
#title h1 a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(images/title.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#navigation { float: right; }
.nav-links li {
  display: block;
  float: left;
  list-style-type: none;
  line-height: 120px;
  font-size: 16px;
}

.nav-links li a {
float: left;
  width: 100px;
  height: 75px;
  text-decoration: none;
  color: white;
  text-align: center;
  font-size: 16px;
  list-style: none !important;
  list-style-image: none !important;
  text-transform: capitalize;
  
  
}
.nav-links li a:hover {
  color: #FFFFFF;
  border-bottom: dotted;
  font-weight: bold;

}

#contentcontainer {
	
border-style:dotted;
border-color:white;
border-left: 1px;
border-right: 1px;
margin: 0 auto;
margin-bottom: 10%;
font-color: white;

/*background-image: url(images/background2bokeh.png);
 /* for IE */
/*filter:alpha(opacity=70);
  /* CSS3 standard */
/* opacity:0.7;*/
	
}
#welcome-image {
	padding-top: 20px;
	 display: block;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 20px;
	
}

.content {
padding-top: 20px;
margin: 0 auto;
font-color: black;
padding-left: 10px;
padding-right: 10px;

}

/*.footer{
height: 30px;
text-align: center;
}*/
.push {
	height: 30px; /* .push must be the same height as .footer */
}

#footer {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
color: white;
width: 100%;
text-align: center;

}

.footer li a {
color: white;
}

.footer li a:hover {
font-weight: bold;
}