body {
       padding: 0px;
       margin: 0px;
       background-color: #FFFFFF;
       text-align: center;
       font-size: 14px;
       font-family: sans-serif;
       color: #FFFFFF;
	   /*Make background white, fades into to blue*/
}

#main {
       background-color: #FFFFFF;
       width: 98%;
       margin: 25px auto;
	   /*Background white for fade*/
}

#title {
       background-color: #3399FF;
       padding: 1px 0px;
       margin: 0px;
       width: 100%;
}

#header img {
	border: 0;
	width: 70%;
	margin: 5px 5px 5px 5px;
	position: relative;
	right: 2%;
}

#firstlogo img{
	border: 0;
	width: 11%;
	float: left;
	margin: 40px 0px 0px 50px;
}

#content {
       overflow: hidden;
       clear: both;
	   float: left;
       margin: 0.5% 0% 1% 2%;
       width: 95%;
       background-color: #FFFFFF;
       text-align: left;
       padding: 0px;
       border-color: #ff6734; /* maybe change with the new header*/
       border-width: 3px;
       border-style: solid;
       border-radius: 20px;
	   color: #000000;
	   box-shadow: 0px 0px 50px 20px #3399fe;
	   /*when new header in box, but box shadow to blue and background to white*/
}

#centerContentContainer {
       background-color: inherit;
       text-align: left;
       padding: 10px;
	   color: #000000;
	   width:90%;
	   left:2%;
	   position: relative;
}

#newfooter {
       clear: both;
       background-color: #FFFFFF;
       margin: 0% 0% 0% 2%;
       padding: 5px 0px 15px 0px;
       width: 95%;
       height: 90%;
       border-color: #ff6734;
       border-width: 3px;
       border-style: solid;
       border-radius: 20px;
	   box-shadow: 0px 0px 50px 20px #3399fe;
	   /*Fade in stuff with color*/
}

#newfooter img {
	border: 0;
}

#socialmedia {
	position: absolute;
	top: 6%;
	right: 5%;
    clear: both;
    height: 100%;
	border: 0;
}

/* ------------------------------------ Navbar ------------------------- */
.ddsmoothmenu{
font: bold 11px Verdana;
background: #ff6734; /*background of menu bar (orange)*/
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding-left: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #ff6734; /*background of menu items (orange)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: white; 
color: #ff6734;
}

.ddsmoothmenu ul li a:hover{
background: white; /*background of menu items during onmouseover (hover state)*/
color: #ff6734;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* CSS classes applied to down and right arrow images */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* CSS for shadow added to sub menus */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}

/*-------------------------------Slide show ------------------------*/
div.bgcarousel{ /* CSS for main carousel container */
background: black url(ajaxload.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:560px; /* default dimensions of carousel */
height:400px;
float: left;
margin: 5px 10px 10px 5px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:5px;
opacity:0.7;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: black;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: black;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: #ff6734;
left: 20px;
top: 20px;
width:95%;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px black; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}