/* CSS Document */
/* LAYOUT */

html, body {
/* establish page height and background color, position */
	height: 100%;
	background-color: #a6a8a8;
	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
}

#pagewrapper {
/* put in the background vertical graphic */
/* allow height to flex more than 100 percent */
	width: 993px;
	min-height: 100%;
	height: auto; /* for FF/Moz/Safari */
	_height: 100%; /* for IE */	
	border-left: 1px solid #a6a8a8;
	border-right: 1px solid #a6a8a8;
	background-color: #ffffff;
	margin: 0 auto;
	position: relative;
}

#mastheadwrapper {
	width: 993px;
	margin: 0px auto;
	height: 99px;
	background-image: url(../images/bkg_masthead.jpg);
	background-repeat: repeat-x;
}

#logo {
/* logo in the masthead */
	float: left;
	margin: 0; padding: 0;
}

/* navigation */

#utilitynavwrapper {
/* utility nav table including search box */
	float: right;
	padding: 40px 10px 0 0; /* 44px */
}

#mainnavwrapper {
/* main navigation */
	width: 993px;
	margin: 0px auto;
	height: 33px;
	background-color: #558aaa;
}

/* content */

#pagecontent {
/* restrict content size */
	width: 983px;
	min-height: 818px; /* can be 100%*/
	height: auto; /* for FF/Moz/Safari */
	_height: 818px; /* for IE */
	background-image: url(../images/bkg_content.jpg);
	background-repeat: no-repeat;
	margin: 0 0 16px 0;
	position: relative;
}

#leftbox {
	width: 740px;
	float: left;
	padding-top: 30px;
	padding-right: 30;
	padding-bottom: 20px;
	padding-left: 0px;
	
}

#rightbox {
	padding: 20px;
	width: 200px;
	float: left;
	border: 1px solid #dad6cb;
	background-color: #dcdcdc;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#leftcol {
	width:459px; 
	float:left; 
	margin-right:15px;
}

#leftcolwide {
	width:684px; 
	float:left; 
	margin-right:15px;
}

#leftcolindent {
	margin: 0 0 0 30px; 
	width:430px;
}

#leftcolindentwide {
	margin: 0 0 0 30px; 
	width:655px;
}

#midcol {
	width:236px;
	float:left;
	/*border-left: 1px dotted #666666;*/ /* from old comp */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}

/* home page */

#homeleftbox {
	 margin: 10px 26px; 
	 width:448px; 
	 float:left;
	  display:inline;
}

#homeleftcontent {
	 padding: 30px 15px 15px 15px;
}

#homerightbox {
	width:483px;
	float:left;
	background-color:#242c2c;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	 display:inline;
}

#homegraypromobox {
	 padding:10px 14px; 
	 background-color:#ececec;
}

#homerightcontent {
	 padding:20px;
}

#homeeventdate {
	 padding: 6px; 
	 background-color:#5387a7; 
	 color:#ffffff; 
	 margin-bottom: 8px; 
	 width: 70px; 
	 text-align:center;
}

#homenewslettersignup {
	width: 202px;
	padding-left: 20px;
	float:left;
	border-left: 1px solid #a5a8a8;
}

/* inside pages */

#leftbox {
	 
}

#leftcontent {
	 
}

#rightbox {
	 
}

#graypromobox {
	 
}

#rightcontent {
	 
}

#eventdate {
	padding: 6px;
	background-color:#5387a7;
	color:#ffffff;
	margin-bottom: 10px;
	width: 70px;
	text-align:center;
	font-weight: bold;
}

#newslettersignup {
	
}

/* elements */
#inlineimage {
	float:left; 
	margin: 0 10px 10px 0;
	border: 1px solid #3f4444;
}


/* footer */

#footerbox {
	 margin: 16px 10px; 
	 width:974px; 
	 float:left; 
	 background-color:#FFFFFF; 
	 border-top:1px solid #ededed;
}

#footer {
	text-align: right;
	padding: 24px 26px;
}