/* HTML element selectors */

body {	
	background-image: url(../Images/background.png);
	background-repeat: repeat-x;
	background-color: #816345;
	font-family: Verdana, Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;	
	color: #000;
	margin: 0px;
	padding: 0px;	
}

h1 {
	
}

h2 {
	margin: 0px;
	padding: 0px;
	color: #604A35;
	font-size: 14px;
	font-weight: bold;	
}

h3 {
}

a {
	color: #604A35;
	text-decoration: none;	
	font-weight: bold;
	line-height: 20px;  
}

a:visited {
	color: #4F4D44;
	text-decoration: none;		
}

a:hover {
	color: #000;
	text-decoration: underline;		
}


/* CustomTag Styles */

#Wrapper {
 	
}

#Container {
  width: 100%;
}

#Logo {
	position: absolute;
	width: 192px;
	height: 192px;
	text-align: left;
	margin: -75px 0px 0px -45px;
	z-index: 10;
}

#ContentContainer {
	width: 932px;
	min-height: 500px;
	margin: 52px auto 0px auto;
	text-align: center;
	background-image: url(/Images/contentContainerBG.png);
	background-repeat: repeat;
}

#Content {
	text-align: left;
	padding: 16px 0px 0px 14px;
}

#Footer {
	background-image: url(/Images/contentContainerBG.png);
	background-repeat: repeat;
	margin: 0px auto;
	text-align: center;
	width: 932px;
}

/* Navigation Styles */

#NavMenu {	
	height: 46px;
	margin-top: 10px;
	padding-top: 5px;	
	background-image: url(/Images/navMenuBG.png);
	background-repeat: repeat-x;		
}

.nav ul {
	
	list-style-type: none;
	z-index: 10;	
}

ul.nav {
	margin: 10px auto;
	width: 970px;
	text-align: center;
	z-index: 10;
	font-size: 12px;
	padding: 0;
	cursor: pointer;
	list-style-type: none;
}

ul.nav>li {
	position: relative;
	padding: 2px 30px 0px 15px;
	float: left;	
	z-index: 100 !important;
}

ul.nav li ul {
	display: none;
	position: absolute;
	margin: 0px;
	top: 16px;
	left: 0px;
	padding: 30px 0px 0px 0px;		
}

ul.nav li.About>ul {
	display: none;
	position: absolute;
	margin: 0px;
	padding: 30px 0px;	
}

ul.nav li.Members>ul {
	display: none;
	position: absolute;
	height: 170px;		
	margin: 0px 0px 0px -86px;
	padding: 20px 0px 0px 0px;		
}

ul.nav li>ul li{
}

ul.nav li:hover>ul {
	display : block;
	width: 190px;
	background-color: #604A35;	
	text-align: left;
	opacity:.75;
	filter: alpha(opacity=75);
	font-weight: bold;	
	z-index: 99;
	border-left: 1px solid #4F4D44;
	border-right: 1px solid #4F4D44;
	border-bottom: 3px solid #4F4D44;	
}

.nav ul li a {
	display: block;
	padding: 0px 10px 0px 10px;
	height: 30px;	
}

/*** Menu colors (customizable) ***/

ul.nav,
ul.nav a,
.nav ul a,
.nav ul li a {
	background-color: none;	
	text-decoration: none;
	color: #F3F0D6;
}

ul.nav li:hover {
	color: #FFF;
	text-decoration: none;	
}

.nav ul li a:hover {
	color: #000;
	background-color: #F3F0D6;
	text-decoration: none;
}

ul.nav li:active,
.nav ul li a:active {
	background-color: #463E3B;
	color: #FFF;
	text-decoration: none;
}

.nav ul {
	background-color: #463E3B;
	color: #FFF;
/*	height: 15px; */
	padding-top: 2px;
	
}

.nav a {
	text-decoration: none;
}

/* Page Styles */  

#BottomContainer {
	width: 98%;
	height: 131px;
}

.MemberLogin {
	margin: 21px 0px 0px 10px;
	width: 232px;
	height: 92px;
	color: #555;
	font-size: 10px;
	padding: 5px 10px;
	float: left;
}

.MemberLogin button {
	position: absolute;
	margin: -24px 0px 0px 5px;
}

.MemberLogin label {
	width: 80px;	
}

