@charset "utf-8";
/* CSS Document */

body {
	/*Red Version ----
	background:#7c0000 url(../images/red-cloud-bkgd.png) repeat-x;*/
	
	background:#b7b6b6 url(../images/gray-line-bkgd.png) repeat-x;
	
	width: 100%;
	display: table;
	
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
a:link, a:visited {
	color:#1269aa;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
	color:#78baec;
}

.container{
	position:relative;
	background:#fff;
	width:940px;
	margin:0 auto;
	margin-top:12px;
	min-height:100px;
	-moz-box-shadow: 2px 2px 10px #333;
	-webkit-box-shadow: 2px 2px 10px #333;
	box-shadow: 2px 2px 10px #333;
	/*border:solid 1px #f0efef;*/
}
.content{
	padding:20px;
	background:#fff url(../images/content-fade.gif) bottom repeat-x;
}

/* Header Styles ------------------------------------------------*/

.header{
	height:125px;
}
.logo{
	padding:10px;
	width:920px;
	height:80px;
}
	


/* Navigation -------------------------*/
#nav{
	color:#eee;
	font-size:14px;
	height:25px;
	padding:1px 0 0 14px;
	background:url(../images/nav-bkgd.gif) repeat-x;
	width:926px;
	margin-left:0px;
	-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	box-shadow: 1px 1px 5px #333;
}
#nav ul{
	font-size:14px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 0;
	margin-top: 0;
	/* cancels gap caused by top padding in Opera 7.54 */
	margin-left: 0;
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 15px;
	/* fixes Firefox 0.9.3 */
}
#nav ul li {
	position:relative;
	list-style:none;
	display: inline;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 5px;
	/* matches link padding except for left and right */
	padding-top: 5px;
	margin:0;
}
#nav ul li a, a#firstchild, a#lastchild {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top:1px;
	margin-left:-4px;
	border-left: 1px solid #e50202;
	border-right: 1px solid #990000;
	text-decoration: none;
	text-shadow: 1px 1px #ec0000, -1px -1px #7f0000;
	color:#eee;
}
#nav ul li a#firstchild {
	border-left:none;
}
#nav ul li a#lastchild {
	border-right:none;
}
#nav ul li a:hover {
	background:#064954; /*url(../images/transparent-red-75pct.png) repeat;*/
	color: #fff;
	text-shadow:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}



/* Sub-Menu Styles ------------------------------------------------*/
#submenu {
	width:auto;
	background:url(../images/transparent-red-75pct.png) repeat;
	position:absolute;
	top:26px;
	left:-9999px; /*Hide off-screen when not needed (this is more accessible than display:none;) */
	text-shadow:none;
	padding:15px 0 15px 0;
	-moz-box-shadow:   2px 2px 5px #031830;
	-webkit-box-shadow:2px 2px 5px #031830;
	box-shadow:        2px 2px 5px #031830;
/*	-moz-border-radius:0 10px 10px 10px;
	border-radius:     0 10px 10px 10px;*/
	z-index:10;
}
#submenu ul{
	padding:0;
	display:block;
	font-size:12px;
}
#submenu ul li{
	padding-top:0px; /* Introducing a padding between the li and the a give the illusion spaced items */
	padding-left:4px;
	float:none;
	border:0;
	line-height:20px;
	display:block;
}
#submenu ul li a{
	border:none;
}
#nav li:hover #submenu{ /* Display the dropdown on hover */
	left:-3px; /* Bring back on-screen when needed */
}
#nav li:hover #submenu ul li a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	background:none;
	text-decoration:none;
	color:#eee;
}
#nav li:hover #submenu ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#064954;
	color:#eee;
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#064954;
	text-decoration:none;
	color:#fff;
	text-shadow:none;
}