/* basic page formatting style */

body { 	
	background-color: #f7e5ef; 	
	margin: 0px;
	font-family: verdana, geneva, arial, sans-serif;
	font-size: small;
	text-align: center; 
	padding-left:0px; 
	padding-right:0px; 
	padding-top:20px; 
	padding-bottom:20px
	}	

div>p:first-child {					/* this causes ie and compliant browsers to display first p in a div the same */
	margin-top: 0px;
	}
	
img {
	border: 0px;
	}


#container {   /* <div id="container"> */
	width: 700px;
	background-color: #ffffff;
	margin: 20px auto 15px auto;
	padding: 10px 0px 10px 0px;
	text-align: left;
	border: 3px solid #b5b1b4;
	}

#header {   /* <div id="header"> */
	position: static;
	width: 698px;	
	margin: 0px auto 0px auto;
	text-align: center;
	padding-bottom: 20px;
	}

#footer {   /* <div id="footer>*/
	width: 680px;
	text-align: center;
	font-family: Verdana;
	font-size: 100%;
	margin: 0px auto 0px auto;
	padding-top: 15px;
	padding-bottom: 10px;
	}
	
.highlight {  /*  used for right copy with blue background */
	background-color:	#edf2fa;
	width: 400px;
	margin: 0px auto 0px auto;
	padding: 10px 15px 10px 15px;
	text-align: left;	
	border-top: 1px #000066 solid;
	border-right: 2px #000066 solid;
	border-bottom: 2px #000066 solid;
	border-left: 1px #000066 solid;
	}	
	
.nobottom {   /* forces bottom to move up */
	margin-bottom:	0;
	padding-bottom:	0;
	}
	
.notop {     /* forces top to move up */
	margin-top:	0;
	padding-top:	0;
	}	
	

h1 {
  font-size:      140%;	
	text-align:			center;
	font-weight:    normal;	
	}
	
h2 {
  font-size:      130%;
	text-align:			center;	
	font-weight:    normal;	
	}
	
h3 {
  font-size:      120%;	
	font-weight:    normal;
	}	
	
h4{
  font-size:      110%;	
	text-align:			center;
	font-weight:    normal;
	}

.tl {
	text-align:	left;
	}
	
.ltl {
	font-size:      120%;	
	font-weight:    normal;
	text-align:	left;
	}
	
.stl {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	left;
	}
	
.tc {
	text-align:	center;
	}
	
.ltc {
	font-size:      120%;	
	font-weight:    normal;
	text-align:	center;
	}
	
.stc {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	center;
	}
	
.tr {
	text-align:	right;
	}
	
.ltr {
	font-size:      120%;	
	font-weight:    normal;
	text-align:	right;
	}
	
.str {
	font-size:      85%;	
	font-weight:    normal;
	text-align:	right;
	}
	
.tj {
	text-align:	justify;
	}
	
.darkpink {
	color: #a60056;
	}

.border {
	border: 1px solid black;
	}
	
.floatl {
	float: left;
	display: inline;					/* fix IE double margin bug on floats */
	}

.floatr {
	float: right;
	display: inline;					/* fix IE double margin bug on floats */
	}
	
.fullwidthpadded { 
	width: 530px;
	margin: 0px auto 0px auto;
	padding: 10px 50px 10px 50px; 
	text-align: left;
	}
	
.clearfullwidthpadded {
	clear: both;
	width: 530px;
	margin: 0px;
	padding: 0px;
	font-size:1px;
	line-height:0;
	}
	
.halfwidth {
	width: 240px;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	text-align: left;
	}

	
p.nobottom {   /* forces bottom text to move up */
	margin-bottom:	0;
	padding-bottom:	0;
	}
	
p.notop {     /* forces top text to move up */
	margin-top:	0;
	padding-top:	0;
	}		


a {
	color:	#4682b4;
	text-decoration:	none;
	padding:	0px;
	}
	
a:visited {
  color: #708090;
  text-decoration: none;
  padding:	0px;
  }

a:hover {
  color: #db7093;
  text-decoration: none;
  padding:	0px;
  }
	
body ul li {
	list-style-image: url('../images/bullet.gif');
	}		
  	
.menubkgd {  /* top and bottom border line */
  	position: static;
  	width: 550px;
  	height:	18px;
  	margin: 0px auto 0px auto;
  	padding: 2px 0px 0px 0px;
  	border-top: 2px #355f38 solid;
  	border-bottom: 2px #355f38 solid;	
  	}
		
table {  /* table with 10 px padding and no margins */
  padding: 0px 0px 0px 0px;
	margin: 	0px auto 0px auto;
	}	
	
td {  /* table cell with 10 px padding on top and 15 px padding on the right */
  padding: 5px 0px 0px 0px;
	margin: 	0px auto 0px auto;
	}
		
td.left {  /* moves text in a td to left top*/
	text-align:			left;
	vertical-align:		top;	
	padding: 5px 20px 0px 0px;
	margin: 	0px 0px 0px auto;
	}
	
td.right {  /* moves text in a td to right top*/
	text-align:			right;
	vertical-align:		top;	
  padding: 5px 0px 0px 20px;
	margin: 	0px auto 0px 0px;
	}
	
td.size225 {  /* sets a td to 200 px */
	padding-right:	10px;	
	width:					225px;		
	}