@charset "utf-8";

/* layoutstyles.css */ 

/* Universal style rule */ 
*{ 
  margin: 0; 
  padding: 0; 
  /* Temporary borders */ 
  /* border: dashed 1px #f00; */ 
} 

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
} 

a:link, a:visited, p a:link, p a:visited{
	color:#000;
	background-color:inherit;
} 

a:hover, a:active, p a:hover, p a:active{
	color: #fff;
	background-color: #600;
} 
.highlight-red{
	font-weight: bold;
	color: #600;
	background-color:#fff;	
}

.highlight-black{
	font-weight: bold;
	color:#000;
	background-color:#fff;	
}

.highlight-itallic{
	font-weight: normal;
	font-style:italic;
	color:#000;
	background-color:#fff;
}
.highlight-itallic-bold{
	font-weight: bold;
	font-style:italic;
	color:#000;
	background-color:#fff;
	font-size: 11px;
}

#wrapper{
	width: 51em;
	background:#333;
	background:url(grey-pattern-bkgd.jpg);
	border: thick outset #666;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: center;
} 

/********** Major layout divisions **********/ 
#branding{ 
  /* For absolutely-positioned hyperlinks */ 
  position:relative; 
} 

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

/** branding division hyperlinks and paragraphs **/ 
#branding a, #branding p{
	/* Postions are set in tags in layout.htm */ 
  position:absolute;
	text-decoration:none;
	color:#fff;
	background-color:inherit;
	font-size:1.1em;
	font-weight: normal;
	font-style: normal;
	font-family: "Arial Narrow";
	line-height: 1.25;
	background: url(grey-pattern-bkgd.jpg)repeat-x center;
} 

#branding a:link, #branding a:visited{
	color:#fff;
	background-color:inherit;
	background: url(grey-pattern-bkgd.jpg)repeat-x center;
	}

#branding a:hover, #branding a:active{
	color:#fff;
	background-color:#600;
	} 

/* Navbar division */
#navbar{
	/* Left margin must match leftcolumn width */
  	margin-left:0em;
	margin-right:8.0em;
	margin-bottom:1.5em;
	background:#aaa url(grey-pattern-bkgd.jpg) repeat-x center;
	height:0.35em;
	margin-top: 0.2em;
}

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

/* List items in the navbar */
#navbar li{
	float:right;
	margin-right: 0px;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	font-family:"Arial Narrow";
	font-size:92%;
	color:#fff;
	background-color:#aaa;
	display:block;
	height:1.5em;
	width:4em;
	background:#aaa url(grey-pattern-bkgd.jpg) repeat-x center;
	text-align:center;
	line-height:2em;
	font-weight: normal;
	text-decoration: none;
	padding-left: 0px;
	text-decoration:none;
}

/* Navbar hover, active links */
#navbar a:hover,
#navbar a:active{
	font-size:92%;
	color:#700;
	font-weight: bold;
	text-decoration:none;
}

/* Navbar current page links */
#navbar li.selected a:link,
#navbar li.selected a:visited{
	font-size:92%;
	color:#fff;
	font-weight: bolder;
	text-decoration:none;
	background-color:#600;
	font-family:"Arial Narrow";
	text-transform: uppercase;
}

#content-all{
	background-color:#fff;
	margin-top: 0em;
	margin-right: 3em;
	margin-bottom: 3em;
	margin-left: 3em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 4px solid #700;
	text-align: left;
} 

#content-narrow{
	background-color:#fff;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 3em;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	border: 4px solid #700;
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
	background-color:#fff;
	text-align: left;
} 

/* Applies to paragraphs in the content division */ 
#content-all p, #content-narrow p{
	color:#000;
	background-color:#fff;
	margin-top: 10px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
/* Applies to paragraphs in the narrow content division */ 
#content-narrow p{
	margin-top: 0px;
}	
 

/* Applies to all lists in the content division */ 
#content-all ul, #content-all ol { 
  padding:2px 0 0 9px;
  list-style-type:none;
} 

/* Applies to all list items in the content division */ 
#content-all li{
	margin-bottom:5px;
	font-size: 0.8em;
	line-height: 0.8em;
	font-weight:normal;
} 

/* Applies to all list unordered list items in the narrow content division*/   
#content-narrow ul{
	margin-left:55px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	list-style-image: url(../images/bullet-diamond.png);
	padding: 0px;
	list-style-position: outside;
	margin-right: 35px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
/* Applies to all ordered list items in the narrow content division*/   
#content-narrow ol{
	margin-left:60px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	list-style-type: decimal;
}
/* Applies to all list items in the narrow content division*/  
#content-narrow li{
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	margin-bottom: 2px;
} 

/* Styles h1, h2, and h3 style rules in the content division */ 
#content-all h1, #content-all h2, #content-all h3, #content-narrow h1, #content-narrow h2, #content-narrow h3 {
	font-family: "Arial Narrow";
	color:#600;
	background-color:#fff;
	font-weight:bold;
	font-style:normal;
	font-variant:normal;
	letter-spacing:0.01em;
	line-height: 1em;
} 

/* Size h1 headings in the content division */ 
#content-all h1, #content-narrow h1{
	font-size:24px;
	color:#700;
	font-style: italic;
	font-weight: bolder;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
/* Size h3 headings in the content division */ 
#content-all h3, #content-narrow h3{
	color:#700;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 25px;
	margin-bottom:0px;
	margin-top:10px;
}

#content-narrow h1{
	text-align: left;	
	margin-left:35px;
	font-style:normal;
} 

/* Size h2 headings in the content division */ 
#content-all h2{
	font-size:0.75em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing:0.01em;
	color: #600;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* Size h3 headings in the content division */ 
#content-all h3{
/* To be added later */
} 

/* Content at the top */ 
#content-top{
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 16px;
	margin-left: auto;
	color:#000;
	background-color:#fff;
} 

/* Content on the left */ 
#content-left{
	float:left;
	height:9em;
	margin:25px 15px 20px 5px;
	color: #600;
	background-color:#fff;
} 

/* Content on the right */ 
#content-right{
	float:right;
	margin:25px auto;
} 

/* links in the Content right division */ 
#content-right a:link, #content-right a:visited{
	margin-bottom:5px;
	font-size: 0.8em;
	line-height: 1.8em;
	color:#600;
	background-color:#fff;
} 

/* links in the Content right division */ 
#content-right a:hover, #content-right a:active{
	margin-bottom:5px;
	font-size: 0.8em;
	line-height: 1.8em;
	color:#fff;
	background-color:#600;
} 

/* Content in the center */ 
#content-center{
	margin: 0px;
} 

/* Content at the bottom */ 
#content-bottom, #content-bottom p{
	clear:both;
	font-size: 0.9em;
	font-weight: bold;
	font-family: "Arial Narrow";
	margin:15px auto 10px auto;
	text-align: center;
	color: #600;
	background-color:#fff;
} 
 
/* Content in the cemter */ 
#column-center p {
	float:left;
	width:180px;
	height:auto;
	color:#000;
	background-color:#fff;
	border:0;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 10px;
} 

/* link to anchors is a black background button*/
.anchor a:link, .anchor a:visited{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #000;
}
.anchor a:hover, .anchor a:active{
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-color: #666;
}
#footer{
	color: #fff;
	background-color:#000; 
	text-align: center;
	font-size: 0.6em;
}
/* link in footer is white */
#footer a:link, #footer a:visited{
	color: #fff;
	background-color:#000; 
}
#footer a:hover, #footer a:active{
	color: #fff;
	background-color:#600; 
	}