.MemberLogin input {
	border: 1px solid #C5C5C5;
	margin: 0px;
	padding: 0px;
}

.MemberLoginMessage {			
	margin: 0px 0px 0px 10px;	
}

.AssociationLogos {
	float: right;
	width: 143px;
	height: 62px;
	margin: 31px 20px 0px 0px;
}

.AnniversaryLogo {
	height: 123px;
	width: 183px;
	float: left;
	margin: 5px 0px 0px 10px;
}


.ContactInfo {
	margin: -90px 0px 0px 565px;
	width: 300px;
}

.PhotoCaption {
	width: 260px;
	margin: 262px 0px 0px 639px;
	text-align: center;
}

.SideBarText {
	margin: 270px 0px 0px 550px;
	width: 350px;	
	text-align: left;
}

.ContactInfo h2 {
	
}

.GenericContainer {
	margin: 100px 5px 0px 20px;
	width: 470px !important;
}

.TextContainer {
	margin: -185px 5px 0px 20px;
	width: 490px !important;
	min-height: 550px;
	z-index: 99;
}

.AdminContainer {
	margin: 100px 5px 0px 20px;
	width: 490px !important;
}

.TextContainerCommunityInfo {
	margin: -190px 5px 0px 20px;
	width: 525px !important;
}

.TextContainerGeneralInfo {
	margin: -320px 5px 0px 20px;
	width: 490px !important;
}


.TextContainerCommunityInfoWide {
	margin: 0px 0px 0px 20px;
	width: 860px !important;
}

.TextContainerSchoolInfo {
	margin: -190px 0px 0px 20px;
	width: 470px !important;
}

.TextContainerInfo {
	margin: -320px 0px 0px 20px;
	width: 470px !important;
}

.ContactForm {
	position: relative;
	margin: 100px 0px 0px 20px;	
	width: 350px;
	height: 275px;
}

.CMForm{
	position: relative;
	margin: 20px 0px 0px 150px;	
	width: 350px;
	height: 400px;
}

.PhotoContainer {
	float: right;
	padding: 0px 18px 0px 0px;
	height: 259px;
}

#PageTitle {
	width: 900px;
	text-align: right;
	*margin-bottom: -2px;
}

#InformationLinksColumnLeft {
	width: 450px;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px 0px;
	padding: 0px;
}

#InformationLinksColumnRight {
	width: 300px;
	margin: -800px 0px 0px 500px;
	*margin: -830px 0px 0px 500px;
	padding: 0px;
}

/* General Styles */  

label .Required,
label {
	width: 120px;
	display: block;
}

.Required {
	color: #f00;
	font-weight: bold;
}

#SearchForm label {
	width: 400px;
	display: block;
	font-weight: bold;
}

input {
	border: 1px solid #C5C5C5;
	margin: 0px;	
	padding: 0px;
}

.graphicbutton,
.submitButton,
button {
	background-image: url(/Images/buttonBackground.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
	padding-bottom: 6px;
	*padding-bottom: 4px;
	margin-right: 10px;
	cursor: pointer;
	color: #4A4A4A;
	font-size: 11px;
	width: 56px;
	height: 24px;
}

.Long {
	background-image: url(/Images/buttonBackgroundLong.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
	padding-bottom: 6px;
	*padding-bottom: 4px;
	margin-right: 10px;
	cursor: pointer;
	color: #4A4A4A;
	font-size: 11px;
	width: 100px;
	height: 24px;
}

#Submit {
	background-image: url(/Images/buttonSubmit.png);
	background-repeat: no-repeat;
	background-color: transparent;
	border-width: 0px;
	padding: 0px;
	padding-bottom: 6px;
	*padding-bottom: 4px;
	margin-right: 10px;
	cursor: pointer;
	color: #4A4A4A;
	font-size: 11px;
	width: 56px;
	height: 24px;
}


/* Rotating Photo Styles */

#CrossFade {
	width: 900px;
	height: 347px;
	margin: 0px;
	list-style: none;
}

#CrossFade .Caption {
	font-size: 20px;
	color: #FFF;
	margin: -136px 15px 0px 0px;
	text-align: right;
}

#CrossFade ul li {
	border: 1px solid #000;	
}

.Red {
	color: #FF0000;
}

