/* CSS specifications for SupraMagnus site */
/* David Hanauer */

/* an example of a paragraph thing
p.topLine {color: #FFCCCC}
*/


/* html defines the minimum width for the html document.  If it is made
smaller, a horizontal scroll bar will appear.  May not work in IE */

html { 
min-width: 800px; 
} 


/* this sets the borders of all images to disappear.  Border appear around images
in some programs like Netscape when the images are also links. */

img
{
border-width:0px;
}

/* 	upperRight defines the position for the links in the upper right corner
	of the window, which should be on all pages */

.upperRight {
position:	absolute;
top:		10px;
right:		10px;
z-index:	2;
font-family: Arial, Helvetica, "sans serif";
color: rgb(100,0,5);
font-weight: bold;
font-size: 12px;
}


/* 	smallLink defines the properties for the size and color of the small
	links */
	
.smallLink {
text-decoration:none;
font-family: Arial, Helvetica, "sans serif";
color: rgb(0,0,0);
font-weight: bold;
font-size: 12px;
}


/*	smallLink:hover defines properties for the size and color of the links
	when a mouse hovers over it */
	
.smallLink:hover {
text-decoration:none;
font-family: Arial, Helvetica, "sans serif";
color: rgb(200,0,0);
font-weight: bold;
font-size: 12px;
}


/*	smallFont defines properties for regular, non-link fonts that should match the smallLink styles */

.smallFont {
font-family: Arial, Helvetica, "sans serif";
color: rgb(0,0,0);
font-weight: bold;
font-size: 12px;
}



/* 	mediumLink defines the properties for the size and color of the medium
	links */
	
.mediumLink {
text-decoration:none;
font-family: Arial, Helvetica, "sans serif";
color: rgb(0,0,0);
font-weight: bold;
font-size: 14px;
}


/*	mediumLink:hover defines properties for the size and color of the links
	when a mouse hovers over it */
	
.mediumLink:hover {
text-decoration:none;
font-family: Arial, Helvetica, "sans serif";
color: rgb(200,0,0);
font-weight: bold;
font-size: 14px;
}


/*	medium font is one step up from the small font size */

.mediumFont {
font-family: Arial, Helvetica, "sans serif";
color: rgb(0,0,0);
font-weight: bold;
font-size: 14px;
}


.logo {
position:	absolute;
top:		5px;
left:		5px;


}

/* logoHeadFont is the font and location for the logo.  Currently a graphic is
	placed here with the logo, but it could be changed to text and would like
	similar at 36 point font size */

.logoHeadFont {
font-family: Arial, Helvetica, "sans serif";
color: rgb(100,0,5);
font-weight: bold;
font-size: 36px;
position:	absolute;
top:		5px;
left:		150;
}


/* 	mainMenuChoices is the location and font size for the main meny of choices
	for the various programs */

.mainMenuChoices {
font-family: Arial, Helvetica, "sans serif";
color: rgb(0,0,0);
font-weight: bold;
position:	absolute;
top:		100px;
left:		155;
}


/*	leftColumnProgramIcon is the location for the program icon which can change with the rollovers */

.leftColumnProgramIcon {
position:       absolute;
width:          135;
top:            150;
left:           5px;
font-family: Arial, Helvetica, "sans serif";
font-size: 12px;
color: rgb(80,80,80);
font-weight: bold;
} 


/* leftColumnTextInformation defines where the text goes, such as the program names, etc */

.leftColumnTextInformation {
position:       absolute;
width:          135;
top:            285px;
left:           5px;
height:			500px;
font-family: Arial, Helvetica, "sans serif";
font-size: 12px;
color: rgb(80,80,80);
font-weight: bold;
} 



/* horizontalRow defines the row that is the separator for the top and bottom parts of the page; the dividing 'table' goes here */

.horizontalRow 
{
position:	absolute;
top:		120px;
left:		5px;
}



/* mainBody defines the boundary for where the majority of the information should go about the programs */

.mainBody {
position: 	absolute;
top:		180px;
left:		145px;
font-size: 14px;
color: black;
font-family: Arial, Helvetica, "sans serif";
padding-top:50px;
padding-left: 10px;
margin-left:0px;
border-left-style: solid;
border-left-color: rgb(80,80,80);
border-left-width: 1px;
z-index:	1;

}



/* The text that is under the dividing line that defines the name of the program */

.headingText {
position:	absolute;
top:		145;
left:		145;
font-family: Arial, Helvetica, "sans serif";
font-size: 32px;
color: rgb(80,80,80);
font-weight: bold;
padding-left: 10px;
margin-left:0px;
border-left-style: solid;
border-left-color: rgb(80,80,80);
border-left-width: 1px;
}


/* The text often under name of program that defines that version number */

.subHeadingText {
position:	absolute;
top:		180;
left:		145;
font-family: Arial, Helvetica, "sans serif";
font-size: 18px;
color: rgb(80,80,80);
font-weight: bold;
padding-left: 10px;
margin-left:0px;
border-left-style: solid;
border-left-color: rgb(80,80,80);
border-left-width: 1px;
}


/* tableRow defines the gray horizontal stripe for the table dividing lines */
.tableRow {
background-color: rgb(200,200,200);
font-family: Arial, Helvetica, "sans serif";
font-size: medium;
color: rgb(0,0,0);
font-weight: bold;
font-size: 12px;
}

/* tableText defines the text properties of text inside of a table */
.tableText {
font-size: 14px;
color: black;
font-family: Arial, Helvetica, "sans serif";
padding-top:50px;
}

/* this defines the courier font for typewrite text */
.courierFont14 {
font-family: courier, serif;
font-size: 14px;
font-weight: normal;
}






}