@import url("reset.css");

/*******************************************************
Theme Name: BNA Tax CITE
Theme URI: 
Description: Theme for BNA Tax CITE website
Author: Beveridge Seay
Author URI: http://www.bevseay.com/
Template: 
Version: 1.0
********************************************************/

html {
	height: 100%;
	overflow-y: scroll; /* Not valid CSS2, but required for scroll bar */
}

body {
	background-color: #fff;
	color: #000;
	font: 11px/16px Arial, Helvetica, sans-serif;
	height: 100%;
	/* Use IE behavior script to alter CSS so that :hovers work properly in IE6 */
	behavior: url("lib/csshover3.htc"); 
}

#page_container {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 37px;
	min-height: 100%;
}

/****************
colors

*****************/

.black { color:#000000 }

/*******************************************************
Header styles.
********************************************************/

a {
	text-decoration: none;
}



/*******************************************************
Header styles.
********************************************************/

#header {
	position: relative;
	height: 117px;
	padding-top: 37px;
}

	/*******************************************************
	Site Nav styles.
	********************************************************/

	#site_nav {
		position: relative;
		height: 90px;
		background: url("images/site-area-top-corners.gif") left top no-repeat #8c2633;
	}
	
		#logo {
			position: absolute;
			top: 20px;
			left: 20px;
		}
		
		#site_nav_links {
			position: absolute;
			top: 20px;
			left: 500px;
		}
		
			#site_nav_links li {
				display: inline;
				margin-right: 15px;
			}
			
			#site_nav_links a {
				color: #e6e5ad;
			}
			
			#site_nav_links a:hover {
				color: #fff;
			}

	/*******************************************************
	Navbar styles.
	********************************************************/

	#navbar_area {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 980px;
		height: 24px;
		padding-left: 20px;
		border-top: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
	}
	
		#navbar li {
			float: left;
			line-height: 24px;
		}
		
		#navbar a {
			color: #504e4e;
		}
		
		#navbar a:hover {
			color: #8c2633;
		}
		
		/* Specify widths because some body elements line up with menu items. */
		/* Total width should be 980px. */
		#navbar #link1 { width: 130px; }
		#navbar #link2 { width: 103px; }
		#navbar #link3 { width: 125px; }
		#navbar #link4 { width: 122px; }
		#navbar #link5 { width: 57px; }
		#navbar #link6 { width: 115px; }
		#navbar #link7 { width: 112px; }
		#navbar #link8 { width: 140px; }
		#navbar #link9 { width: 76px; }
		
		
		
/*******************************************************
Body container styles.
********************************************************/

#body_container {
	/* Pseudo columns so sidebar background color extends to bottom of container. */
	background: url("images/body-container-bg.gif") left top repeat-y #fff;
	/* Following properties necessary to clear the float. See http://www.quirksmode.org/css/clearing.html */
	overflow: auto;
	width: 100%;
}



/*******************************************************
Left sidebar styles.
********************************************************/

#sidebar {
	float: left;
	width: 198px;
	padding-bottom: 50px;
}

	#sidebar h2 {
		background-color: #fcfcfa;
		padding: 20px;
		font-weight: normal;
		color: #504e4e;
	}

	#sidebar a {
		color: #8c2633;
	}
	
	#sidebar a:hover {
		color: #000;
	}
	
	#sidebar li {
		margin: 20px;
	}
	
	#sidebar p {
		margin: 20px;
	}

	
	
/*******************************************************
Main content styles.
********************************************************/

#main_content {
	float: right;
	width: 782px;
	padding: 17px 0 20px 20px;
	overflow: hidden;
}

	#main_content h1, #main_content h2 {
		font: bold 16px Arial, Helvetica, sans-serif;
		color: #9f9e70;
		margin: 0 0 17px 0;
	}
	
	#main_content h4 {
		font: bold 11px Arial, Helvetica, sans-serif;
		margin: 34px 0 17px 0;
	}
	
	#main_content p {
		margin-bottom: 17px;
	}
	
	#main_content ul {
		margin-bottom: 17px;
		list-style-type: disc;
		margin-left: 14px;
		padding-left: 7px;
	}
	
	#main_content ol {
		margin-bottom: 17px;
		list-style-type: decimal;
		margin-left: 14px;
		padding-left: 7px;
	}
	
	#main_content a {
		color: #134777;
		font-weight: bold;
	}
	
	#main_content a:hover {
		color: #8c2633;
	}
	
	#main_content a.red_link {
		color: #8c2633;
		font-weight: bold;
	}
	
	#main_content a.red_link:hover {
		color: #134777;
	}

	#main_content #headline_area {
		height: 124px;
		padding: 21px 0 0 34px;
	}
	
	#main_content #subheadline_area {
		border-top: 1px solid #d2d2d2;
		padding: 34px 34px 13px 34px;
		/* Clear the floats. */
		overflow: hidden;
		width: 714px;
	}
	
		#main_content #subheadline_area #description {
			width: 502px;
			float: left;
		}
	
		#main_content #subheadline_area h2 {
			font: bold 18px Arial, Helvetica, sans-serif;
			color: #000;
			margin: 18px 0 0 0;
		}
		
		#main_content #subheadline_area #actions {
			width: 212px;
			float: right;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		
			#main_content #subheadline_area #actions li {
				padding-bottom: 5px;
			}
		
			#main_content #subheadline_area #actions img {
				margin-right: 8px;
				vertical-align: middle;
			}
		
			#main_content #subheadline_area #actions a {
				font-weight: normal;
			}
		
	

/*******************************************************
Calendar styles.
********************************************************/

