@import url("typography.css");

/* ================ */
/* = layout rules = */
/* ================ */
body{ background:#2b3b59 url(../_images/root_bg.gif) repeat-x; margin:0; padding:0; }

#siteContainer{
	margin:0 auto;
	width:900px;
	background:#fff;
	min-height:302px;
	position:relative;
	}
	#header{
		width:900px;
		height:313px;
		}
		#header a{ display:block; width:900px; height:88px; }
		#search{
			margin:0; padding:0; border:0;
			width:217px; height:22px;
			position:absolute; top:72px; left:684px;
			}
			#keywords{ 
				margin:0; padding:4px; border:0;
				position:relative; top:-5px; 
				background:none;
				width:130px;
			}
	#base{
		height:4px;
		width:900px;
		background-repeat: no-repeat;
		background-position: bottom left;
	}

/* ============== */
/* = navigation = */
/* ============== */
/* top level and defaults */
#nav {
	/*background:#f00; */
	display: block;
	/*top:122px;*/
	top: 125px;
	left:1px;
	height:183px;
	width:269px;
	position: absolute;
	zoom: 1;
	vertical-align: top;
}
#nav ul { 
	margin:0; 
	padding:0; 
	display: block;
	position: relative;
	list-style: none; 
	/*height: 183px;
	width: 270px;*/
	zoom: 1;
}
#nav ul li { 
	margin:0; 
	padding:0; 
	border:0;
	display: block;
	width: 269px;
	position: relative;
	z-index: 100;
	zoom: 1;
}
#nav ul li a{
	margin:0; 
	padding:0; 
	border:0;
	color:#fff;
	display: block;
	width: 269px;
	text-indent: -9999px;
	vertical-align:top;
	zoom: 1;
	background-position: 0px 0px;
}
#nav ul li a:hover {
	background-position: -269px 0px;
}
/*
#nav ul li a:focus{ outline:0; }
#nav ul li a:hover{ margin:0; }
*/

/* submenus */
#nav ul li ul{
	border:1px solid #eee;
	display: none;
	float:left;
	height:auto;
	padding:0;
	position: absolute;
	left: 269px;
	top: 0px;
	width: 100%;
	z-index: 100;
	zoom: 1;
}
#nav ul li ul li{
	/* background: #2b3b59; */
	color:#eee;
	background: #4682b4;
	display:block;
	float: none;
	margin:0;
	padding:0;
	position: relative;
	z-index: 100;
}
#nav ul li ul li a{
	/*background: #2b3b59; */
	background: #4682b4;
	border:0;
	color:#eee;
	display:block;
	height:auto;
	width: 259px;
	margin: 0;
	padding:5px;
	text-align: left;
	text-decoration: none;
	text-indent: 0px;
	z-index: 100;
	float:left;
}
#nav ul li ul li a:hover{
	background: #25334d;
}

/* tertiary menus */
/* 
#nav ul li ul li ul{
	display: none;
	position: absolute;
	top:0;
	left:0;
	float:none;
	width: 100%;
	z-index: 101;
}
#nav ul li ul li ul li{
	color:#253652;
	border-top:1px #253652 solid;
	float: left;
	height:auto;
	width:100%;
	position: relative;
	z-index: 101;
}
 */
/* root items */
#MenuItemAboutSenatorBurr{ height:37px; }
#MenuItemAboutSenatorBurr a{ height:37px; background:url(../_images/menu/nav_about.gif); }

#MenuItemConstituentServices{ height:27px; }
#MenuItemConstituentServices a{ height:27px; background:url(../_images/menu/nav_services.gif); }

#MenuItemIssuesLegislation{ height:27px; }
#MenuItemIssuesLegislation a{ height:27px; background:url(../_images/menu/nav_issues.gif); }

#MenuItemPressOffice{ height:27px; }
#MenuItemPressOffice a{ height:27px; background:url(../_images/menu/nav_press.gif); }

#MenuItemStudents{ height:27px; }
#MenuItemStudents a{ 
	height:27px; 
	background-image: url(../_images/menu/nav_students.gif); 
}

#MenuItemContact{ height:38px; }
#MenuItemContact a{ height:38px; background:url(../_images/menu/nav_contact.gif); }



/* ======================== */
/* = root container rules = */
/* ======================== */
#rootCopy{ 	
	background:#fff url(../_images/copybg.gif) repeat-y;
	}
	#flashBanner {
		display: block;
		width: 900px;
		height: 77px;
		background: url('../_images/flashback.gif') top left no-repeat;
	}


/* =============================== */
/* = copy layout container rules = */
/* =============================== */
#copyLayoutContainer{
	padding-bottom:20px;
	width:900px;
	}
	#sidebar{
		float:left;
		width:270px;
		min-height:157px;
		}
		#sidebarHeader{ background:url(../_images/sidebar_header.jpg); margin:0; padding:0; display:block; height:157px; width:270px;; text-indent:-9999px; }
		#sidebarContent{ margin:0 29px 0 41px; padding:0; }
		#sidebarContent ul{ margin:0; padding:0; }
		#sidebarContent ul li{ 
			color:#808080;
			font:bold 12px Arial,sans-serif;
			border-bottom:1px dotted #7f7f7f;
			padding:4px 0; 
		}
		#sidebarContent ul li a{ color:#808080; text-decoration:none; }		
		#sidebarContent ul li a:hover{ text-decoration:underline; }
	#copyWrapper{
		background:url(../_images/copy_header.gif) no-repeat;
		float:left;
		width:630px;
		min-height:417px;
		margin:0;
		}
		#copyMargins{
			margin:0 41px 0 30px;
			}
			#copyHeader{
				padding-top:25px;
				border-bottom:2px solid #d7af6f;
				}
				#pageHeader,#pageSubheader{
					margin:0; padding:0;
				}
				#pageHeader{ color:#2b3b59; font:2em 'Times New Roman',Times,serif; text-transform:uppercase; }
				#pageSubheader{ color:#808080; font:1.33em Georgia,'Times New Roman',Times,serif; text-transform:uppercase; padding-bottom:8px; }

		

/* ================ */
/* = footer rules = */
/* ================ */
#footer{
	margin:0 auto;
	width:900px;
	height:65px;
	color:#fff;
	text-align:center;
	line-height:20px;
	font:12px Arial, sans-serif;
	}
	#footer a{ 
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover{ text-decoration:underline; }


/* ====================== */
/* = social media rules = */
/* ====================== */

#socialMediaLinks{
	background: transparent url(../_images/social/header_stayconnected.gif) scroll no-repeat top left;
	height: 100px;
	width: 100%;
	padding-left: 300px;
}
	#socialMediaLinks a{
		width: 48px;
		height: 48px;
		float: left;
		margin: 5px;
		margin-top: 12px;
	}
		#socialMediaLinks a img{
			border: none;
		}

#newsUpdate{
	background: transparent url(../_images/social/header_newsupdate.gif) scroll no-repeat 0px 79px !important;
}
