BODY {margin: 0em; padding: 0em; background-color: #FFFFFF; color: #000066; 
font-family: Verdana, Arial, Helvetica, sans-serif;   }

BODY, HTML, NORMAL, DIV, ID, P, TH, TD, UL, OL, LI { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; }



H1, H2, H3, H4, H5 {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #000066;
margin-top: 2.5em;
margin-bottom: -0.5em;
} 





#TopBar {
	background-image: url("http://www.stalphegeseasalter.org/random/index.cgi");
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-color: #7e7ed3;
	height: 115px; 
	max-height: 115px;
	width: 100%;
	overflow: hidden; 
	position: relative;
	padding: 0;
	}

#TopBar a img {
	border: none;
}

#TopBar[id] {display: table; position: static;}


#TopLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 185px;
	height: 115px;
	}


#TopRight {
	position: relative; 
	top: 50%;
	left: 184px;
	padding-right: 152px;
	text-align: center;
			}

#TopRight[id] {display: table-cell; vertical-align: middle;position: static;
	}

#inner {position: relative; top: -20%;
	padding-right: 152px;
	 } /* for explorer only */

#inner[id] {position: static;
	text-align: center;
	margin-left: 184px;
	padding-right: 0;
	
}

#TopNav {
	background-position: 0% 0%;
	background-color: #000066;
	text-align: center;
	}

#TopNav a img {
	border: none;
	
	
	}


#Left {
	position: absolute;
	top: 150px;
	left: 10px;
	margin-top: 8px;
	padding-left: 10px;
	color: #000066;
	width: 20%;
	clear: both;
	}


#Left UL {
	margin-left: 5px;
	padding-left: 0;
	list-style: disc url("../01images/bullet.gif") ;
	}

 #Left a:link  {
	color: #000066;
	text-decoration: underline;
		
	
}

#Left a:visited  {
	color: #7E7ED3;
	text-decoration: underline;
	

	
}


#Left a:hover  {
	color: #3ab176;
	text-decoration: underline;
	
		
}




#Left a img {
	border: 0;
}



#Main {
	color: #000066;
	margin-top: 0px;
	margin-left: 22%;
	padding-top: 5px;
	padding-left: 2%;
	padding-right: 5%;
	padding-bottom: 5px;
	width: auto;
	
}


#BottomBar {
	color: #FFFF99;
	margin-top: 0;
	padding: 0 0 5px 5px;
	background-color: #7E7ED3;
	clear: both;
	min-height: 110px;
	height: 110px;
		}


#BottomLeft {
	float: left;
	width: 20%;
	color: #ccccee;
	font-size: smaller;
	text-align: center;
	padding-top: 50px;
	margin-bottom: 0;	
		
}


#BottomLeft a:link {
	color: #ccccee;
	font-weight: normal;
	text-decoration: none;
}


#BottomLeft a:visited {
	color: #ccccee;
	font-weight: normal;
	text-decoration: none;
}

#BottomLeft a:hover {
	font-weight: normal;
	color: #ffff99; 
	text-decoration: underline; 
}

#BottomRight{
	float:	right;
	width: 146px;
	color: #ccccee;
	height: 106px;	
	margin-bottom: 0;
		
}


#Address {
	color: #ffff84;
	font-weight: bold;
	margin-left: 20%;
	margin-right: 146px;
	padding-top: 5px;
	padding-bottom: 10px;
	width: auto;
	text-align: left;
	
	}

#Address a:link {
	color: #ffff04;
	text-decoration: underline;
}
#Address a:visited {
	color: #ffff04;
	text-decoration: underline;
}
#Address a:hover {
	color: #ffffff;
	text-decoration: underline;
}


TH {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7E7ED3; 
	font-size: 125%;
}

TD{
	color: #000066;
}

CAPTION {
	font-weight: bold;
	color: #000066;
}

A:link {
	color: #000066;
	text-decoration: underline;
	font-weight: bold;
}

A:visited {
	text-decoration: underline;
	color: #7E7ED3;
	font-weight: bold;
}

A:hover {
	color: #3ab176;
	text-decoration: underline;
}

#creditpd {
	color: #a3a3e0;
	font-size: xx-small;
	text-align: center;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 5%;
	padding-bottom: 15px;
	padding-left: 187px;
}

#creditpd a:link {
	color: #8A8D6F;
	text-decoration: none;
	font-weight: normal;
}

#creditpd a:visited {
	color: #8A8D6F;
	text-decoration: none;
	font-weight: normal;
}

#creditpd a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
}

H1 {
	font-size: 175%;
	/*text-align: center;*/
	color: #ffff84;
	margin: 0;
		}



H2 {
	font-size: 140%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom:  #000066 solid 2px;
	color: #7E7ED3;
	padding: 5px;

}

H3 {
	font-size: 110%;
	padding-left: 0px;
	padding-right: 0px;
}

H4 {
	font-size: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}

H5 {
	font-size: 100%;
	padding-left: 15px;
	padding-right: 15px;
	}

H6 {
	font-weight: normal;
	font-size: 70%;
}



#BottomLinks {
	font-size: smaller;
	padding-bottom: 15px;
	text-align: center;
	margin-left: 20%;
	margin-right: 5%;
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 2%;
	border-top: 1px #000066 dotted;
	
	}

.selectpicture {
	color: #66CC99;
}




.smaller {
	font-size: smaller;
}


.larger {
	font-size: larger;
}

.white {
	color: #ffffff;
}

.centred {
	text-align: center;
}



.picturecaption {
	text-align: center;
	font-size: x-small;
}

a img {
	border: 1pt #66CC99 solid;}

.NoWrap { white-space: nowrap; }

#Validation {
	color: #000066;
	font-weight: normal;
	text-align: left;
	margin-top: 20px;
}

#Validation a img {
	border: none;
	}

#Search {
	Border: 1pt #7e7ed3 solid;
	background-color: #ffff84;
	padding: 2px;
	padding-bottom: 5px;
	margin-top: 10px;
	}

#TopNav UL {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

li.inline {
  	display: inline;
  	padding-left: -5px;
	margin-left: -5px;
	list-style-type: none;

    }

.red {
	color: #ff0000;
	}