/* back ground color*/
body {background-color:rgb(95,19,18);}
*{
padding : 0;
margin : 0;
border : 0;
}
body{
background-image : url(' bi-background-cubes.png ');
background-color:rgb(95,19,18);	
background-attachment : fixed;
background-size : 100% auto;
}
.blended_grid{
display : block;
width : 1000px;
overflow : auto;
margin : 0px auto 0 auto;
}
.pageHeader{
	background-color : rgb(95,19,18);
float : left;
clear : none;
height : 130px;
width : 100%;
}
.pageLeftMenu{
background-color : rgb(95,19,18);
float : left;
clear : none;
height : 500px;
width : 225px;
}
.pageContent{
	background-color : rgb(95,19,18);
	float : left;
	clear : none;
	height : 800px;
	width : 300px;
}
.pageRightMenu{
	background-color : rgb(95,19,18);
	float : left;
	clear : none;
	height : 500px;
	width : 225px;
}
.pageFooter{
background-color : #228b22;
float : left;
clear : none;
height : 120px;
width : 100%;
}


/* nav list styling*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#228b22;
}

/* spaceing for nav bar buttons*/
li {
    float: left;
    width: 12%;
}

li a {
    display: block;
    color: rgb(216,198,84);
     font-family: Goudy Old Style;
    text-align: center;
    padding: 14px 16px;
    font-size: 150%;
    text-decoration: none;
}

/* Change the link color  */
li a:hover {
    background-color:  #111;
}
#ul{
	display: inline-block;
    list-style-type: none;

}



/*center image layout */

div.detailImgWrapper {
    width: 100px;
}
  div.detailImgWrapper img {
        display: block;
        width: 200px;
        height: 200px;
    }

.firstDiv{
 display: inline;   
}


/* footer styling*/
ul1 {
    list-style-type: none;
    margin: 0 auto;
    padding: 0px;
    overflow: hidden;
    background-color:#228b22;
	text-align: center;
}

/* footer layout*/
li1 {
    float: left;
    width: 12%;
	
	
}









/*Page line colors and size*/
hr {
    border: none;
    height: 5px;
    /* Set the hr color */
    background-color: rgb(216,198,84); 
}


/*HEADERS*/
/* header 1*/

h1 {background-color:#228b22; color:rgb(216,198,84);font-size:30px;font-family: Goudy Old Style; font-style: italic; text-align: center;}


/* header 2 */
h2 {background-color: #228b22; color: #daa520; font-size: 30px; font-family: Goudy Old Style; font-style: italic; text-align: center;}


/*Paragraphs*/


#para1{
    text-align: justify;
    color: #daa520;
    font-size: 16px; 
    font-family: Goudy Old Style; 

}

#para2{
    text-align: justify;
    color: #daa520; 
    font-size: 16px;
    font-family: Goudy Old Style; 

}

#para3{
    text-align: justify;
    color: #daa520; 
    font-size: 30px;
    font-family: Goudy Old Style; 

}


#para4{
    text-align: left;
    color: #daa520; 
    font-size: 16px;
    font-family: Goudy Old Style; 

}

#para5{
    text-align: center;
    color: #daa520; 
    font-size: 18px;
    font-family: Goudy Old Style; 
     line-height: 30px;
}

#para6{
    text-align: center;
    color: #daa520; 
    font-size: 30px;
    font-family: Goudy Old Style; 

}


p.caption {
   text-align: left;
	color: #daa520; 
    font-size: 16px;
    font-family: Goudy Old Style;
}


p.footertext {
   text-align: center;
	color: #daa520; 
    font-size: 14px;
    font-family: Goudy Old Style;
}



/* Images */
div.logo{
     display: block;
     margin: 10px auto;
}