/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*background-color: #c1dce8;*/
	background-color: #FFEF52;
	/*text-align:center;  Added for div height experiment*/
}

a {
   /*color: #BF0000;*/
   color: #7E17Fa;
   text-decoration:underline;
}

a:hover {
   text-decoration:none;
   color: #000000;
}

/* Menu - These are used on every page */

#menu {
	position:relative;
	width:750px;
	height:15px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FFFFFF;*/
	background-color: #FFEF52;
	text-indent: 20px;
}

.menulink {
	padding-right: 14px;
	font-size: 10pt;
	text-transform: capitalize;
	/*color: #CC0000;*/
	color: #7E17Fa;
	text-decoration: none;
}

.menulink:hover {
	color: #000000;
}

/* Note that this style is used to show the user which page they are currently viewing. */
/* Each page has it's own link set to this style so it turns black, rather than usual red. */
.menulinkdead {
	padding-right: 14px;
	font-size: 10pt;
	text-transform: capitalize;
	color:#000000;
	text-decoration: none;
}
.commerceFooter {
	font-size: 8pt;
	color:#000000;
	text-decoration: none;
}

/* Banner Style, Used on every page */

#masthead {
	position:relative;
	top:0px;
	width:750px;
	height:141px;
	margin-right: auto;
	margin-left: auto;
	/*background-color: #FFFFFF;*/
	background-color: #FFED5A;
}

/* Content Style - These are different for different pages. */


#body {
	position:relative;
	height:1000px;	      /* Trying to get div to auto-fit to content. Works on IE, not Safari? */
						  /* Added height attributes to page body tag to control separately. */
						  /* Would like to have more permanent solution. */
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	width: 710px;
	padding-top: 15px;
	padding-bottom: 20px;
}

#bodycolumnMain {
	position:absolute;
	width: 430px;
	padding-left: 20px;
	left: 280px;
}

#bodycolumn {
	position:relative;
	width:600px;
	
	left: 20px;
}

.bodycolumnheader {
	height:auto;
	display:block;
	/*background-color:#C1DCE8;*/
	background-color: #FFEF52;
	text-decoration:none;
	/*color:#BF0000;*/
	color: #7E17Fa;
	font-size: 12pt;
	vertical-align:middle;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.bodycontent {
	width:200px;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom: 20px;
	height: auto;
	overflow: visible;
}

.bodycontentMain {
	width:435px;
	padding-left:2px;
	padding-top:0px;
	padding-right:2px;
	padding-bottom: 5px;
	height: auto;
	overflow: visible;
}

#bodycolumnWideSecondColumn {
	position:absolute;
	width:510px;
	height:450px;
	left: 200px;
	padding-left: 20px;
}

.bodycolumnheaderWideSecondColumn {
	width:510px;
	height:20px;
	display:block;
	/*background-color:#C1DCE8;*/
	background-color: #FFEF52;
	text-decoration:none;
	/*color:#BF0000;*/
	color: #7E17Fa;
	font-size: 11pt;
	vertical-align:middle;
	padding-top: 4px;
	text-indent: 10px;
	font-weight: bold;
}

.bodycontentWideSecondColumn {
	width:510px;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom: 20px;
}

#subcolumn {
	width:200px;
}

#subcolumn2 {
	width:215px;
}


/* SmlColumn,Sidebar Content */

#smlcolumnMain {
	width:250px;
	position: relative;
	margin-bottom: 2px;
	margin-left: 10px;
	float: left;
	height: auto;
}

.smlcolumnheaderMain {
	width:auto;
	height:auto;
	display:block;
	/*background-color:#C1DCE8;*/
	background-color: #FFEF52;
	text-decoration:none;
	/*color:#BF0000;*/
	color: #7E17Fa;
	font-size: 12pt;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
	text-indent: 10px;
	font-weight: bold;
}

.smlcolumntitleMain {
	width:auto;
	padding-top:2px;
	padding-right:2px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 2px;
}

.sidecontent {
	width:auto;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom: 20px;
}

#smlcolumn {
	position:absolute;
	width:162px;
	height:451px;
	padding-right: 20px;
	top: 14px;
}

.smlcolumnheader {
	width:auto;
	height:20px;
	display:block;
	/*background-color:#C1DCE8;*/
	background-color: #FFEF52;
	text-decoration:none;
	/*color:#BF0000;*/
	color: #7E17Fa;
	font-size: 11pt;
	vertical-align:middle;
	padding-top: 4px;
	text-indent: 10px;
	font-weight: bold;
}

.smlcolumntitle {
	width:auto;
	padding-top:2px;
	padding-right:2px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 2px;
}

#smlcolumnWideSecondColumn {
	position:absolute;
	width:180px;
	height:450px;
}

.smlcolumnheaderWideSecondColumn {
	width:180px;
	height:20px;
	display:block;
	/*background-color:#C1DCE8;*/
	background-color: #FFEF52;
	text-decoration:none;
	/*color:#BF0000;*/
	color: #7E17Fa;
	font-size: 11pt;
	vertical-align:middle;
	padding-top: 4px;
	text-indent: 10px;
	font-weight: bold;
}


.smlcolumntitleWideSecondColumn {
	width:176px;
	padding-top:2px;
	padding-right:2px;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 2px;
}

.sidecontentWideSecondColumn {
	width:175px;
	padding-left:2px;
	padding-top:2px;
	padding-right:2px;
	padding-bottom: 20px;
}



#Layer1 {
	position:absolute;
	left:128px;
	top:190px;
	width:193px;
	height:35px;
	z-index:1;
}

.style1 {
	font-size: 10pt;
	font-weight: bold;
}
.style2 {font-size: 10pt}



.bodyLeftColumn {
	position:relative; /* Originally absolute, discovered interfered with auto-fit page sizing*/
	width:300px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom: 20px;
	height: auto;
	overflow: visible;
}
.bodyRightColumn {
	position:absolute;
	left:384px;
	width:218px;
	padding-left:20px;
	padding-top:20px;
	padding-right:20px;
	padding-bottom: 20px;
	height: 311px;
	overflow: visible;
	top: 20px;
}