/* layoutstyles.css */

/* universal style rule*/


*{ 
/*blocks all browser default margins and padding */
margin:0;
Padding:0;

/*temporaryborders*/  
/*border:1px #900;*/
}

#wrapper{
  width: 40em;
  background-color: #333;
  /* Put 20px margin above the wrapper */
  /* Set right and left to auto for centering */
  margin: 20px auto;
}


#content{
/* Left margin must match leftcolumn width */
  width: 40em;
  background-color:#333;
  color:#fff;
  padding:20px 0px;
  outline:none;
  border:none;
  background-color:#333; 
  position:relative;
}

body {
  background-color: #333;
  font-family: Verdana, Geneva, Arial, Sans-Serif;
}

/* Styles h1, and h2, style rules in the content division */
#content h1, #content h2, {
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  color:#f60;
  font-weight:normal;
  font-style:italic;
  font-variant:small-caps;
  letter-spacing:0.04em;
}


/* Size h1 headings in the content division */
#content h1{
  font-size:1.5em;
}

/* Size h2 headings in the content division */
#content h2{
  font-size:1em;
}


/* Applies to all lists in the content division */
#content ul, #content ol{
  padding: 40px 0 0px 0px
}

#content p{
  line-height:1.2em;
  font-size:0.75em;
}

#content li{  
  background:#333;
  list-style-type:none;
  /* List items in the content */
  float:left;
}

#content ul{  
/* center ul stuf */
  float:center;
}


#content ul li,
#content ul li:link,
#content ul li:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:50%;
  outline-style:none;
}

#content img{
  outline:none;
  border:none;
}


#branding{
  height:8em;
  background-color:#333;
  color:#f60;
  text-align:center; 
  position:relative;
  width:24em;
} 

#branding h1{
  font-family:'Arial Black', Charcoal, Impact, Sans-serif;
  font-size:2em;
  padding-top:0.25em;
}

/* Fixes the mysterious image gap */
#branding img{
 display:block;
 padding: 0;
}

/* Active link in branding bar */
#branding a:active{
  color:#f60;
}

/* Navbar division */
#navbar{
/* Left margin must match leftcolumn width */
  margin-left:8.75em; 
  background:#333 url(images/xxxxx) repeat-x center;
  height:1.75em;
}

/* Remove bullets from ul in the navbar */
#navbar ul{
  list-style-type:none;
}

/* List items in the navbar */
#navbar li{
  float:left;
/* Required for drop-down menus */
position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:75%;
  color:#fff;
  background:#333 url(images/navbak.jpg) repeat-x center;
  display:block;
  height:2em;
  width:8em;
  border-right:solid 1px #999;
  text-align:center;
  line-height:2em;
  outline-style:none;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
  background:#333 url(images/XXXXX) repeat-x center;
  color:#f60;
}

#footer{
  width: 40em;
  float:left;
  padding:10px 0px;
}  


/* Remove bullets from ul in the footer */
#footer ul{
  margin-left:30em;
  list-style-type:none;
}


/* footer hover and active links */
#footer a:hover,
#footer a:active,
#footer a.selected a:link,
#footer a.selected a:visited{
  background:#333;
  color:#f60;
}

/* Applies to footer links, unvisited and visited */
#footer a,
#footer a:link,
#footer a:visited{
  text-decoration:none;
  font-family:Verdana, Geneva, Arial, Sans-Serif;
  font-size:60%;
  color:#999;
  background:#333;
  display:block;
  height:2em;
  width:20em;
  line-height:2em;
  outline-style:none;
}