/* cappstyle.css */
/*Set background color */
body {
background-color:#666666;
/* Center the wrapper in older browsers */
text-align:center;
margin:0;
padding:0;
} 

#wrapper{
/* Create a div for the content */
width:47em;
background-color:#f0f8ff; 
/* Center the wrapper div */
margin: 1em auto;
/* Left-align text inside the div */
text-align:left;
}

#header{
width:100%;
background-color:#FFFFFF;
height:8em;
}

*{
margin:0;
padding:0;
}

#leftcolumn{
width:13em;
float:left;
}

/************************** Navbar division *******************/
#navbar{
width:85%;
/* Center horizontally */
margin:2em auto;
line-height:2.0;
text-align:left;
}

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

/* List items in the navbar */
#navbar li{
background-color:#fff;
border-bottom: 1px solid #ED9F9F; 
/* 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:90%;
color:#fff;
background-color:#b22222;
padding: 5px 5px 5px 0.5em;
border-left:12px solid #711515;
border-right:1px solid #711515;  
display:block;
height:2em;
width:auto;
outline-style:none;
padding-top:.5em;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
color:#000;
font-weight:bold;
}

/* Flyout menu styles */
/* Applies to flyout menus in navbar */
#navbar li ul{
position:absolute;
top:0;
left:99.9%;
z-index:105;
visibility:hidden;
border:1px solid #b22222;

}

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

/* Applies to links on the flyout menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
background-color:#b22222;
color:#fff;
font-weight:normal;
text-align:left;
display:block;
width:10em;
padding: 5px 5px 5px 0.5em;
height:2em; 
}

/* Hover on flyout menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
background-color: #b22222; 
color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
margin:-1px; 
border-collapse:collapse; 
position:absolute;
top:0;
left:99.9%;
z-index:105;
}
/***************************************Main div ******************/ 
#main{
	margin-left:13em;
	margin-right:.5em;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
}

#main ul{
	list-style-position:inside;
	margin-left:2em;
	line-height:1.5em;
	text-indent:-1em;
}

h1{
	color:#B22222;
	font-family:Arial, Helvetica, sans-serif;
	margin:.5em 0;
	font-size:1.7em;
}
	
#tagline p {
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 3px solid #7DA5D8;
	border-bottom: 3px solid #7DA5DB;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: .8em;
	margin: 0;
	background: #bed8f3 url(images/tagline-fade.jpg) repeat-y right;
}
p {
margin: 0;
padding-bottom: .75em;
} 
/***************************************Footer div *******************/
#footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align:center;
	color:navy;
	background-color:#bed8f3;
	clear:both;
}