/*
mystyle.css file for CSCI1411 Assignment 1
Author: Mark Salloway
Date: 15/12/2004

Defines:
title - defines the top bar position/repeat the 32px bar.jpg across the x-axis.
title img - defines the images (green button) within title to appear in the top left AND on top of the title.
text a - defines the colour property for all hyperlinks within text.
text a: hover - defines the colour property for all hyperlinks within text on mouseover.
sidebar - defines the left hand navigation bars overall position, size, padding, alignments boarder and font families.
sidebar a:hover - defines the colour used for text and background of a menu item on mouse over.
sidebar a - defines the colour used menu items and display style.
class link - defines the boarder width/style, background colour and padding for link items.
class link a - sets top/bottom margins and padding on hyperlinks within the class link.
mwindow - defines the main area where content is displayed (position, padding, fonts, boarders).
img - defines the boarder properties for all images.
text p - defines the indent for all p elements within #text.
copyright - defines proportional font size, colour and alignment of disclaimer text.
h2 - defines the spacing and colour for all h2 elements.
body - defines the text colour and background colour for the body of the document (inhertied by others unless overridden)
class emph - class bold1 - sets the bold text attribute and a highlight colour.
class bold - sets the bold text attribute.
class bold1 - sets the bold text attribute and a highlight colour.
noindent p - defines the p class within a noident div not to be indented (used to override #text p).
class centerit - defines the area to be aligned to the center of the parent div.
class centerit img - defines images within center it to use a specific vertical alignment.
class smallertext - defines the area to use a smaller text size in proportion to the page.
text a:visited  - sets the colour of visited links within text.
*/

#title 
	{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 32px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: url(bar.JPG);
	background-repeat: repeat-x;
	z-index:0;
	}

#title img
	{
	border: none;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index:1;
	}
	
#text a
	{
	color: #FFFFFF;
	}
	
#text a:hover 
	{
	color: silver;
	}

#sidebar
	{
	position: absolute;
	top: 60px;
	left: 5px;
	width: 20%;
	padding: 0.2em;
	text-align: center;
	border: none;
	font-family:Arial,Helvetica,sans-serif;
	}

#sidebar a:hover 
	{
	background: lightgreen;
	color: black;
	}
	
#sidebar a
	{
	color: #FFFFFF;
	display: block;
	}

.link
	{
	border-width: thin;
	border-style: solid;
	background: green;
	padding:0.5em;
	}
.link a
	{
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	margin-top: 0px;
	}

#mwindow
	{
	position: absolute;
	top: 50px;
	left: 22%;
	width: 76%;
	right: 0px;
	padding: 0.2em;
	border: none;
	font-family:Arial,Helvetica,sans-serif;
	}
	
img
	{
	border: none;
	}
	
#text p
	{
	text-indent: 10px;
	}

#copyright
	{
	color:white;
	font-size: 0.7em;
	text-align: center;
	}
	
#noident p
	{
	text-indent: 0px;
	}

h2 
	{
	color:silver;
	letter-spacing: 0.2em;
	} 

body 
	{
	margin-top: 0px;
	margin-left: 0px;
	margin-right:0px;
	background-color: #145189;
	color: #FFFFFF;    
        }

#text a:visited 
	{
	color: maroon;
	}
     
.emph
	{
	color: yellow;
	font-weight: bold;
	}
	
.bold	{
	font-weight: bold;
	}

.bold1 
	{
	font-weight: bold;
	color: silver;
	}
	
.centerit
	{
	text-align: center;
	}
	
.centerit img
	{
	vertical-align: middle;
	}

.smallertext
	{
	font-size:0.9em
	}