/* set the body and link styles for whole page */
 
body {background-color: #cc0033; /* Red background */
color: #000000;
font-family: sans-serif;
margin: 0px;
padding: 0px;
}
 

/* these link colors affect links in the content and footer, but not in the banner or highlight box 
 * background-color: #cccc66; 
 * */

a:link {color: #000000; 
}
a:active {color: #000000; 
}
a:visited {color:  #660000; 
}
a:hover {color: #660000m; 

} 


/*this is where you set the border and settings for the outer box.  */

#outerbox {
background-color: #face77;
border-color: #000000;
border-style: ridge;
border-width: 8px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
background-color: #face77;
width: 900px;



}

/* this is where you put settings for the bottomcontainer div (leave this alone unless you have a real reason to change it */

#bottomcontainer {

width: 100%;

}
 


/* This styles the banner  */

#navigation {width: 900px;
height: 165px;

 background-image: url(../images/bannerbackground.jpg);

/*
background-image: url(../images/redbrandimagePlain.jpg);
*/
background-repeat: repeat-x;
color: #ffffff;
font-weight: 700;

}

#navigation ul {
list-style-type: none;

width: auto;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0;
text-align: center;

}

#navigation li {
float: left;

}

 
#navigation li {width: 125px;
}
#navigation a {padding: 5px;
text-decoration: none;
font-weight: 700;


}

/*This sets the link colors for the links in the banner */

#navigation a:link {color: #ffffff; 
}
#navigation a:active {color: #ffffff; 
}
#navigation a:visited {color:  #ff6600; 
}
#navigation a:hover {color: #ffffff; 
background-color: #666666; 
}
 

 
/* This styles the highlight box (the box on the left side) and the links in it 
 * background-color: #face77;
 * */
#highlight {
float: left;

width: 250px;
margin-left: 10px;
}

#highlight ul {

list-style-image: url("../images/listbullet.gif");
list-style-type: square;
margin-left: -5px;

}

/*This sets the link colors for the links in the left menu highlight box */

#highlight a:link {color: #000000; 
font-weight: 700;
vertical-align: top;
text-decoration: none;
}
#highlight a:active {color: #000000; 
font-weight: 700;
vertical-align: top;
text-decoration: none;
}
#highlight a:visited {color:  #000000;
font-weight: 700; 
vertical-align: top;
text-decoration: none;
}
#highlight a:hover {color: #000000; 
background-color: #face77;
font-weight: 700;
vertical-align: top;
text-decoration: none;
} 


/* This styles the content box (the box on the right)  
 * highlight--- background-color: #cccc99;
 *content---background-color: #face77;
 * */ 

#content {
float: right;

color: #000000;
width: 605px;
margin-top: -5px;
margin-right: 9px;
margin-left: 20px;


}

/* This styles the footer */

#footer {
background-image: url(../images/footerbar.jpg);
background-repeat: repeat-x;
text-align: center;
color: #ffffff;
height: 28px;
font-weight: 300;
color: #999999;
}