/* layout.css */ 

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

body { 
  background-color: #000000; 
  font-family: "Book Antiqua"; 
} 

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

/********** Major layout divisions **********/

/********** Branding **********/ 
#branding{
  height:150px;
/* background-color:#FFFFFF; */
background-image:url("images/wood3.jpg");
 /*   background-image:url("images/wood4.jpg");*/
     background-repeat:repeat;
  color:#FFFFFF; 
}

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

 .title1 {
	font-family: "Book Antiqua";
	font-size: 36px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	position: relative;
	left: 0px;
	top: 35px;
}
  .title2 {
	font-family: "Book Antiqua";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	position: relative;
	left: 0px;
	top: 30px;
	color: #000000;
}

/**********  End Branding **********/


/********** Left Column **********/
#leftcolumn{
	/* Remember, content and navbar left margin must match this width */ 
  width:12em;
	float:left;
	text-align:center;
	background-color: #0B7294;
	border-right: solid;
	border-right-width: thin;

} 
 
#leftcolumn p{
	border:solid 2px black;
	padding:8px;
	width:80%;
	font-size:0.8em;
	margin:1em auto;
	text-align:left;
	color: #FFFFFF;
} 
#navbar{ 
 width:80%; 
 /* Center horizontally */ 
 margin:1em auto; 
 text-align:center; 
 border:solid 1px #333; 
} 

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

/* List items in the navbar */ 
#navbar li{ 
 background:#aaa url(images/navbak.jpg) repeat-x center; 
 /* For flyout 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:80%; 
 color:#000000; 
 background:#aaa url(images/navbak.jpg) repeat-x center; 
 display:block; 
 height:2em; 
 width:auto; 
 border-right: solid 1px #ddd; 
 line-height:2em; 
 text-align:center; 
 outline-style:none; 
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
 background:#ddd url(images/navhover.jpg) repeat-x center; 
 color:#000000; 
} 

/****************************************************** Flyout menu styles */ 
/* Applies to flyout menus in navbar */ 
#navbar li ul{ 
 position:absolute;
 top:0; 
 left:99%; 
visibility:hidden;

} 

/* Make flyout menu visible on navbar hover */ 
#navbar li:hover ul, 
#navbar li a:hover ul{ /* IE6 hack */ 
 visibility:visible;
} 

/* Applies to links on the drop-down menu */ 
#navbar li:hover ul li a, 
#navbar li a:hover ul li a{ /* IE6 hack */ 
 background:#ccc; /* Removes background image */ 
 color:#000000; 
 text-align:left; 
 display:block; 
 width:10em; 
 padding:0 0 0 1em; 
 height:auto;
} 

/* Hover on drop-down menu links */ 
#navbar li:hover ul li a:hover, 
#navbar li a:hover ul li a:hover{ /* IE6 hack */ 
 background: #aaa; 
 color:#000000;
} 

/* IE6 hack applies to table flyout menus */ 
#navbar table { 
 margin:-1px; 
 border-collapse:collapse; 
 position:absolute; 
 top:0em; 
 left:99%; 
 z-index:105; 
}

/* Navbar division (Vertical navbar) */ 
#navbar{ 
  width:80%; 
  /* Center horizontally */ 
  margin:1em auto; 
  text-align:center; 
  border:solid 1px #333;
} 

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

/* List items in the navbar */ 
#navbar li{ 
  background:#aaa url(images/navbak.jpg) repeat-x center;
  z-index:2;
} 

/* 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:80%;
	color:#000;
	background:#aaa url(images/navbak.jpg) repeat-x center;
	display:block;
	height:2em;
	width:auto;
	line-height:2em;
	text-align:center;
	outline-style:none;
} 

/* Navbar hover, active, and current page links */ 
#navbar a:hover, 
#navbar a:active, 
#navbar li.selected a:link, 
#navbar li.selected a:visited{ 
  background:#ddd url(images/navhover.jpg) repeat-x center; 
  color:#000;
}

/********** End Left Column **********/



/********** Navbar **********/
/* Navbar1 division */ 
#navbar1{ 
  background:#aaa url(images/navbak.jpg) repeat-x center; 
  /* Left margin must match leftcolumn width */ 
  margin-left:12em; 
  height:1.6em; 
} 

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

/* List items in the navbar */ 
#navbar1 li{ 
  float:left; 
} 

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

/* Navbar hover, active, and current page links */ 
#navbar1 a:hover, 
#navbar1 a:active, 
#navbar1 li.selected a:link, 
#navbar1 li.selected a:visited{ 
  background:#ddd url(images/navhover.jpg) repeat-x center; 
  color:#000; 
}
/********** End Navbar **********/


/********** content **********/
#content{
	/* Left margin must match leftcolumn width */ 
  margin-left:12em;
/*	background-color:#FFFFFF; */
	color:#000000;
	padding:10px 20px;
	background-image: url(images/background.jpg);
	background-repeat: inherit;
}
 

/* Applies to paragraphs in the content division */ 
#content p{
	line-height:1em;
	font-family: "Book Antiqua";
	color:#000000;
} 

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

/* Styles h1, h2, and h3 style rules in the content division */ 
#content h1, #content h2, #content h3{ 
  font-family: "Book Antiqua"; 
  color:#000000; 
  font-weight:normal; 
  font-style:normal; 
  font-variant:small-caps; 
  letter-spacing:0.08em; 
} 

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

/* Size h2 headings in the content division */ 
#content h2{ 
  font-size:1.5em; 
} 
/* Size h3 headings in the content division */ 
#content h3{ 
  font-size:1.25em; 
  font-style:normal; 
} 
#content ul {
	color: #000000;
}

p.tip  {
   	font-size: 9pt;
   	font-family: "Book Antiqua";
   	color: #000000;
  /* 	margin-left: 1in; */
 /*  	margin-right: 1in; */
   }

h3.center{
	font-family: "Book Antiqua";
	font-size: small;
	color: #000000;
	text-align: right;
	top: 30px;
}
h4.center{
	font-family: "Book Antiqua";
	font-size: small;
	color: #000000;
	text-align: right;
	top: 30px;
}
p.center{ 
font-family: "Book Antiqua"; 
font-size: medium; 
color: red; 
}


/********** End content **********/

/********** Footer **********/

#footer{
     height: 28px;
     width: 100%;
     background-image: url("images/wood3.jpg");
     background-repeat: repeat;
 /*    border-top: thin solid #191970; */
     font-size:.8em; 
     font-style:normal;
     text-align:center;
     line-height:2em; 
   }
/********** End Footer **********/