html, body{
background:#003366 url('/art/yswca_site3_bg.jpg') top center;
padding:0; 
margin:0;
border: none;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 9pt; letter-spacing:0px; font-weight: normal; line-height: 12pt; color: #663300; text-decoration: none; outline: none;
}
form {
margin:0;
padding:0;
}
.divline {
border-top: 1px solid #CCCCCC;
}
.sidepadding {
padding-left:20px;
padding-right:20px;
}
.pageheader {
font-weight:bold;
line-height:24px;
font-size:22pt;
color:#036;
}
h1 {
line-height:24px;
font-size:22pt;
color:#036;
border-bottom:1px solid #999999;
padding-bottom:10px;
margin-bottom:5px;
}
h2 {
font-size:14pt;
color:#630;
}
a {
color:#cc6600; text-decoration: none;
outline: none;
}
a:hover {
color:#930; text-decoration: none;
outline: none;
}
.grayvertical{
background:url('/art/grayvertical.gif') repeat-y top center;
}
.grayedout{
color:#999;
}
.contactbox {
background:url('/art/contactbox2.jpg') repeat-y top center;
}
.contactboxbottom {
background:url('/art/contactbox3.jpg') no-repeat bottom center;
}
.titlelink {
font-size:12pt;
font-weight:bold;
color:#cc6600; text-decoration: none;
}
.titlelink:hover {
font-size:12pt;
font-weight:bold;
color:#930; text-decoration: none;
}
.alphalink {
line-height:30px;
color:cc6600;
text-decoration: none;
padding:5px;
background-color:#EFEFEF;
border:1px solid #CCCCCC;
}
.alphalink:hover{
line-height:30px;
color:930;
text-decoration: none;
padding:5px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}

.blueborder {
border-left:1px solid #003;
border-right:1px solid #003;
border-bottom:1px solid #003;
}
.inside {
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
}
.loginbox {
color:#FFFFFF;
padding:0px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
background:#0956a6 url('/art/loginboxbg.jpg') bottom center repeat-x;
}
.loginbox a{
color:#FF9;
text-decoration:none;
}
.loginbox a:hover{
color:#FF9;
text-decoration:underline;
}
.inputbox {
background:#FFFFFF;
border:1px solid #CCC;
}
.validation-failed {
background-color:#FCC;
padding:5px;
border:1px solid #F33;
}
.whitetitle {
font-size:12pt;
font-weight:bold;
color:#FFFFFF;
}
.footertext {
font-size:8pt; color:#ffffcc; text-decoration: none;
}
.footerlinks {
font-size:8pt; color:#ffffcc; text-decoration: none;
}
.footerlinks:hover {
font-size:8pt; color:#ffff99; text-decoration: none;
}
.header {
background:#FFFFFF url('/art/headerbg.jpg') bottom center repeat-x;
border-bottom:1px solid #999;
}
.content {
color:#333333;
padding-top:20px;
background:#FFFFFF url('/art/contentbg.jpg') top center repeat-x;
}
.maincontent{
padding:10px;
}
.footer {
background-color:#EFEFEF;
border-top:1px solid #CCC;
font-size: 8pt;
color:#666;
}
.footer a{
font-size: 8pt;
color:#036;
font-weight:bold;
}
.footer a:hover{
font-size: 8pt;
color:#003;
font-weight:bold;
}
.footer2 a{
font-size: 8pt;
color:#fff;
font-weight:bold;
}
.footer2 {
padding-top:10px;
}
.footer2 a:hover{
font-size: 8pt;
color:#CFF;
font-weight:bold;
}
.heading1 {
font-size:22px;
}
.heading2 {
font-size:16px;
}
.credits{
font-size: 8pt;
}
.divider{
background:url('/art/divider.gif') center right no-repeat;
}
.navbg{
background:#FFFFFF url('/art/navbg.jpg') bottom center repeat-x;
}
.error{
color:#FF0000;
}
.asterix{
font-weight:bold;
font-size:16px;
color:#FF0000;
}
.listing td{
padding-top:10px;
border-top:1px dotted #CCCCCC;
}
.listing td td{
padding-top:10px;
border:0px;
}
.aboutusnavbg {
background:url('/art/aboutnavbg2.jpg') repeat-x top center;
}
.img-shadow {
  float:right;
  background: url('/art/shadowAlpha.png') no-repeat bottom right !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px 4px 4px 4px;
  }
