/* ====================== Page Formatting  ========================*/
body, table, a, p, div {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

body {background-color: #ffffff:}
		
td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}

a:active, a:link, a:visited {
	color: #990000;}

a:hover {
	color: #666666;}

input, select, textarea {
	color: black;
	background-color: #cccccc;
	border-color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, h7 {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-weight: bold;}
h1 {
	font-size: 14px;
	padding: 0px 0px 5px 0px}
h2 {
	font-size: 12px;
	color: #990000;
	padding: 15px 0px 0px 0px}
h3, h4, h5, h6, h7 {font-size: 11px;}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
li {
	padding: 3px 0px 4px 25px;
	background: url(../images/square.gif) no-repeat 10px 8px;}
li a {
	text-decoration: none;
	padding: 3px 0px 4px 0px;}

p {padding-bottom: 10px;}

/* ====================== layout & columns ========================*/
#main {
	background-image:url(../images/bg.gif);
	width: 780px;}

#header {
	height: 170px; 
	background: url(../images/bnr.jpg) no-repeat;}
	
a.image { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 310px; /* width of reactive image */
     height: 140px; /* height of reactive image */}
	 
#subHeader {
	text-align: center;
	height: 45px; 
	background: url(../images/bottom_bar.jpg);}

#leftMaster {
	/* there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/* LM must come after RM in the structure of the HTML */
	margin-right: 230px;
	margin: 20px 20px 40px 20px;}
#rightMaster {
	/*width cannot exceed the value of margin-right in "leftmaster", but it can be smaller if a blank margin is desired between LM & RM*/
	float: right;	
	width: 230px;
	margin: 40px 20px 20px 20px;}

#fullMaster {
	margin: 20px;}
	
#fullMaster table {
	margin: 0px 0px 0px 10px;
	width: 700px;
	padding: 2px;}

#fullMaster td, #fullMaster tr {
	padding: 2px;
	border: 1px solid #cccccc}
	
#fullMaster td.itemNumber {
	width: 80px;}
	
#fullMaster td.itemDescription {
	width: 620px;}

#footer {
	text-align: center;
	clear: both;
	height: 80px;}

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

/* ====================== Menu ====================== */
#navMenu li a:visited, #navMenu li a:link, #navMenu li a:active {
	color: #000000;
	text-decoration: none;}
	
#navMenu li a:hover {
	text-decoration: underline;
	color: #FFFFFF;}

#position1, #position2, #position3, #position4 {
	position: absolute;
	top: 70px;
	left: 395px;}
	
#position4, #position5, #position6 {
	position: absolute;
	left: 580px;}

#position2, #position5 {
	top: 85px;}
	
#position3, #position6 {
	top: 100px;}
	
#subHeader ul {
	margin: 0px;
	padding: 4px;
	border-bottom: 1px solid #ffffff;
	list-style: url(none) none;}
	
#subHeader li {
	margin: 0px;
	display: inline;
	background-image: none;
	padding: 0px 8px 0px 8px;
	border-left: 1px solid #ffffff;}

#subHeader .first {
	padding-left: 0px;
	border-left: none;}
	
#subHeader li a:visited, #subHeader li a:link, #subHeader li a:active {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;}
	
#subHeader li a:hover {
	text-decoration: underline;
	color: #FFFFFF;}

/* ====================== Callouts ====================== */	
.calloutHeader h1{
	font-size: 16px;}

#calloutSearch a, #calloutLogin a {
	text-decoration: underline;}
	
.calloutBody {
	padding: 0px 0px 30px 0px;}