/* CSS Document */

@media screen, projection {
/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}
body {
  background-color: #fffaf0;
  color: #000;
}
.wrapper {
	margin: 14px 5%;
	padding: 0;
	border: 3px solid #a9aecd;
}
h1 {
  background-color: #ffdf9d;    /* different color than content */
  color: #7d5500;
  margin: 0;
  padding: .2em 2%;
}
h2 {
	margin: .2em 0;
	font-size: 1.9em;
	font-weight: bold;
	line-height: 1.4em;
}
h3 {
	font-size: 1.5em;
	font-style: italic;
	color: #933000;
	font-weight: bold;
	line-height: 1.4em;
}
.main {
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: thin solid #a9aecd;
  color: #000;
  background: #FFFFFF url(images/logo-bg.gif) no-repeat;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be 
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to right sidebar, repeat img vertically.
   Could be easily modified for left sidebar - just flip the image,
   change bg position to 25% and change .content to float:right.
*/
}
h4 {
	line-height: 1.8em;
}

.content {
  width: 68%;         /* width of .main container */
  float: left;        /* left side of window */
  margin: 0 0 -5px;
  padding: 1% 2% 0;
}
.sidebar {
	margin-left: 72%;   /* past content */
	padding: 2% 1% 3% 2%;
	font-size: 90%;
	background: #dfe1ec url(images/rcol-bg.gif);
	color: #000066;
	font-weight: bold;
}
.sidebar ul {
	padding-top: 25px;
	padding-left: 0;
	margin-left: 1.5em;
	list-style: url(images/tar-bul.gif);
}
.sidebar li {
	display: list-item;
	padding: 0px 0px 14px 0px;
	margin: 6px;
	list-style: url(images/tar-bul.gif);
}
.sidebar a:link, .sidebar a:visited {
	color: #000066;
	letter-spacing: 0.1em;
	text-decoration: none;
}
.sidebar a:hover {
	color: #9F4F4A;
	text-decoration: underline;
}
.sidebar ul a:link, .sidebar li a:link, .sidebar li a:visited {
  	list-style: url(images/tar-bul.gif);
	color: #000066;
	letter-spacing: 0.1em;
	text-decoration: none;
	padding: 10px 12px;
}
.sidebar li a:hover  {
	color: #9F4F4A;
	text-decoration: underline;
}
.clear {
  clear: both;        /* extend height of .main to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}
.logo {
	border-bottom: 4px solid #a9aecd;
	padding-bottom: 1em;
}

.footer {
  background-color: #ffdf9d;  /* same bg color as h1 */
  color: #7d5500;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}

#textNav {
	text-align: center;
	padding-bottom: 1em;
	/*border-top: 2px solid #dfe1ec;*/
}
#textNav a:link, #textNav a:visited {
	text-decoration: none;
	padding: 0px 0.4em;
	font: bold 10px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
}
#textNav a:hover {
	color: #009900;
	text-decoration: underline;
	background-color:#efefef;
}
#copyright {
	font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: center;
}
#copyright a:link, #copyright a:visited {
	
	text-decoration: underline;
}
#copyright a:hover {
	color: #993300;
	text-decoration: underline overline;
}
#newsbar {
	width: 740px;
	position: relative;
	top: 5px;
	left: 0px;
	z-index: 5;
	border: solid 1px #cccccc;
	background-color: #F0F0FF;
}
#newsbar table {
	border: 0px;
	width: 100%;
}
#newsbar td {
	width: 24%;
	vertical-align: top;
	padding: 0.2em;
	font-size: .9em;
}
#newsbar td a:link {
	text-decoration: none;
	color: #000066;
}
#newsbar img a:link, #newsbar img a:visited {
	border: solid 1px #000066;
}
#newsbar td a:visited {
	color: #4b5481;
	text-decoration: none;
}
#newsbar td a:hover  {
	color: #9F4F4A;
	text-decoration: underline;
}
#newsbar img a:hover {
	border: solid 1px #9F4F4A;
}
.title, .title a:link, .title a:visited {
	font: italic bold 1.4em Arial, Helvetica, sans-serif;
	color: #000066;
	margin-top: .4em;
	text-decoration: none;
}
.title a:hover {
	color: #996664;
	text-decoration: underline;
} 
.tagline {
	padding: 0px;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 0px;
}
ul {
	margin: 0px 0px 0px 1.5em;
	padding-left: 1.5em;
}
li {
	list-style: disc;
	line-height: 1.8em;
}
dl {
	margin-left: 1em;
}
dt {
	font-size: .9em;
	font-weight: bold;
	color: #666666;
}
dd {
	font-size: 1em;
	color: #000066;
}
.important {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}
} /* end @media rules */
#login {
	font-size: 0.9em;
	font-weight: bold;
	color: #000066;
	margin: 0px auto;
	width: 220px;
	padding: 0px 5px 0px 0px;
	background: #E7E7FF;
	border: 1px solid #4A4A6B;
}
#login input {
	margin-left: 5px;
}
#login p {
	line-height: .3em;
}
.login {
	margin: 1em 0.5em;
	padding: 0.5em;
	border: 2px solid #9C9CD8;
	font-variant: small-caps;
	text-align: center;
}