/*this style sheet sets the default fonts, backgrounds, heading sizes,
  and sets up all of the containers to hold data for the entire page.  */

*			{	padding:			0;
				margin:				0;
				border:				0px;				}

/*the body style sets the default font, font size, and background color*/
body			{	font-family:		Arial;
				font-size:			small;
				background:			#000000 url(../grph/tile.jpg) repeat;		}

/*this section sets the font sizes in the h1 - h6 tags so that they are relative to each other*/				
h1			{	font-size:			3em;				}

h2			{	font-size:			2.5em;				}

h3			{	font-size:			2em;				}

h4			{	font-size:			1.5em;				}

h5			{	font-size:			.9em;				}

h6			{	font-size:			.75em;				}

p		     	{	text-indent:		2em;
				font-size:			1.25em;
				padding:			0px 5px 0px 5px;	}

/* this class just centers text */
.mdl		{	text-align:			center;				}

.mdl2		{	text-align:			center;
				margin:				0 auto auto auto;
				padding:			0;					}

/* this class just makes text bold */
.bld		{	font-weight:		bold;				}

/* ltdir and rtdir float the divs for alternate directions on the condir page */
.ltdir		{	float:				left;
				margin-left:		55px;				}

.rtdir		{	float:				right;
				margin-right:		55px;				}

/* guest1 and guest2 set divs with colored backgrounds to separate guests and directions on their respective pages */				
.guest1		{	height:				auto;
				padding:			10px;
				border:				1px solid #000000;
				background-color:	#CCFFFF;			}

.guest2		{	height:				auto;
				padding:			10px;
				border:				1px solid #000000;
				background-color:	#FFFFCC;			}

/* names address bigred and bigblue format the text on the ConHome page */		
.names		{	text-align:			center;
				padding:			20px 0px 10px 0px;
				font-size:			1.8em;
				font-weight:		bold;				}
				
.address	{	text-align:			center;
				padding:			10px 0px 10px 0px;
				font-size:			1.5em;
				font-weight:		bold;				}				
				
.bigred		{	color:				#FF0000;
				padding:			5px 0px 0px 0px;	
				margin:				0;					}
				
.bigblue	{	color:				#0000FF;
				padding:			0px 0px 5px 0px;	
				margin:				0;					}

				
/*wrap is the container that holds the whole page*/
#wrap		{	width:				750px;
				position:			absolute;
				top:				0;
				left:				200px;
				padding:			0;
				border:				1px solid #000000;
				background-color:	#FFFFFF;
				float:				right;				}

/*header is the container for the header of the page*/				
#header		{	height:				150px;
				margin:				0px;
				border:				1px solid #000000;
				background-color:	#336666;			}

/*content is the conatiner for the main content of the page*/
#content	{	padding:			10px;
				border:				1px solid #000000;
				background-color:	#FFFFCC;			}

/*foot is the container for the footer of the page*/				
#foot		{	height:				auto;
				clear:				both;
				text-align:			center;
				font-size:			0.9em;
				color:				#CCCCFF;
				background-color:	#336666;			}

/*compliant is the container to hold the w3c compliance logo for all compliant pages*/
#compliant	{	position:			fixed;
				bottom:				0;
				height:				55px;				}


/*sidebar puts the side-bar on the page*/				
#sidebar	{	width:				200px;		/*hard-codes the width of the sidebar*/
				position:			fixed;		/*pins the sidebar to the page so it doesn't scroll with the page*/
				top:				0;			/*positions the sidebar at the top left of the page*/
				left:				0;
				background:			#000000 url(../grph/tile.jpg) repeat;
				height:				100%;		/*sets the sidebar to be the full height of the page*/
				padding:			0;					}

/*Col1 and Col2 are the optional columns of information in the main content container*/
#col1, #col2 {	width:				320px;		/*sets the width of the optional data columns*/
				padding:			0px 10px 5px 10px;
				margin:				0;
				height:				auto;
				border:				1px solid #0000FF;
				background-color:	#CCFFFF;			}

/*Col2 is pushed to the right margin of the main content container*/
#col2		{	float:				right;
				margin:				auto;				}

table			{	font-size:			1.2em;
				border-collapse:	collapse;			}

th			{	text-align:			center;
				padding-left:		3px;
				padding-right:		3px;
				border:				1px solid #000000;
				font-weight:		bold;				}
				
td			{	text-align:			center;
				padding-left:		3px;
				padding-right:		3px;
				border:				1px solid #000000;	}
				
#rates		{	margin-left:		70px;				}

.nextcon	{	margin:				25px 5px 5px 5px;
				font-size:			1.5em;
				color:				#FF0000;			}

#tabctr		{	margin:				0 auto 0 auto;
				border-collapse:	collapse;			}

.pict		{	background-color:	#FFFFCC;
				border:				1px solid #000000;
				color:				#000000;			}

.tn1		{	width:				100px;
				border:				0px;
				margin:				10px 20px 10px 20px;}

.tn2		{	width:				250px;
				border:				0px;
				margin:				10px auto;			}

.picta		{	background-color:	#ffffcc;
				padding:			15px 0px;
				border:				1px solid #000000;
				color:				#000000;
				float:				right;
				width:				280px;				}

.gpc		{	padding:			0px 0px 15px 0px;
				display:			block;
				width:				250px;
				margin:				auto;				}

.picta table	{	border-collapse:	collapse;
				margin:				auto;
				font-size:			0.9em;				}	

.picta th	{	text-align:			center;
				padding-left:		3px;
				padding-right:		3px;
				border:				1px solid #000000;
				font-weight:		bold;				}
				
.picta td	{	text-align:			center;
				padding-left:		3px;
				padding-right:		3px;
				text-transform:		lowercase;
				border:				1px solid #000000;	}

.prodfoot	{	clear:				both;
				padding:			5px 10px 5px 10px;
				text-align:			center;				}

.event h3	{	text-align:			center;
				padding:			8px 0px 3px 0px;	}

.blurb h5	{	padding-top:		5px;
				font-size:			1.2em;				}

.blurb li		{	padding-left:		5px;				}

.blurb .bld	{	color:				#0000ff;			}

.testlist li	{	margin-left:		18px;				}