body {
	background-image: url(red-wall-variety-pattern.gif); 
	background-position: left top; 
	background-attachment: fixed; 
	background-color: #4D4B4A; 
	color: #2B2A29; <!-- for example border color -->
	}

H1{
	font-family: Arial;
	font-size: 24px;
	color: #000000;
	}

H2{
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	text-align: left;
	}

H3{
	font-family: Arial;
	font-size: 14px;
	color: #2B2A29;
	}

H4{
	font-family: Times New Roman;
	font-size: 13px;
	color: #2B2A29;
	}


p{	font-family: Times New Roman;
	font-size: 16px;
	color: #000000;
	}


tr, td, th {	font-family: Arial;
	font-size: 13px;
	color: #2B2A29;
	}

li{
	font-family: Arial;
	font-size: 13px;
	color: #4D4B4A;
	}


A {
	text-decoration: none
	}

 
A:hover {
	
	text-decoration: underline;
	color: #336600;
	} 





/* Footer */ 

#footer {width: 900px; height: 50px; clear: both; text-align: center; border: 0px solid yellow; background-color: #B1AC94; }



#footer a {
	color: #383737;
	cursor: pointer;
	display:inline;
	text-decoration:none;
	width:100%;
}


#footer a:hover{
	text-decoration:none;
	text-color: white;
}


#footer a:hover {
	background: #B1AC94;  
        color: #B70818;
	padding-bottom: 0px;
	display:inline;
}



/* Arrows */ 

#arrows {width: 910px; height: 20px; clear: both; text-align: center; border: 0px solid yellow;}



#arrows a {
	color: #383737;
	cursor: pointer;
	display:inline;
	text-decoration:none;
	width:100%;
}


#arrows a:hover{
	text-decoration:none;
	text-color: white;
}


#arrows a:hover {
	background: #E0DBC2;  
        color: #B70818;
	padding-bottom: 0px;
	display:inline;
}




/* References */ 


#ref a {
	color: #383737;
	cursor: pointer;
	display:inline;
	text-decoration:none;
	width:100%;
}
 
#ref a:hover{
 text-decoration:none;
}


#ref li:hover {
 position: relative;
}

#ref a:hover {
	  
        color: #B70818;
	padding-bottom: 0px;
}	



/* Vertical Navigation Bar */ 


#navigation { font-size:0.75em; width:230px; }
#navigation ul { margin:0px; padding:0px; }
#navigation li { list-style: none; }
 
ul.top-level { background:#A49F8A;
}

 
ul.top-level li {
 border-bottom: #858276 solid;
 border-top: #858276 solid;
 border-width: 0px;
}

#navigation a {
 color: #4D4B4A;
 cursor: pointer;
 display:block;
 height: 30px; line-height: 30px;
 text-indent: 15px;                   
 text-decoration:none;
 width:100%;
}
 
#navigation a:hover{
 text-decoration:none;
text-color: white;
}

#navigation li {
color: white;
}


#navigation li:hover {
 position: relative;
}



#navigation a:hover {
	background: #B0AB94;  
        color: #B70818;
	padding-bottom: 0px;
	display:block;
}




#wrapper {
	width: 950px;
	margin: 0 auto;
	position: relative;
	} 


#share-buttons img {
width: 23px;
float: right;
padding: 6px 1px 4px 1px; 
border: 0;
box-shadow: 0;
display: inline;
}



/* Horizontal Navigation Bar */ 

        #menu {  
        list-style:none;  
        width:910px;  
        margin:0px auto 0px auto;  
        height:40px;  
        padding:0px 20px 0px 20px;



/* Navigation bar goes on top of banner */  
	
	position:relative;
	z-index:444;
      

/* Rounded Corners */  
          
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 0px 0px 0px 0px; 

      
/* Background color and gradients */  
          
        background:url("nav_bar.jpg") no-repeat; 
        background: -moz-linear-gradient(top, #707070, #160F0F);  
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#707070), to(#160F0F));

/* another color for EI - #649A27*/ 



          
/* Borders */  
          
        border: 0px solid #1E4101;  
      
        -moz-box-shadow:inset 0px 0px 1px #848383;  
        -webkit-box-shadow:inset 0px 0px 1px #848383;  
        box-shadow:inset 0px 0px 5px #8D8C8C;  

}  




#menu li {  
    float:left;  
    display:block;  /* ??? delete */
    text-align:center;  
    position:relative;  
    padding: 4px 10px 4px 10px;  
    margin-right:30px;  
    margin-top:7px;  
    border:none;  
