/*==============================
Client Values
Edit the CSS Values below to correspond with your CSS for the site. Add, edit, or remove styles as you wish. That's It.

We change these values so that when the client is viewing their content in the CMS they will see it as it is on their site, without your CSS rules for the backend applied to their content.
*/

.expandBottom p{color:#FFF;}
.expandBottom h1{color:#990000 }
.expandBottom h2{color:#990000 }
.expandBottom h3{color:#990000 }
.expandBottom h4{color:#990000 }
.expandBottom h5{color:#990000 }
.expandBottom a:link{color:#990000;}


/*================================
End of Client Values

Begin Site Styles
*/

body {padding:0; margin:0; line-height: 20px; background: url(../../images/nwd/bg.gif);}
body #frame{background:none;}

#wrapper {margin:0 auto;}

#content-container-bg {background: url(../../images/nwd/header_shadow.png) repeat-x left top; background-position: 0px 0px; min-width: 1000px;}
#content-container {width: 960px; margin:0 auto;}

#top {height: 169px; background: #2d2f32 url(../../images/nwd/top.gif) repeat-x left top; clear: both; min-width: 1000px;}

#logo {width: 424px; height: 112px; float: left;}
#logo a {display: block;}

#top-items {background: url(../../images/nwd/light.png) no-repeat left top; width: 1000px; height: 112px; margin: 0 auto;	}

#navmenu-container {height: 57px; background: url(../../images/nwd/navmenu_bg.png) repeat-x left top; padding: 0; margin: 0; clear: both; z-index: 999;}
	
#nav-menu {width: 960px; margin: 0 auto; padding-top: 9px; padding-left: 7px;	 z-index: 999; display: block;}

#content { padding-bottom: 18px;  padding-top: 3px;}
#content #left {width: 310px; float: left;}
#content #main {width: 635px; float: left;}

#header-subpage-bg {height: 19px; background: url(../../images/nwd/header_subpage_bg.gif) repeat-x left bottom;}	
	
/*===============
BOX STYLES
*/

.box-3 {margin-top: 15px; float: left;}
.box-top {width: 310px; height: 5px; background: url(../../images/nwd/box_top.png) no-repeat top; float: left; overflow: hidden;}
.box-center {width: 310px; float: left;	 background: url(../../images/nwd/box_content_bg.png) repeat-y top;}
.box-content-container {padding: 0px 5px; width: 300px; float: left;}
.box-content {background: #f2f2f2; float: left;}
.box-padding {background: #f2f2f2 url(../../images/nwd/box_content.png) repeat-x top; padding: 20px 20px; padding-bottom: 20px; padding-top: 0px; float: left; width: 260px; }
.box-padding p  {padding-top: 20px; margin: 0px; }
.box-padding h2, .box-padding h3  {background: url(../../images/nwd/h2_bottom.gif) repeat-x bottom; margin-top: 0px; margin-bottom: 7px; padding-bottom: 7px; padding-top: 11px; margin-top: 10px; margin-bottom: 0;}
.box-padding .posted {background-color: #5588bb; border: 1px #337799 solid; padding-left: 10px; font-size: 11px; margin-top: 20px; color: #fff; font-weight: bold;}
				
.box-header,.box-3-header {clear: both; width: 300px; /* let's take off 10px for the box-border giving us 300px */float: left; height: 45px; background: url(../../images/nwd/box_header.png) repeat-x top;}
.box-header h2, .box-3-header h2 {margin: 0; padding-top: 11px; padding-left: 10px; font-size: 20px; font-family: "Lucida Grande",sans-serif;}
.box-content .box-padding img{display: block;}
	
	
.box-bottom  {width: 310px; height: 5px; background: url(../../images/nwd/box_bottom.png) no-repeat top; float: left; overflow:hidden;}
	
/* largest box */
	
.box-3 .box-top {width: 960px; background: url(../../images/nwd/box_3_top.png) no-repeat top;}
.box-3 .box-center {width: 960px; float: left; background: url(../../images/nwd/box_3_content_bg.png) repeat-y top;}
.box-3 .box-header {width: 950px;}				
.box-3 .box-content-container  {width: 950px; }
.box-3 .box-content {width: 950px; }
.box-3 .box-padding  {width: 910px; }
.box-3 .box-bottom  {width: 960px; background: url(../../images/nwd/box_3_bottom.png) no-repeat top;}
	
/* footer theme */

#footer {margin: 0 auto; font-size: 11px;}

.menu {margin: 0; padding: 0; list-style: none; margin-top: 20px;}
.menu li {float: left; padding: 0 10px; margin: 0;}
.menu li a {padding: 0; margin-top: 20px; }
.menu li a.current {font-weight: bold;}
/* end of footer */

	
/* vertical menu */

.vertical-menu {list-style: none; padding: 0; margin: 0;}
.vertical-menu li {float: left; width: 100%; background:url(../../images/nwd/dotted_border.png) repeat-x bottom left;}
.vertical-menu li a {display: block; padding: 5px 0px 5px 15px; background:url(../../images/nwd/dotted_arrow.png) no-repeat left;}

/*misc */

.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.display-none {display: none;}

label{line-height:20px; color:#333; text-transform:uppercase;}
input{margin-left:25px; display:block;}
.loginBtn{margin-top:25px; margin-left:25px; display:inline;}

/* CSS sliding doors button */

a.button, a.button-light,a.button-header {/* Sliding right image */background: transparent url('../../images/nwd/button.gif') no-repeat scroll top right;  display: block; float: left; height: 27px; margin-right: 6px; padding-right: 20px; text-decoration: none; font-size:12px; font-weight:bold;}
a.button span, a.button-light span, a.button-header span {background: transparent url('../../images/nwd/button.gif') no-repeat;  display: block; line-height: 16px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */ padding: 6px 0 5px 18px; color: #fff;} 
a.button:hover, a.button-light:hover, a.button-header:hover  {background-position: right -155px;}
a.button:hover span, a.button-light:hover span, a.button-header:hover span {background-position: left -155px;}
a.button-light{background: transparent url('../../images/nwd/button_2.gif') no-repeat scroll top right; }
a.button-light span {color: #777; background: transparent url('../../images/nwd/button_2.gif') no-repeat; }
a.button-header {background: transparent url('../../images/nwd/button_header.gif') no-repeat scroll top right;}
a.button-header span {background: transparent url('../../images/nwd/button_header.gif') no-repeat;}

/*==================================
Superfish Styles
*/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	
}
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.sf-menu li {
	float:			left;
	position:		relative;
	z-index: 11;

}

.sf-menu li li {
	width: 200px;
	z-index: 11;
}

.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0px;
	top:			48px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			202px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			202px; /* match ul width */
	top:			0;
	
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
	padding-right: 2px;
	background: url(../images/nwd/menu_border.gif) no-repeat right top;
	
}
.sf-menu a {
	background: url(../images/nwd/menu_border.gif) no-repeat left top;
	padding: 		18px 30px 17px 30px;
	text-decoration:none;
}
.sf-menu li li a {
	padding: 		12px 20px 12px 20px;
}

.sf-menu .current {
	background: url(../images/nwd/navmenu_current2.png) no-repeat left top;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #999;
	font-weight: bold;
}


.sf-menu li li  a{
	background: #2e2e2e url(../images/nwd/border_top.gif) repeat-x left top;
}
.sf-menu li li {
	border-right: 1px #1d1d1d solid;
	padding-left: 2px;
	background: #222 url(../images/nwd/border_left.gif) no-repeat left top;
}
.sf-menu ul {
	border-bottom: 1px #1d1d1d solid;
	width: 203px;
}
.sf-menu li li li {
	border-right: 1px #1d1d1d solid;
	padding-left: 2px;
	background: #222 url(../images/nwd/border_left.gif) no-repeat left top;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: url(../images/nwd/navmenu_current2.png) no-repeat left top;
	outline:0;
	color: #999;
}



.sf-menu li li a, .sf-menu li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #b7b7b7;
	font-weight: bold;

}



.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	outline: 0;
}

.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background: #272727 url(../images/nwd/border_top_hover.gif) repeat-x left top;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			11px;
	top:			23px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/nwd/arrows-menu.gif') no-repeat -0px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

.sf-menu li li .sf-sub-indicator {
	top:			15px; /* IE6 only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			20px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.sf-menu li li a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			13px;
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/nwd/shadow.png') no-repeat bottom right;

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*=================================
Content Management Pages
*/

#searchBox{width:300px;}

.leftColumn{width:205px; float:left; margin:10px 15px 10px 5px; display:inline;}
.mainContent{width:645px; float:right; display:inline; padding:10px 5px;}

.v_toggle{background-image:url(../../images/nwd/toggle.png);  background-repeat:no-repeat; height:41px;  margin-top:10px; padding-left:25px;  padding-top:20px;  font-size:22px;  color:#FFF;}
.v_toggle:hover{background-image:url(../../images/nwd/toggle_hover.png); text-decoration:underline;}

ul.cms-buttons{float:right; margin:5px; padding:0;}
ul.cms-buttons-left{float:left; margin:5px; padding:0; list-style:none;}
ul.cms-buttons-left li{float:left; margin:5px; padding:0; list-style:none;}
ul.cms-buttons li{float:left; display:inline; margin:10px 8px 10px 3px; padding:0;}

.expand .expandMiddle {background-color:#C6C6C6; padding-top:5px; padding-bottom:5px; padding-right:10px; text-align:right; overflow:hidden;}
.expand .expandMiddle h2 {float:left; color:#636363; font-size:16px; padding:0px; margin:0px; padding-left:10px; background:none;}
.expand .expandMiddle img {vertical-align:bottom; border:0;}
.expand .expandMiddle a {text-decoration:underline; margin-right:20px;}
.expand .expandBottom {padding:20px; padding-left:10px; background-color:#666;}

.leftPod {background-image:url(../../images/nwd/left_pod.png); background-repeat:no-repeat; color:#FFF; padding:8px 5px 16px 10px; margin-bottom:6px;}
.leftPod:hover {background-image:url(../../images/nwd/left_pod_hover.png);}

.middleSep{padding-top:100px;}
.middle{padding-top:20px;}

.detailText, .bottom{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666;}

.bottom span{font-size:14px; text-transform:uppercase;}

#help h1{margin:25px 0 2px 0; padding:0;}
#help p{margin:5px 0; padding:0;}

	/*================
	CMS Sub-Navigation
	*/
	
ul#cms-nav{list-style:none; list-style-image:none; margin:0; padding:0;}
ul#cms-nav li{float:left; margin:5px 20px 5px 5px; display:inline;}