/* Style sheet for FSI-Language-Courses */

body {
	margin: 4px; 
	color: Black; 
	background: White;
	font-family : Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size : 130%;
	font-weight : bolder;
}

h2 {
	font-size : 110%;
	font-weight : bolder;
	line-height : 1;
}

/* link styles */

a {
	color: Blue;
	padding: 0px 5px 0px 5px;	
}

a:hover {
	color : Red;
}

a:visited {
	color : Purple;
}


/* table styles */

table {
	width: 100%;
	margin: 0;
}

table td {
	padding: 5px; 
	border-width: 0;
	vertical-align: top;
}

table#page-table td {
	font: 80%;
	padding: 10px; 
	border-width: 0;
	vertical-align: middle;
}

td#banner-title {
	color : White;
	background-color : Blue;
	font: bold 175%;
	text-align: left;
	height: 50px;
	vertical-align: top;
}

td#banner-menu {
	color : White;
	background-color : Blue;
	font: 90%;
	text-align: left;
	height: 25px;
	padding: 5px 5px 10px 5px;
}

tr td#banner-menu a {
	color: White;
}

#header td {
	padding: 0.1em 0.2em 0 0.2em;
}

tr td#header-left {
	background-color: #fffacd;
	font: 110%;
}

tr td#header-crumbs {
	background-color: White;
}

tr td#header-crumbs a:link{
	color: White;
}

tr td#header-crumbs a:visited{
	color: Gray;
}

td#left-side {
	width: 130px;
	background-color : #fffacd;
}

td#left-side td {
	padding: 5px 5px 5px 0.33em;
}

tr td#left-side a {
	width: 130px;
	color: Black;
	font: 70%;
}

td#content {
	font: 90%;
	padding: 15px 20px;
}

td#right-side {
	width: 140px;
	font: 70%;
	padding: 5px;
}

td#right-side th {
	font: 85%;
	padding: 2px;
	text-align: center;
	background-color : #fffacd;
}

td#right-side td {
	font: 70%;
	padding: 5px;
}

tr#footer td {
	font: 60%;
	vertical-align: middle;
	background-color: Blue;
	color: White;
}

td#footer-left {
	text-align: left;
}

td#footer-center {
	text-align: center;
}

td#footer-right {
	vertical-align: top;
	text-align: right;
}

/* course link table styles */

table.links {
	font-size : 90%;
	line-height : 1.5;
	padding: 0 10 0 10;
	width: auto;
}

/* left nav menu table styles */

table.leftnav {
	font-size : small;
	line-height : 1;
	padding: 0 0 0 0;
	width: auto;
}

/* quick link table styles */

table.quicklinks {
	font-size : small;
	line-height : 1;
	padding: 0 0 0 0;
	width: auto;
	border: solid 1px Black;
}


/* news item styles */

p.news {
	font-size : 90%;
	margin-top : 2px;
	margin-bottom : 6px;
	text-align : justify;
}

p.byline {
	font-size : 65%;
	font-style : italic;
	border-bottom-style : outset;
	border-bottom-width : 1px;
	margin-top : 5px;
	margin-bottom : 5px;
}

h1.news {
	font-size : 125%;
}

h2.news {
	font-size : 100%;
	margin-bottom : 0px;
}
	
	



/* These styles are kept for the search page until I convert it to the new format */

DIV#header {
	padding : 10px 10px 10px 10px;
	position : absolute;
	top : 0;
	left : 0;
	height : 90px;
	width : 100%;
	color : White;
	background-color : Blue;
	font-size : 100%;
	text-align : left;
}

DIV#header a {
	color : White;
	padding : 10px 10px 10px 10px;
	font-size : 85%;
}

DIV#header a:hover {
	color : Red;
}

DIV#header h1 {
	font-size : 170%;
	font-weight : bolder;
}

DIV#menu {
	padding : 10px 5px 5px 10px;
	position : absolute;
	top : 90px;
	left : 0;
	height : 100%;
	width : 160px;
	background-color : #fffacd;
	font-size : 70%;	
}

DIV#menu h1 {
	font-size : 130%;
	font-weight : bolder;
}

DIV#menu a {
	color : Black;
	padding-left : 5px;
}

DIV#menu a:hover {
	color : Red;
}

DIV#main {
	padding : 30px 30px 30px 30px;
	position : absolute;
	top : 90px;
	left : 161px;
	font-size : 85%;
	line-height : 1.5;	
}

DIV#main h1 {
	font-size : 130%;
	font-weight : bolder;
}

DIV#main h2 {
	font-size : 110%;
	font-weight : bolder;
	line-height : 1;
}

DIV#footer {
	padding : 10px 10px 10px 10px;
	position : absolute;
	top : 1200px;
	left : 0px;	
	width : 100%;
	font-size : 55%;
	text-align : center;
}