font-family:Arial, Helvetica, sans-serif;  
    font-size:14px; 
    color: #EEEEEE;  
}  
 
 
 

 
#menu li:hover {  
    border: 1px solid #666666;  
    padding: 4px 9px 4px 9px;  
      
    /* Background color and gradients */  
      
    background: #666666;  /* another color - #F4F4F4 */  
  
      
    /* Rounded corners */  
      
    -moz-border-radius: 5px 5px 0px 0px;  
    -webkit-border-radius: 5px 5px 0px 0px;  
    border-radius: 0px 0px 0px 0px;  
}  


  
#menu li a {  
    font-family:Arial, Helvetica, sans-serif;  
    font-size:14px; 
    color: #EEEEEE;  
    display:block;  
    outline:0;  
    text-decoration:none;  
    text-shadow: 1px 1px 1px #000;  
}  

  
#menu li:hover a {  
    color:#EEEEEE;  
    text-shadow: 0px 0px 0px #FFFFFF;  
}  


#menu li .drop {  
    padding-right:21px;  
    background:url("image/drop.png") no-repeat rightright 8px;  
}  


#menu li:hover .drop {  
    background:url("image/drop.png") no-repeat rightright 7px;  
}  




/* Drop Down */


.dropdown_1column,   
.dropdown_2columns,   
.dropdown_3columns,   
.dropdown_4columns,  
.dropdown_5columns {  
    margin:4px auto;
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 5px 10px 5px;  
    border:1px solid ##666666;  
    border-top:none; 


    background:#666666;;  
   
  
    /* Rounded Corners */  
    -moz-border-radius: 0px 5px 5px 5px;  
    -webkit-border-radius: 0px 5px 5px 5px;  
    border-radius: 0px 0px 0px 0px;  
}  
  
.dropdown_1column {width: 120px;}  
.dropdown_2columns {width: 280px;}  
.dropdown_3columns {width: 420px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 150px;}  
  
#menu li:hover .dropdown_1column,   
#menu li:hover .dropdown_2columns,   
#menu li:hover .dropdown_3columns,  
#menu li:hover .dropdown_4columns,  
#menu li:hover .dropdown_5columns {  
    left:-1px;     
    top:auto;  
}  


/* Columns */  
  
.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5 {  
    display:inline;  
    float: left;  
    position: relative;  
    margin-left: 5px;  
    margin-right: 5px;  
}  
.col_1 {width:130px;}  
.col_2 {width:270px;}  
.col_3 {width:410px;}  
.col_4 {width:550px;}  
.col_5 {width:120px;}  


/* Right alignment */  
  
#menu .menu_right {  
    float:rightright;  
    margin-right:0px;  
}  
#menu li .align_right {  
    /* Rounded Corners */  
    -moz-border-radius: 5px 0px 5px 5px;  
    -webkit-border-radius: 5px 0px 5px 5px;  
    border-radius: 0px 5px 5px 5px;  
}  
#menu li:hover .align_right {  
    left:auto;  
    rightright:0px;  
    top:auto;  
}  


/* Drop Down Content Stylings */  
  
#menu p, #menu h2, #menu h3, #menu ul li {  
    font-family:Arial, Helvetica, sans-serif;  
    line-height:21px;  
    font-size:12px;  
    text-align:left;  
    text-shadow: 1px 1px 1px #FFFFFF;  
}  
#menu h2 {  
    font-size:21px;  
    font-weight:400;  
    letter-spacing:-1px;  
    margin:7px 0 14px 0;  
    padding-bottom:14px;  
    border-bottom:1px solid #666666;  
}  
#menu h3 {  
    font-size:14px;  
    margin:7px 0 14px 0;  
    padding-bottom:7px;  
    border-bottom:1px solid #888888;  
}  
#menu p {  
    line-height:18px;  
    margin:0 0 10px 0;  
}  
  
#menu li:hover div a {  
    font-size:12px;  
    color:white;  
}  
#menu li:hover div a:hover {  
    color:#029feb;  
}  
.strong {  
    font-weight:bold;  
}  
.italic {  
    font-style:italic;  
}  
.imgshadow {  
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { /* Image sticks to the left */  
    width:auto;  
    float:left;  
    margin:5px 15px 5px 5px;  
}  
#menu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    text-shadow: 1px 1px 1px #000;  
    padding:4px 6px 4px 6px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
  
    /* Shadow */  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
#menu li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
}  
#menu li ul li {  
    font-size:12px;  
    line-height:24px;  
    position:relative;  
    text-shadow: 1px 1px 1px #ffffff;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
}  
#menu li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
}  
#menu li .greybox li {  
    background:#F4F4F4;  
    border:1px solid #bbbbbb;  
    margin:0px 0px 4px 0px;  
    padding:4px 6px 4px 6px;  
    width:116px;  
  
    /* Rounded Corners */  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
}  
#menu li .greybox li:hover {  
    background:#ffffff;  
    border:1px solid #aaaaaa;  
    padding:4px 6px 4px 6px;  
    margin:0px 0px 4px 0px;  
}