﻿
body {
	/*background-image: url(../images/bk2.jpg);
		background-position: top left;  
	background-repeat: repeat-x;
	*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #113158;
	font-family: arial;
    font-size: 9pt;
	color: #CEE9F2;
}

#content {
	text-align: left;
	margin: 20px auto;
	position: relative;
	width: 851px;
}

/* styling for top header (section with logo and date)  */
#header_top {
	margin: 0px 5px 3px 5px;
	text-align: left;
	position: relative;
	height: 75px;
	display: block;
	width: 851px;
}	
#header_top a {
padding: 0px 0px 0px 0px;
}
#header_top #tagdate {
	color: #A7AFBD;
	font-size: 11pt;
	font-family: arial;
	text-align: right;
	padding: 0px 10px 0px 0px;
	position: absolute;
	vertical-align: bottom;
	bottom: 0;
	right: 0;
}
	
/* end styline for top header */


/* styling for Menu Section (global nav) */
/* items like display, margin, padding, border etc are repeated more than necessary to be on the safe side  */

#menu {
width: 900px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
vertical-align: bottom;
display: block;
}

#banner {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 1px;
	border: none;
	display: block;
	height: 64px;
	vertical-align: bottom;
}

.menu_list {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: none;
		display: block;
}
	
/* float and display make sure everything lines up correctly.  */
.menu_list li {
		text-align: center;
		vertical-align: top;
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border: none;
		float: left; 
		display: inline;
}

/* fixes issues with ie6  */
.menu_list li a img {
	display: block;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.menu_list li a:link, .menu_list li a:hover, .menu_list li a:visited, .menu_list li a:active, a { 
	letter-spacing: normal;
	font: 600 8pt arial;
	text-decoration: none;
	color: black;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/* end header_top and menu sections */

/* allcontent is a div which holds contenttable, which holds the main content */
#allcontent {
	float: left; /* not floating left creates issues in firefox */
	position: relative; 
	margin: 15px 0px 0px 0px;
}

.contenttable, .contenttable tr, .contenttable tr td {
padding: 0px;
margin: 0px;
vertical-align: top;
}


/* styling for the left navigation. */
#left_block {
	width: 115px; 
	vertical-align: top;
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
}

.left_list {
	list-style-type: none;
	font-family: arial;
	font-size: 100%;
	font-weight: 500;
	color: #FDE351;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 0px;
	vertical-align: top;
}

.left_list a:link, .left_list a:visited {
	border-top: 1px solid white;
	display: block;
	position: relative;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	line-height: 5px;
	text-decoration: none; 
	color: #FDE351;
	font: 500 100% arial;
	}
 .left_list a:hover, .left_list a:active {
	border-top: 1px solid white;
	display: block;
	position: relative;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	line-height: 5px;
	text-decoration: none; 
	color: #ff6600;
	font: 500 100% arial;
 }

/* solved ie missing bottom-border problem by using border-top instead, so we have to remove the top border on the top items */	
#Who, #Fees, #Packages {
	border-top: none;
}
/* end styling for left navigation */


/* center box items */

/*first created the rounded rectangle */
#center_block {
width: 741px;
}

#center_block div.box_top {
	background-position: bottom left;
	background-image: url(../images/box1_top.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 45px;
	padding: 0px 0px 0px 0px;
	color: black;
}
	
#center_block div.box_middle {
	position: relative;
	background-position: top left;
	background-image: url(../images/box1_middle.jpg);
	background-repeat: repeat-y;
	color: black;
	margin: 0px;
	padding: 20px 12px 20px 20px; /* all this padding is not really necessary and can be modified as desired */
}
	
#center_block div.box_bottom {
	background-position: top left;
	background-image: url(../images/box1_bottom.jpg);
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0px;
}
#center_block div.box_top1 {
	background-position: bottom left;
	background-image: url(../images/box_top_noline.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 45px;
	padding: 10px 0px 0px 0px;
	color: black;
	text-align: center;
}
	
