/*  CSS file for CS 5150, HTML5 version
William Y. Arms, January 2016 */

/* This is a table driven program.  To simplify annual updating, amost all the data 
is held in tab separated .txt files.  Javascript functions read these tables and 
display the data. */

body {
	font-family: serif;
	background-color:white;
}

/* Each page begins with a header and a title div */

.header {
    text-align:center;
    padding:5px;
}

.title  {
	text-align: center;
	color: #5D7084;
	font-size: x-large;
	font-weight: bold;
}

/* The main part of the page has two columns, a nav div (for the menu) and a section div 
for the content.  To ensure that they are equal length, they are wrapped in a wrapper div. */
   
#wrapper {
   display:table;
 }
 
 .section, .nav {
	float: none;
    vertical-align: top;
	display: table-cell;
 }

 .section {
	width:80%;
    padding:0 0 0 10px;
}

.nav {
    background-color:#748CA5;
	padding: 0 5px 0 5px; 
	width:20%;  
}

/* Each page ends with a footer.  To ensure that the menu links can be read by web
crawlers, the menu at the foot of the home page is hard coded HTML. */

.footer {
    clear:left;
    text-align:center;
    padding:5px;
}

/* The following are the defaults for all division, except nav. */

p, ol, ul, td {
	color : black;
	font-size : medium;
}

strong {
	font-weight: bold;
	color: #4C5B6B;
}

.subtitle {
	margin-top: 0px;
	color: white;
	font-size: large;
	background-color: #748CA5;
	padding: 3px 0px 2px 5px;
}

.titleinline {
	color: #4C5B6B;
	font-size: medium;
	font-weight: bold;
}

.minortitle {
	color: #660000;
	font-size: medium;
	font-weight: bold;
}

a  {
	color: #800000;
	text-decoration : none;
}

a:hover {color: #4C5B6B;}

/* The following are for links in the nav menu. */

a.nav {
	color: white;
}

a.nav:hover {
	color: #4C5B6B;
}