/* Revison of Kevin Hunters original css sheet*/

html, body {
	width: 98% !important;
}


/* Body specifications */

body {
	margin: 0 0 0 0;    /* Since it's the body of the page, I don't want to offset it any. */
	padding: 0 0 0 0;   /* I don't want to pad the body either.   */
	font-family: Geneva, Helvetica, sans-serif;  /* If they have Geneva, use it, otherwise use Helvetica.  If they also don't have Geneva, or Helvetica, then pick some font in a sans-serif style */
	position: relative; /* Position the body relative to the browser window, and user settings. */
	background-color: rgb(100%, 100%, 100%); /* Set Background to white */
	color: rgb(0%, 0%, 0%);         /* Default text color: black*/
}


/* general anchor text descriptions */

a {
	display: inline;            /* As nearest I can tell, highlight the entire "block" of the hyperlink */
	text-decoration: none;      /* Take away the underline */
	background-color: transparent;
}

a:link {
	color: rgb(48%, 0%, 0%);  /* Mainly red color */
	font-weight: bold;
}

a:visited {
	color: rgb(65%, 60%, 60%);
	font-weight: bold;
}

a:hover { /* define what happens specifically when the mouse is over a hyperlink */
	z-index: -1;                         /*Set the background behind whatever's already there*/
	background-color: rgb(48%, 0%, 0%);  /*Set BG color to dark red*/
	color: rgb(100%, 100%, 100%);        /*Set text color to white*/
}

.center {
        text-align: center;
 }

img {
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	display: inline;
	background-color: WHITE;
}

div.mainheader {
	margin-top: 1em;           /* margin is the space "outside" of the space for the content of this division */
	margin-right: 1em;
	margin-bottom: 2px;
	margin-left: 1em;
	padding-top: 0;           /* Padding is the space "inside" of the space for the content of this class of division */
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	border-top: 0;            /* border is the design or line between margin and padding */
	border-right: 0;
	border-bottom: 4px solid; /* px means pixel; solid creates a solid border, as opposed to a 'dotted', 'double', or some other type of border */
	border-left: 0;
	border-color: rgb(48%, 0%, 0%);  /* Now that the border is defined, make it a dark, mainly red color */
        /* Begin to define the layout of a sitemast division */
	background-color: rgb(100%, 100%, 100%);    /* Make the background a light color, white */
}

div.mainheader img {
	display: inline;

}

div.mainheader h1 { /* Define how an <h1> tag that is used inside of sitemast instance of a division is treated */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 1em;
	font-family: Helvetica, sans-serif; /* Use Helvetica, otherwise pick some font without a serif. */
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: 0em;
	border-top: 0;             /* Explicitly make sure the top border is gone */
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
	color: rgb(48%, 0%, 0%);
	background-color: transparent;
	text-align: right;
	width: 100%;
}

div.mainpage, div.content { 
	position: relative;
} 

div.mainpage {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10.2em;
	padding-left: 3%;
}


div.content h3, div.content h4, div.content h5, div.content h6 { /* Define <h2> thru <h6> for the content class */
	line-height: 0.7em;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	border-bottom: 1px dotted;
}

div.content h2 {
	line-height: 0.7em;
	margin-top: 1em;
	color: rgb(200, 0, 0);
}

div.mainpage h2 {
	line-height: 0.7em;
	margin-top: 1em;
	color: rgb(200, 0, 0);
}

div.mainpage tr {
        text-align: left;
}

div.content p, div.content dl, div.content ol, div.content ul { /* Explain the <p>, <dl>, <ol>, and <ul> tags for the content class */
	margin-left: 0;
	margin-right: 3%;
}


div.mainheader th {
	text-align: left;
	font-weight: normal;
}

div.content p {
	text-indent: 0.15in;
}

div.content ul {
	list-style-type: disc;
}

/* Menu */
div.menupane { /* Create the area for the menu */
	position: absolute; /* Position this object absolutely */
	top: 10em;      /* 10em down from the top */
	left: 1px;          /* and 1px of the left of the window.*/
	width: 10em;        /* Give the menu a width of 10em */
	float: left;
	margin: 0 0 0 0;
	padding: 0 1% 0 0;
	border-top:    0;
	border-right:  0px solid;
	border-bottom: 0;
	border-left:   0;
	border-color: rgb(50%, 0%, 0%);
}

div.menupane {
	background-color: rgb(100%, 100%, 100%);
	font-family: sans-serif;
}

div.menupane h4, div.menupane h6 {
	margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 1px;
	padding-left: 0.5em;
	border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        border-bottom: 0px;
}

div.menupane h4, div.menupane h6 {
	background: rgb(100%, 100%, 100%);
	margin-left: 1em;
	text-align: center;   /* align the headers in the center of the menupane */
}

div.menupane h4 {
	font-size: 1em;
	line-height: 1em;
}

div.menupane h6 {
	font-size: 0.7em;
	line-height: 1.2em;
}

div.menupane ul {
	margin: 0 2px 1px 8px;
	padding: 0 0 1em 0.5em;
}

div.menupane ul {
	background: rgb(100%, 100%, 100%);
	font-size: 90%;
	list-style: none;
}


div.menupane ul li {
	padding-top: 1em;
}

div.menupane ul ul {
	margin: 0 0 0 0;
	padding: 0 0 0 1.25em;
	border-left: none;
	font-size: 90%;
}

div.menupane ul ul li {
	padding-top: 1px;
	text-indent: -0.7em;
}

div.caption {
        font-size: 90%;
        text-align: center;
}

div.picturepage {
	text-align:center;
}

div.picturepage img {
	width: 250px;
	border: 0px;
}

div.picturepage table {
	border: 0px;
}

div.picturepage td {
	text-align: center;
	width: 250px;
}