@charset "utf-8";
/* CSS Document */
/* styles3col.css */
/* Universal style rule */
*{
/* Block all browser default margines and padding */
margin:0;
padding:0;
}
#wrapper{
width:48em;
background-color:#ccd89e; /* background within web page */
/* Put 20 px margin above the wrapper */
/* Set right and left to auto for centering */
/* Center the wrapper */
margin: 20px auto 0 auto;
}
#nav{
background-color:#7ac0f1;
color:#fff;
height:1.6em;
}
/* Remove bullets from ul in the navbar */
#nav ul{
list-style-type:none;
}
/* List items in the navbar */
#nav li{
float:right;
}
/* Applies to nav links, visited and unvisited */
#nav a, #nav a:link, #nav a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#000;
display:block;
height:2em;
width:6em;
text-align:left;
line-height:2em;
outline-style:none;
}
/* Nav hover, active, and current links */
#nav a:hover, #nav a:active, #nav li.selected a:link, #navbar li.selected a:visited{
color:#fff;
}
#branding{
background-color:#fff;
padding:0;
}
/* Fixes image gap */
#branding img{
display:block;
}
body{
background-color: #069; /* Background outside web page */
font-family: Airal, Helvetica, sans-serif;
}
/* Navbar division */
#navbar{
background-color:#f90; /* Color of navbar */
height:1.6em;
border-top: solid 5px #ca6500;
border-bottom: solid 5px #ca6500;
}
/* 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;
z-index:105;
}
/* Applies to nav bar links, visited and unvisited */
#navbar a, #navbar a:link, #navbar a:visited{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:80%;
color:#000;
background-color:#f90; /* Color of navbar */
display:block;
height:2em;
width:9.92em; /*width of each button */
border-right:solid 1px #ca6500; /* Color of border between navbar */
text-align:center;
line-height:2em;
outline-style:none;
}
/* Navbar hover, active, and selected links */
#navbar a:hover, #navbar a:active, #navbar li.selected a:link, #navbar li.selected a:visited{
background-color:#f90; /* Color of navbar */
color:#fff; /* Text color */
}
/* Drop-down nested list menu styles */
#navbar li ul{
position:absolute;
z-index:100;
visibility:hidden;
border: solid 2px #ca6500; /* Color of navbar border */
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul, #navbar li a:hover ul{ /* IE6 hack */
visibility:visible;
top:1.6em;
left:0;
}
/* Applies to links on the drop-down menu */
#navbar li:hover ul li a, #navbar li a:hover ul li a{ /* IE6 hack */
background:#f90; /* Color of drop down */
color:#000;
text-align:left;
display:block;
width:9.5em; /* width of each drop down */
padding: 0 0 0 .2em;
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:#ca6500; /* Color of hover navbar drop down */
color:#fff;
}
/* IE6 hack applies to its table drop-down */
#navbar table{
margin:-1px;
border-collapse:collapse;
position:absolute;
top:0.5em;
left:0;
}
/* Content left margin must match this width */
#leftcolumn{
	width:12em;
	float:left;
	font-size:.95em;
	color:#000;
	padding:10px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-right:0;
	margin-bottom:0;
	margin-left:0;
	text-align:left;
}
/* Remove bullets from ul in the side nav */
#leftcolumn ul
{
list-style-type:none;
}
#leftcolumn li ul{
position:absolute;
top:0;
left:99%;
z-index:105;
visibility:hidden;
border: solid 2px #ca6500; /* Color of navbar border */
}
/* Make flyout menu visible on leftcolumn hover */
#leftcolumn li:hover ul, 
#leftcolumn li a:hover ul /* IE6 hack */
{
visibility:visible;
}
/* Applies to links on the flyout menu */
#leftcolumn li:hover ul li a,
#navbar li a:hover ul li a /* IE hack */
{
background:#ccd89e;
color:#000
text-align:left;
display:block;
width:12em;
padding: 0 0 0 1em;
height:auto;
}
/* Hover on flyout menu links */
#leftcolumn li:hover ul li a:hover, #leftcolumn li a:hover ul li a:hover /* IE6 hack */
{
background:#5f7426;
color:#fff;
}
/* List items in the left column */
#leftcolumn li{
/* Required for flyout menus */
position:relative;
}
/* Applies to links, visited and unvisited */
#leftcolumn a, #leftcolumn a:link, #leftcolumn a:visited
{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:95%;
	color:#000;
	display:block;
	height:2em;
	width:auto;
	padding:.5em;
	border-top:solid 1px #ca6500;
	line-height:2em;
	text-align:left;
	outline-style:none;
}
/* Applies to links, hover, active, and current links */
#leftcolumn a:hover, #leftcolumn a:active, #leftcolumn li.selected a:link,
#leftcolumn li.selected a:visited
{
background-color:#5f7426;
color:#fff;
}
/* Applies to links, hover and active links */
#leftcolumn a:hover, #leftcolumn a:active
{
background-color:#5f7426;
color:#fff;
}
/* IE6 hack applies to its table drop-down */
#leftcolumn table{
margin:-1px;
border-collapse:collapse;
position:absolute;
top:0;
left:99%;
z-index:105;
}
/* Applies to images in the leftcolumn div */
#leftcolumn img{
	width:100%;
	text-align:center;
}
/* Applies to sub-list in leftcolumn */
#sublist li{
	font-size:0.85em;
	font-family:Arial, Helvetica, sans-serif;
	text-indent:0px;
	font-style:italic;
}
#email ul{
list-style-type:none;
border:none;
}
#email li{
	font-size:0.90em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	text-decoration: none;
	color:#ca6500;
}
#email a:hover, #email a:visited,{
	color:#ca6500;
	background:none;
}
#email p{
font-size:0.90em;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	border:none;
}
/* Content right column */
#rightcolumn{
	width:15em;
	float:right;
	font-size:0.8em;
	color:#000;
	padding:;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
}
#rightcolumn img{
padding:20px 0;
}
#content{
/* Left margin must match leftcolumn width */
margin:0 12em;
background-color:#fff;
color:#000;
padding: 10px 20px;
}
/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
font-family:Arial, Helvetica, sans-serif;
color:#ca6500;
font-weight: normal;
font-style:italic;
font-variant:samll-caps;
letter-spacing: 0.08em;
}
/* Size h1 heading in the content division */
#content h1{
font-size:1.25em;
color:#ca6500;
}
/* Size h2 heading in the content division */
#content h2{
font-size:1em;
color:#ca6500;
} 
/* Size h3 heading in the content division */
/*#content h3{
font-size:1.25em;
} */
#content p{
line-height:1.5em;
font-size:90%;
}
/* Applies to all lists in the content division */
#content ul, #content ol{
padding:10px 0 10px 40px;
}
#footer{
  background-color:#7ac0f1;
  border-top: solid 10px #ca6500;
  padding:0.7em;
  text-align:center;
  font-size:0.7em;
  color:#000;
}
#footer a, #footer a:link, #footer a:visited{
/* No underline on links */
  text-decoration:none;
  color:#000;
}
#footer a:hover, #footer a:active{
  color:#fff;
}