#center_block div.box_middle1 {
	background-position: top left;
	background-image: url(../images/box_middle_noline.jpg);
	background-repeat: repeat-y;
	color: black;
	margin: 0px;
	padding: 20px;
	text-align: left;
}
#center_block div.box_middle1 img {
	border: none;
	padding: 0px 0px 0px 0px;
}
#center_block div.box_middle1 a:link { color:#005399; font-size: 12px; text-decoration: none; }
#center_block div.box_middle1 a:visited { color:#005399; font-size: 12px; text-decoration: none; }
#center_block div.box_middle1 a:hover { color:#005399; font-size: 12px; text-decoration: underline; }
#center_block div.box_middle1 a:active { color:#005399; font-size: 12px; text-decoration: none; padding: 0px 0px 0px 0px; }

#center_block div.box_bottom1 {
	background-position: top left;
	background-image: url(../images/box_bottom_noline.jpg);
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	height: 30px;
	margin: 0px;
}

/* done creating the rectangle */

/* Title header  */
#title {
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	width: 550px;
	padding: 20px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}

/* div containing the main text of the page.  The width is set to align the images properly with the line.   */
#box_middle_text {
	width: 550px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.lnktop a:link { color:#005399; font-size: 8px; text-decoration: none; }
.lnktop a:visited { color:#005399; font-size: 8px; text-decoration: none; }
.lnktop a:hover { color:#005399; font-size: 8px; text-decoration: underline; }
.lnktop a:active { color:#005399; font-size: 8px; text-decoration: none; }

#box_middle_text a:link { color:#005399; font-size: 12px; text-decoration: none; }
#box_middle_text a:visited { color:#005399; font-size: 12px; text-decoration: none; }
#box_middle_text a:hover { color:#005399; font-size: 12px; text-decoration: underline; }
#box_middle_text a:active { color:#005399; font-size: 12px; text-decoration: none; }
/* div on right containing image of tractor and sponsor logos */
#box_middle_images {
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: right;
	margin: 0px;
}

/* the structure for the sponsor images is that they are aligned left in a list that is set on the right of their div */
#sponsors_images {
	text-align: left;
	list-style-type: none;	
	padding: 0px 0px 30px 25px;
}

/* classes for text content.  Used with p tags */
.par_header {
	font: 600 120% arial;
	text-align: left;
	color: #113158;
}

.par_text {
	font: 400 100% arial;
	text-align: left;
	color: black;
}

.par_compact {
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
/* end styling for center box  */

/* footer items */
div.footer {
	float: left;
	position: relative;
	color: #fff;
	width: 100%;
	text-align: center;
	padding-bottom:20px;
}
	
div.footer a:link { 
	letter-spacing: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 0 8px;
	margin: 0;
	color: #fff;
	font-size: 11px;
	}
	
div.footer a:visited { 
	letter-spacing: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 0 8px 0 8px;
	margin: 0;
	color: #fff;
	font-size: 11px;
	}
	
div.footer a:hover, a:active { 
	letter-spacing: normal;
	font-weight: bold;
	text-decoration: underline;
	padding: 0px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	font-size: 11px;
	}	
/* end styling for footer */	
	
/* Space for css modifications specific to individual pages */

/* for Agenda.aspx */

#agenda_table tr td {
	width: 220px;
	padding: 2px 4px 2px 4px;
	margin: 0px;
}

/*  div.agenda_div {
	width: 220px;
	margin: 2px 3px 2px 3px;
	display: block;
	padding: 0px;
}	 */


#agenda_day1 {
	display: block;
}

#agenda_day2 dl{
	background-color: #EBEDF9;
	display: block;
	width: 220px;
}

#agenda_day3 {
	display: block;
}

.agenda_div dl dt {
	font-weight: 400;
	font-size: 12px;
	color: black;
	padding: 0px;
	margin: 0px;
}

.agenda_div dl dd {
	font-weight: 600;
	font-size: 12px;
	color: black;
	padding: 0px 0px 5px 0px;
	margin: 0px;	
}