.det-shadow {
  float:right;
  background: url('/art/shadowAlpha.png') no-repeat bottom right !important;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.det-shadow img {
  display: block;
  position: relative;
  background: #fff url('/art/clicktoenlarge.gif') bottom right no-repeat;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px 4px 15px 4px;
  }
.graytable {
background:#EFEFEF;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:4px solid #CCCCCC;
margin-left:15px;
margin-bottom:15px;
}
.planroombg_home {
color: #FFFFFF;
background: url('/art/planroom_home.jpg') top center no-repeat;
height:93px;
}
.planroombg_home a {
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 9pt; letter-spacing:0px; font-weight: normal; line-height: 12pt; color: #FFFFFF; text-decoration: none; outline: none;
}
.planroombg_home a:hover {
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 9pt; letter-spacing:0px; font-weight: normal; line-height: 12pt; color: #CCC; text-decoration: none; outline: none;
}
.planroombg {
color: #FFFFFF;
background: url('/art/planroombuttonbg.jpg') top center no-repeat;
}
.planroombg a {
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 9pt; letter-spacing:0px; font-weight: normal; line-height: 12pt; color: #FFFFFF; text-decoration: none; outline: none;
}
.planroombg a:hover {
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; font-size: 9pt; letter-spacing:0px; font-weight: normal; line-height: 12pt; color: #CCC; text-decoration: none; outline: none;
}
/*---------------------------------*/

#loginnav {
	width: 295px;
	height: 25px;
	background: transparent url('/art/loginnav1.jpg') no-repeat;
}
#loginnav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 25px;
	
}
#loginnav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#loginnav ul li a {
	display: block;
	height: 25px;
	padding: 0;
	margin: 0;
}

li#loginedit a { width: 129px; }
li#loginplan a { width: 78px; }
li#loginbid a { width: 88px; }

li#loginedit a:hover { background: transparent url(/art/loginnav2.jpg) 0px 0px no-repeat; }
li#loginplan a:hover { background: transparent url(/art/loginnav2.jpg) -129px 0px no-repeat; }
li#loginbid a:hover { background: transparent url(/art/loginnav2.jpg) -207px 0px no-repeat; }

#loginnav ul li strong { display: none; }

}
/*---------------------------------*/

#about-nav {
	width: 374px;
	height: 44px;
	background: transparent url('/art/aboutusnav1.jpg') no-repeat;
}
#about-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 44px;
	
}
#about-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#about-nav ul li a {
	display: block;
	height: 44px;
	padding: 0;
	margin: 0;
}

li#aboutnav_overview a { width: 87px; }
li#aboutnav_ourstaff a { width: 80px; }
li#aboutnav_boardmembers a { width: 118px; }
li#aboutnav_founders a { width: 89px; }

li#aboutnav_overview a:hover { background: transparent url(/art/aboutusnav2.jpg) 0px 0px no-repeat; }
li#aboutnav_ourstaff a:hover { background: transparent url(/art/aboutusnav2.jpg) -87px 0px no-repeat; }
li#aboutnav_boardmembers a:hover { background: transparent url(/art/aboutusnav2.jpg) -167px 0px no-repeat; }
li#aboutnav_founders a:hover { background: transparent url(/art/aboutusnav2.jpg) -285px 0px no-repeat; }

#about-nav ul li strong { display: none; }

}

/*---------------------------------*/

#cat-nav {
	position: relative;
	width: 633;
	height: 58px;
}
#cat-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 58px;
	
}
#cat-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#cat-nav ul li a {
	display: block;
	height: 58px;
	padding: 0;
	margin: 0;
}

li#cat_associate a { width: 207px; }
li#cat_licensed a { width: 218px; }
li#cat_all a { width: 208px; }