.FtpLinks {
	width: 450px;	
}

.FtpLinks p {
	padding: 10px;	
	float: left;
	text-align: center;
}

#UserForm {
	*margin: 0px;
	*width: 300px;
}

#UserForm label {
	width: 100px;
	display: block;
}

#UserForm input {
	border: 1px solid #C5C5C5;
	margin: 0px;
	*margin-left: -20px;	
	padding: 0px;
}

#CMAdminMenu a {
	background-color:#F00;
	color: #FFF;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	border-left: 2px solid #fff;
	display: block;
	float: right;
}

#CMAdminMenu {
	float:right;
	padding-right: 4px;
	margin-top: -26px;
	margin-right: 18px;
	
	text-align: center;
	font-weight: bold;
}

#SearchDiv {
	border: 1px solid #C6C7C6;
	padding: 4px;
	width: 400px;
}

#SearchDiv .textButton a {
	float: right;
	color: #fff;
	background-color: #C6C7C6;
	padding: 0px 4px 0px 4px;
	margin-right: -4px;
	margin-top: -4px;
	text-align: center;
	width: 70px;
}

#DirectoryContainer {
	clear: both;
	padding: 4px;
	width: 890px;
	margin-top: 45px;
}

#DirectoryContainer .DataColumn {
	width: 280px;
	float: left;
	margin-right: 10px;
}

.CompanyName {
	background-color: #634931;
	color: #fff;
	padding: 4px;
}

.CompanyAddress {
	padding: 4px;
}

.CompanyUsers {
	border-top: 1px solid #C6C7C6;
	padding-bottom: 10px;
}

.CompanyUsers ul {
	margin-top: 2px;
	list-style-type: square;
}

.pageControl {
	width: 850px;
	height: 24px;
	padding: 4px;
}

img {
	border: none;
}

.CompanyName img {
	float: right;
	border: none;
}

#CompanySearchForm label,
#UserSearchForm label {
	display: block;
	width: 200px;
	font-weight: bold;
	padding-top: 10px;
}

.supplyTable th {
	padding-top: 20px;
	font-weight: bold;
}

#CartPage {
	float: right;
	padding-right: 50px;
	padding-top: 50px;
	width: 700px;
}

#CartPage label {
	margin-top: 4px;
	font-weight: bold;
}

/* Shopping Cart Styles */ 

.ShoppingCart {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #52372C;	
}

.ShoppingCart th {
	background-color: #604A35;
	color:#FFF;
	padding: 3px;
}

.ShoppingCart td {
	padding: 3px;
}

.ShoppingCart .Alt {
	background-color: #F3F0D6;
}

.ShoppingCart .TotalRow {
	background-color: #816345;
	font-weight: bold;
	color: #FFF;	
}

.ShoppingCart .SubTotalRow {
	background-color: #F1B32A;
	font-weight: bold;
}

#ShoppingCartBanner {
	padding-right: 15px;
	margin: -20px 18px 0px 630px;
	text-align: right;
	font-weight: bold;
	display: block;
	width: 260px;
	height: 20px;
}

.BillingInformation {
	float: right;
	margin-right: 20px;
}

.Text25 {
	width: 25px;		                          
}

.Text35 {
	width: 35px;		                          
}

.Text45 {
	width: 45px;		                          
}

.Text50 {
}

.Text75 {
	width: 75px;	                          
}

.Text100 {
	width: 100px;	                          
}

.Text115 {
	width: 115px;	                          
}

.Text125 {
	width: 125px;	                          
}

.Text150 {
	width: 150px;	                          
}

.Text250 {
	width: 250px;	                          
}

.Center {
	text-align: center ;
}

.Left {
	text-align: left ;
}

.Right {
	text-align: right ;
}

.Exception {
	color: #F00;
}

.StyledTable {
	border: 1px solid #000;
}

.StyledTable th{
	background-color: #816345;
	color: #fff;
	font-weight: bold;
}

.StyledTable .Alt {
	background-color: #F3F0D6;
}

.ServiceContainer {
	width: 800px;
	padding-left: 20px;
}

.ServiceItem {
	padding-bottom: 4px; 
	width: 390px;
	float: left;
}

.CompanyItem td {
	padding-bottom: 10px;
}