/* basic elements */

body { 
	margin: 0px; 
	padding: 0px; 	
	font-family: Verdana, Arial, sans-serif;
	font-size: 16pt;
	color: #000000;

	background: url(blue_gradient_test.jpg);
	background-repeat: repeat-x; 
	background-color: #ffffff;
	text-align: justify; 
}

p {
	font-size: 14px;
}

p.center {
	text-align: center;
}

p.indent { 
	margin-left: 60px;
	font-size: 12px;
	border: inset #ffcc66 2px;
}


a img{ 
border: none;
}

h1 { 
	text-align: center;
	color: #000000;
}

h2 {

	text-align: center;
	font-variant: small-caps;
}

h3 {

	text-align: center;
	font-variant: small-caps;
}


ul {
	font-size: 14px;
}

ul.menu {
	margin-left: 5px;
	text-indent: -7px;
	padding-left: 5px;
	font-size: 18px;
	list-style: none;
}

ol {
	font-size: 10px;
}


ul.i {
	font-style: italic;
}

ul.b {
	font-weight: bold
}

ul.u {
	text-decoration: underline;
}


/* changes the address tag slightly */

address {
	font-style: italic;
	text-align: center;
	font-size: 10px
}

/* links */

a:link { 
	text-decoration: none;

}

a:visited, a:active {
	color: purple;
}

a:hover {

	color: red;
}

/* div class for padding */

div.padder { 
	padding: 12px; 
}

/* div id classes for positioning */

/* controls the main aspects of the page like
margins, borders, colors, dimensions */

#total { 
	position: relative; 
	margin: 10px auto 10px auto; 
	height: 100%; 
	width: 800px;
	min-height: 700px;
	background-color: white;
}

#header { 
	position: relative; 
	width: 100%; 
	height: 100px; 
}

#header p{
	color: #000000;
}

#header h1{
	color: #000000;
	font-variant: small-caps;
}

span {
color: #F00000;
}

/* creates a table look for the three items in the header */

#left {
	font-size: 12px;
	width: 32px;
	float: left;
	padding: 15px;
 }

#center {
	width: 550px;
	float: left;
	font-size: 18px;
	font-style: italic;
	text-align: center;
	color: black;
	margin-top: 15px;
}

#center p{
	font-size: 10px;
}

#right {
	width: 50px;
	float: left;
	font-size: 12px;
	padding: 15px;
}

/* controls the position of the "body" of the page...
everything not in the header and menu areas */

#content { 
	position: relative; 
	height: auto;
	margin: 10px 0px 0px 100px;
}

/* formatting for the menu */

#menu { 
	position: absolute; 
	top: 100px; 
	left: 5px; 
	height: auto; 
	width: 100px;
	background-color: transparent;
	border: 2px  #804000;
}

#menu p {

	font-size: 13px; 
	text-align: right;
}

#menu h2 {
	text-align: right;
	font: 10px 900 small-caps;
	color: white;
	letter-spacing: 8px;

}

/* formatting for the footer */

#footer {  
	position: relative;
	text-align: center;
	height: 20px; 
	margin: 0px auto 10px auto; 
	padding-top: 4px; 
	border-top: 1px solid #EADDC5;
	width: 75%;
}

/* This div acts like a table, 
holding a picture in the center of the parent box */

#pic {
	position: relative;
	width: auto;
	float: left;
}

img{
	align:  center;
}


p.statement {
font-size: 12px;
font-boldness: 200;
font-style: italic;
text-align: center;
}

p.customer {
font-size: 12px;
font-boldness: 200;

}

#pic {
	position: relative;
	width: 688px;
	min-height: 300px;
	margin-top: 3px;
	border-bottom: 1px dashed #000000;
	border-top: 1px dashed #000000;
}

#picl{
	position: relative;
	width: 335px;
	min-height: 300px;
	float: left;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-left: 2px;

}

#picr{
	position: relative;
	min-height: 300px;
	width: 335px;
	float: left;

	margin: 2px 2px 0x 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-left: 2px;

}

#float_r{
	position: relative;
	float: right;
	width: 680px;
	border: 2px ridge #ff8000;
	background: #996633;
	margin: 0px 2px 0px 2px;
}

#float_l{
	position: relative;
	margin: 0px 2px 0px 2px;
	float: left;
	width: 312px;
	border: 2px ridge #ff8000;
	background: #996633;
}

#float_r p {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-boldness: 200;
font-style: italic;
text-align: center;
	color: white;
}

#float_l p {
font-size: 12px;
font-family: Georgia, "Times New Roman", Times, serif;
font-boldness: 200;
font-style: italic;
text-align: center;
	color: white;
}

#picl2{
	position: relative;
	height: 300px;
	margin: 0px 15px 0px 0px;
	width: 350px;
	float: left;
}

#picr2{
	position: relative;
	height: 300px;
	width: 320	px;
	float: left;
}




/*  this aligns a picture to the left of an object */

#link {

	position: relative;
	width: auto;
}

#link p {
	margin-left: 200px;
}


#valign {
	vertical-align: middle;
	float: right;
	height: 50px;
	margin-left: 10px;
}

#tran h2 {
	color: orange;
}

#tranr h2 {
	color: red;
}