body {
    background: #C0C0C0 ; 
    margin: 0; 
    padding: 0;
} 

a {color: #2b2bf6;}    /* link color */       

#container {
    
    width: 1100px;   /* 1100px with 10%margin Vs 100% with 0margin*/
    margin: 0 auto;  /* Center the container */
    text-align: left;
    padding: 10px; 
    background: #B00000; 
    border-radius: 0px;
}

#header {
    font-family:  'Hoefler Text', Georgia, 'Times New Roman', serif;
    font-weight: normal;
    font-size: 1.42em;
    letter-spacing: .2em;
    line-height: 1.1em;
    text-align: left;
    text-transform: uppercase;
    font-color: #C0C0C0;
    
    width: 1008px;
    margin-left: 45px;
    background: #B00000;
    padding: 0px 0px 5px 0px;

}  /*     top right bottom left*/

#headerimage { /*     top right bottom left*/
    width: 988px;
    height: 280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px; 
    border: 10px solid #000000;;
     
    background: #B00000;
        
}

/* START OF NAVBAR   */
#navbar {   /* top right bottom left */
    width: 1100px;
    height: 40px;
    font-size: 16px;
    font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;
    font-weight: lighter;
    text-align: center;
    background-color: #000000;   /* black */
    border-radius: 0;
    padding: 0px 10px 0px 10px;
    margin: 0 auto;
		
}

/* Removing padding from navbar */
#navbar ul {
    height: auto;
    padding: 10px;   /* word to banner -> space, this centers the text vertically  */   
    margin: 0;
}

/* make it horizontal*/
#navbar li { 
    display: inline; 
    padding: 50px;     /* horizontal space between navbar text */
}

/* removing the underline */
#navbar a {
    text-decoration: none;
    color: #ffffff; /* white */
    padding: 0px;   /* pad between words again */
}
/* END OF NAVBAR   */


#content {/* top right bottom left */
    font-family: "Trebuchet MS", Verdana, sans-serif; 
    font-size: 16px;
    width: 1100px; 
    height: 100%; 	
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    background: #ffffff; 
    overflow:auto;   /* allows images to float and doesn't mess up content-container*/
}
    
#datasci {
    margin-left: 5%;
    margin-right: 5%;
}


#matsci1 {
    margin-left: 5%;
    margin-right: 5%;
}
#matsci2 {
    margin-left: 5%;
    margin-right: 5%;
}
#matsci3 {
    margin-left: 5%;
    margin-right: 5%;
}

#robotarm {
    margin-left: 5%;
    margin-right: 5%;
}
#robotnav {
    margin-left: 5%;
    margin-right: 5%;
}
#robotArduino {
    margin-left: 5%;
    margin-right: 5%;
}

#fractal {
    margin-left: 5%;
    margin-right: 5%;
}

#presentations {
    margin-left: 5%;
    margin-right: 5%;
}

#finite_diff {
    margin-left: 5%;
    margin-right: 5%;
}
.center_it{
   text-align:center;
}
.projectlinkcontainer {
   text-align:center;
   padding: 30px 0 0 0;
}
.projectlinks {/* top right bottom left */
    padding: 0 30px 0 30px;
    display: inline-block;
    margin: auto;
}
.arduinoguts {/* top right bottom left */
    padding: 20px;
    display: inline-block;
    margin: auto;
}
.numerics {/* top right bottom left */
    padding: 0;
    text-align:center;
}
.numerics2 {/* top right bottom left */
    padding: 5px;
    display: inline-block;
    margin: auto;
}

#footer { /* top right bottom left */
    width: 1100px;
    height: 20px; 
    margin: 0 auto; 
    padding: 0px 10px 0px 10px; 
    border-top: 1px solid #000000;
    background: #ffffff; 
    border-radius: 0;
    font-size: 16px;
}               

.clearing { clear: both; }

.consult_image {
    width: 480px;
    height: 310px;
    border: 1px solid #000000;
    background: #ffffff; 
    float: left;
    margin-left: 40px;
    margin-right: 100px;
    margin-bottom: 30px;
    clear:both;
    
}

.description { /* top right bottom left */
    width: 380px;
    height: 100%;
    border: 1px solid #000000;
    background: #E8E8E8; 
    border-radius: 5px;
    position: relative;
    display: block;
    margin-bottom: 50px;
    padding: 10px;
    overflow:auto;
    
}


.menu a {
    text-decoration: none;
}

#top_project a {
    text-decoration: none;
}


#sidebar {
    width: 200px; 
    height: 100%; 
    /*     top right bottom left*/
    margin: 0px 5px 5px 100px; 
    padding: 0; 
    border: 0; 
    float: left; 
    background: #f0e811;
    border-radius: 5px 5px 5px 5px;
}     

#sidebarright {
    width: 200px; 
    height: 400px; 
    margin: 0 0 0 5px; 
    padding: 0; 
    border: 0; 
    float: left; 
    /*position: relative;*/
    background: #f0e811;
    border-radius: 5px 5px 5px 5px;

} 

#icons{/*     top right bottom left*/
    display:inline-block;
    background: #000066;
    width: 507px; 
    height: 283px;
    float:right;
    padding: 5px 0 0 5px;
}

/* 
Colors
black=000000
neon green=cool 00ff66, bright33ff00
white=ffffff
dark transparent blue=3399ff
navy blue1=000066
navy blue2=000099
forest green1=336600
forest green2=339900
black=330033
blackblue=330066
white=ffffff
orange=FFCC00
purple=CC00FF
gray=#C0C0C0 
*/