#main_content #calendar_of_conferences {
}
	
	#main_content #calendar_of_conferences thead {
		border-top: 1px solid #d2d2d2;
	}
	
	#main_content #calendar_of_conferences tfoot {
		color: #134777;
	}

	#main_content #calendar_of_conferences th {
		padding: 9px 0 9px 34px;
		text-align: left;
	}
		
	#main_content #calendar_of_conferences tbody {
		border-bottom: 1px solid #d2d2d2;
	}
	
	#main_content #calendar_of_conferences tr.odd {
		background-color: #f9f9f9;
	}

	#main_content #calendar_of_conferences td {
		padding: 9px 20px 9px 34px;
	}

		#main_content #calendar_of_conferences td.class_date,
		#main_content #calendar_of_conferences td.class_location,
		#main_content #calendar_of_conferences td.class_credits {
			white-space: nowrap;
		}
		
		#main_content #calendar_of_conferences td.class_credits {
			padding-right: 34px;
		}
		
	#main_content #calendar_of_conferences .highlight {
		color: #8c2633;
	}



/*******************************************************
Class detail box styles.
********************************************************/

#main_content #class_detail_box {}

	#main_content #class_detail_box_nav {
		margin: 0 0 0 34px;
		list-style-type: none;
		padding: 0;
	}
	
		#main_content #class_detail_box_nav li {
			float: left;
			background: url("images/tab-gray-top-left-corner.gif") left top no-repeat #9e9e9e;
			margin-right: 2px;
			height: 21px;
		}
		
		#main_content #class_detail_box_nav li.selected,
		#main_content #class_detail_box_nav li:hover {
			background: url("images/tab-red-top-left-corner.gif") left top no-repeat #8c2633;
		}
		
			#main_content #class_detail_box_nav li a {
				color: #fff;
				font-weight: normal;
				display: block;
				background: url("images/tab-gray-top-right-corner.gif") right top no-repeat transparent;
				padding: 2px 10px 0 10px;
				white-space: nowrap;
			}
			
			#main_content #class_detail_box_nav li.selected a,
			#main_content #class_detail_box_nav li:hover a {
				background: url("images/tab-red-top-right-corner.gif") right top no-repeat transparent;
			}
			
	#main_content #class_detail_box_content {
		clear: left;
		border: 1px solid #d2d2d2;
		padding: 13px 34px;
	}
	
		#main_content #class_detail_box_content #accommodations,
		#main_content #class_detail_box_content #schedule,
		#main_content #class_detail_box_content #register {
			display: none;
		}



/*******************************************************
Home page styles.
********************************************************/

	#main_content .home_content_section  {
		/* padding-bottom: 10px; */
		/* margin-bottom: 17px; */
		padding-top:12px;
		border-bottom: 1px solid #d2d2d2;
		/* Following properties necessary to clear the float. See http://www.quirksmode.org/css/clearing.html */
		overflow: hidden;
		width: 100%;
	}
	
	#main_content .home_content_section_bg  {
	   /* padding-bottom: 10px; */
		/* margin-bottom: 17px; */
		padding:17px;
		border-bottom: 1px solid #d2d2d2;
		/* Following properties necessary to clear the float. See http://www.quirksmode.org/css/clearing.html */
		overflow: auto;
		width: 100%;
		background: url("images/gradient_background.jpg") left top repeat-x;
	}
	   
	
		#main_content .home_content_section .home_content_section_left {
			float: left;
			width: 262px;
			margin-right: 20px;
		}
		
		#main_content .home_content_section .home_content_section_right {
			float: right;
			width: 483px;
			margin-right: 17px;
		}
		
		#main_content .home_content_section_bg .column {
			float: left;
			width: 120px;
			margin-right:17px;
			
		}
		
		#main_content .home_content_section_bg .column2 {
			float: left;
			width: 220px;
			margin-right:17px;
		}
		
		#main_content .home_content_section_bg .column2wide {
			float: left;
			width: 600px;
			margin-right:17px;
		}
		
		#main_content .tax_course_box {
			background-color: #f6f0e2;
			border: 1px solid #d2d2d2;
			font-weight: bold;
			margin: -17px 0 -20px -15px;
			padding: 17px 0 0 15px;
		}
		
			#main_content .tax_course_box h3 {
				font: bold 16px Arial, Helvetica, sans-serif;
				margin-bottom: 17px;
			}
			
			#main_content .tax_course_box blockquote {
				margin: 0 0 20px 20px;
				font: italic bold 16px Arial, Helvetica, sans-serif;
				color: #afafaf;
			}
			


/*******************************************************
Footer styles.
********************************************************/

#footer {
	position: relative;
	margin-top: 5px;
	padding: 26px 26px 26px 217px;
	height: 106px;
	background-color: #666465;
	color: #fff;
}

	#footer_logo {
		position: absolute;
		top: 26px;
		left: 20px;
	}
	
	#footer_nav {
		/* Used to hide leftmost white divider. */
		overflow: hidden;
		margin-bottom: 5px;
		/* Next two lines necessary to hide leftmost white divider in IE6 and IE7. */
		width: 100%;
		position: relative;
		/* Adjust left for IE6 only. */
		left: -5px;
	}
	
	/* Hack to fix the left positioning for all browsers but IE6. */
	html>body #footer_nav {
		left: 0;
	}
	
	#footer_nav a {
		color: #fff;
	}
	
	#footer_nav a:hover {
		color: #d2d2d2;
	}

	#footer_nav li {
		/* Set line-height and margin-top so white dividers don't stick out. */
		line-height: 12px;
		margin-top: 5px;
		/* Use position with overflow:hidden above to hide leftmost white divider. */
		position: relative;
		left: -11px;
		float: left;
		border-left: 1px solid #fff;
		padding-left: 5px;
		margin-left: 5px;
	}