li#cat_associate a:hover { background: transparent url(/art/cat_nav2.jpg) 0px 0px no-repeat; }
li#cat_licensed a:hover { background: transparent url(/art/cat_nav2.jpg) -207px 0px no-repeat; }
li#cat_all a:hover { background: transparent url(/art/cat_nav2.jpg) -425px 0px no-repeat; }

#cat-nav ul li strong { display: none; }



/*---------------------------------*/

#home-nav {
	position: relative;
	width: 858px;
	height: 71px;
	background: transparent url('/art/homebuttons1.jpg') no-repeat;
}
#home-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 69px;
	
}
#home-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#home-nav ul li a {
	display: block;
	height: 69px;
	padding: 0;
	margin: 0;
}

li#home_whyjoin a { width: 212px; }
li#home_bidbulletin a { width: 216px; }
li#home_planroom a { width: 216px; }
li#home_directory a { width: 213px; }

li#home_whyjoin a:hover { background: transparent url(/art/homebuttons2.jpg) 0px 0px no-repeat; }
li#home_bidbulletin a:hover { background: transparent url(/art/homebuttons2.jpg) -212px 0px no-repeat; }
li#home_planroom a:hover { background: transparent url(/art/homebuttons2.jpg) -428px 0px no-repeat; }
li#home_directory a:hover { background: transparent url(/art/homebuttons2.jpg) -644px 0px no-repeat; }

#home-nav ul li strong { display: none; }

/*---------------------------------*/


#main-nav {
	position: relative;
	width: 898px;
	height: 41px;
	background: transparent url('/art/nav1.jpg') no-repeat;
}
/* -- GLOBAL > NAVIGATION -------------------------------------------------------------- */
#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 41px;
	
}
#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}
#main-nav ul li a {
	display: block;
	height: 41px;
	padding: 0;
	margin: 0;
}

li#nav_aboutus a { width: 84px; }
li#nav_directory a { width: 89px; }
li#nav_benefits a { width: 76px; }
li#nav_join a { width: 80px; }
li#nav_planroom a { width: 93px; }
li#nav_bidsheet a { width: 101px; }
li#nav_contactus a { width: 99px; }
li#nav_photogallery a { width: 120px; }
li#nav_newsletter a { width: 98px; }
li#nav_home a { width: 58px; }

li#nav_aboutus a:hover { background: transparent url(/art/nav2.jpg) 0px 0px no-repeat; }
li#nav_directory a:hover { background: transparent url(/art/nav2.jpg) -84px 0px no-repeat; }
li#nav_benefits a:hover { background: transparent url(/art/nav2.jpg) -173px 0px no-repeat; }
li#nav_join a:hover { background: transparent url(/art/nav2.jpg) -249px 0px no-repeat; }
li#nav_planroom a:hover { background: transparent url(/art/nav2.jpg) -329px 0px no-repeat; }
li#nav_bidsheet a:hover { background: transparent url(/art/nav2.jpg) -422px 0px no-repeat; }
li#nav_contactus a:hover { background: transparent url(/art/nav2.jpg) -523px 0px no-repeat; }
li#nav_photogallery a:hover { background: transparent url(/art/nav2.jpg) -622px 0px no-repeat; }
li#nav_newsletter a:hover { background: transparent url(/art/nav2.jpg) -742px 0px no-repeat; }
li#nav_home a:hover { background: transparent url(/art/nav2.jpg) -840px 0px no-repeat; }

#main-nav ul li strong { display: none; }

input {
				font-family: "Lucida Grande", sans-serif;
				font-size: 0.9em;
				padding: 5px;
			}			
			input.blur {
				color: #999;
			}
/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:900px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (right menu) settings */
	.rightmenu {}
	.rightmenu .colleft {
		right:25%;			/* right column width */
	}
	.rightmenu .col1 {
		width:71%;			/* left column content width (left column width minus left and right padding) */
		left:27%;			/* (right column width) plus (left column left padding) */
	}
	.rightmenu .col2 {
		width:21%;			/* right column content width (right column width minus left and right padding) */
		left:31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}
.sidebar {
position:relative;
clear:both;
float:right;
width:200px;
overflow:hidden;
padding-right:10px;
}