/* FRAME ############################################################# */
body { 
	padding : 0px;
	margin : 0px;
	background : #BFBFBF url(/style/bkg/page_bkg_dark.gif) repeat-x;
	text-align : center;
}

/* first container */
#container { 
	margin : 0px auto; 
	width : 57em; 
	text-align : left;
}

/* main containers */

#main {
	float : left;
	margin : 0px;
	width : 100%;
	min-width: 760px;
}

#footer {
	margin-top : 4px;
	float : left;
	position : relative;
	width : 100%;
	border-top : 0px solid #707070;
	height : 6.0em;
	text-align : center;
	font-size : 0.9em;
	color : #666666;
}

#footer p {
	margin : 0 auto;
	padding : 0;
	margin-bottom : 0.5em;
	text-align : center;
}

#footer table {
	margin : 0 auto;
}

/* content containers */




/*New*/
#header {
	float : left;
	position : relative;
	width : 100%;
	background: url(/style/logo_vdab.gif) top left no-repeat;
	height : 70px;
}

#header a {
	position : absolute;
	top: 0px;
	left: 0px;
	display: block;
	padding-top: 0px;
	width: 103px;
	border: none;
	height: 60px;
}

#header ul a {
	position : relative;
	top: 0px;
	left: 0px;
	display: inline;
	padding-top: 0;
	width: auto;
	height:auto;
}

#header div#logOff a {
	position : relative;
	top: 0px;
	left: 0px;
	display: inline;
	padding-top: 0;
	width: auto;
	border: none;
	height:auto;
}

#header img {
	display: none;
	position : relative;
} 
/*end new*/

#header h1 {
	position: absolute;
	left: -999px;
	width: 100px;
}

#navigation {
	float : left;
	width : 100%;
	position : relative;
	background :  url(/style/nav/mainnav_line.gif) repeat-x bottom;
	vertical-align : top;
	text-align : left;
	margin-left : 1px;
}

#navigation .none {
	background-image : none;
}

#subNavigation {
	float : left;
	position : relative;
	width : 100%;
	background :  url(/style/nav/bg_nosubnav.gif) repeat-x;
	border-right : 1px solid #666666;
	border-left : 1px solid #A1A3A6;
}

#contentContainer {
	float : left;
	position : relative;
	width : 100%;
	margin : 0;
	background-color : #fff;
	border-left : 1px solid #A1A3A6;
	border-right : 1px solid #666666;
	border-bottom : 1px solid #666666;
}

#contentContainer.sidebar {
	background : #FFF url(/style/bkg/sidebar2.gif) repeat-y 72% 0;
}

#contentContainer.myWizard {
	background : #F7F8FA url(/style/bkg/wizard.gif) repeat-y 41em 0;
	/* still needs to be fixed for Safari, see #contentContainer.sidebar */
}

#content {
	float : left;
	display : block;
	/* padding : 2em; */
	width : 57em;
	border : 0px solid black;
}

#content div.paddingBox {
	padding : 0.5em 2em 2em 2em;
}

#contentContainer.sidebar #content {
	width : 40.5em;
}

#contentContainer.myWizard #content {
	width : 40.5em;
	border : 0px solid black;
}

#sidebar {
	float : right;
	width : 15.96em;
	border : 0px solid black;
}

#sidebar div.paddingBox {
	padding : 0em 1em 1em 1em;
}

#contentContainer.myWizard #sidebar {
	width : 15.96em;
	/* border : 1px dotted green; */
}

#contentContainer.myWizard #sidebar div.paddingBox {
	padding : 1em 0em 1em 0em;
}

#detailContainer {
	float : left;
	position : relative;
	width : 53.1em;
	margin : 0;
	background : white url(/style/bkg/testbkg_hr.gif) repeat-y 36em 0;
	margin-bottom : 1em;
	/* be nice to Safari */
	overflow : hidden;
}

#detailContainer #detailContainerLeft {
	float : left;
	display : block;
	/* padding : 2em; */
	width : 34.7em;
	/* border : 0px solid black; */
}

#detailContainer #detailContainerRight {
	float : right;
	width : 17.7em;
	/* border : 0px solid black; */
}

#detailContainerLeft div.paddingBox {
	padding : 0em 0.3em 0em 0em;
}

#detailContainerRight div.paddingBox {
	padding : 0.5em 0em 1em .2em;
}

.clear {
	clear : both;
	padding : 0;
	margin : 0;
	height : 0px;
}

#serviceNav {
	clear : both;
	float : right;
	position : relative;
	display : block;
	margin : 0 0 1px 0;
	padding : 0 0 3px 0;
	height : 1.5em;
	font-size : 0.95em;
	line-height: 1.5em;
	border-bottom : 1px solid #9DC3EB;
}

#serviceNav ul {
	list-style-image : none;
}

#serviceNav li {
	padding : 0 11px 0.2em 0;
	list-style-type: none;
	float : left;
	vertical-align : middle;
	margin : 0px;
	background :  url(/style/nav/sep_service.gif) center right no-repeat; 
}

#serviceNav li.last {
	padding-right : 0px;
	background : none; 
}

#serviceNav li a {
	display : block;
	white-space : nowrap;
	color : #fff;
	font-weight : 700;
	text-decoration : none;
	border : none;
}


#logOff {
	clear : both;
	text-align : right;
	color : #fff;
}

#logOff a {
	font-weight : 700;
	text-decoration : none;
	color : #fff;
	border : none;
}

#serviceNav li a:hover, #logOff a:hover {
	color : #2B55A2;
}

#mainNav {
	float : left;
	position : relative;
	margin : 0px 0px 0px 0px;
	padding : 0px;
}

#mainNav ul {
	float : left;
	margin : 0px 0px 0px 0px;
	padding : 0px;
	padding-left : 8px;
}

#mainNav li {
	list-style-type: none;
	float : left;
	vertical-align : middle;
	padding-left:0px;
	margin : 0;
	padding-left : 11px;
	background :  url(/style/nav/mainnav_left_off.gif) left top no-repeat;
	border-bottom : 1px solid #fff;
}


#mainNav li a {
	display : block;
	text-align : center;
	vertical-align : middle;
	padding : 6px 11px 6px 0px;
	white-space : nowrap;
	background :  url(/style/nav/mainnav_right_off.gif) right top no-repeat;
	color : #fff;
	font-weight : 700;
	text-decoration : none;
	border : none;
}

#mainNav li a:hover {
	color : #9DC3EB;
}


#mainNav .active {
	list-style-type: none;
	float : left;
	vertical-align : middle;
	padding-left:0px;
	margin : 0px;
	z-index : 1;
	padding-left : 11px;
	border : 0px solid green;
	background :  url(/style/nav/mainnav_left_on.gif) left top no-repeat;
}

#mainNav li span, #subNav li span {
	display : none;
}


#mainNav .active a {
	display : block;
	text-align : center;
	vertical-align : middle;
	padding-right : 11px;
	padding : 6px 11px 7px 0px;
	white-space : nowrap;
	background :  url(/style/nav/mainnav_right_on.gif) right top no-repeat;
	color : #000000;
	font-weight : 700;
	text-decoration : none;
}

#mainNav .active a:hover {
	color : #000000;
}


#mainSearchBox {
	float : right;
	padding-top : 0.2em;
	z-index : 3;
	vertical-align : middle;
}

#mainSearchField {
	float : left;
	padding-right : 5px;
	margin-bottom : 5px;
	font-size: 0.9em;
}

#mainSearchField input {
	width : 8em;
	border-top : 1px solid #000000;
	border-right : 0px solid #000000;
	border-bottom : 0px solid #000000;
	border-left : 1px solid #000000;
	font-size : 0.9em;
}

#mainSearchButton {
	float : left;
}

#subNav {
	float : left;
	position : relative;
	width : 100%;
	margin : 0em 0px 0px 0px;
	padding : 0px;
	color : #999999;
	border-left : 0px solid #A1A3A6;
	border-bottom : 1px solid #8F9CA8;
	border-right : 1px solid #666666;
	background : #EBAA00 url(/style/nav/bg_subnav_off.gif) top repeat-x;
	font-size : 87%;
}

#subNav.none {
	height : 8px;
	background : none;
	border-right : 0px solid #666666;
}


#subNav ul {
	margin : 0em 0px 0px 0px;
	padding : 0px;
}




#hideNav {
	display : none;
}

#subNav li {
	padding : 0;
	background : none;
	list-style-type: none;
	float : left;
	margin : 0px;
	border : 0px solid green;
}

#subNav li a {
	clear : both;
	display : block;
	text-align : center;
	vertical-align : middle;
	padding : 0.2em 0.8em 0.2em 0.8em;
	white-space : nowrap;
	color : #603B00;
/*	font-size : 0.9em;
*/	font-weight : 700;
	text-decoration : none;
	background :  url(/style/nav/subnavigationitem_off.gif) top right no-repeat;
	border : none;
}

#subNav li a:hover {
	background :  url(/style/nav/subnavigationitem_on.gif) top right no-repeat;
	color : #000000;
}

#subNav li.active a {
	background :  url(/style/nav/subnavigationitem_on.gif) top right no-repeat;
}


/* Block Level Hide */

.hide, .hiddenHeader {
	position: absolute;
	left: -999px;
	top:-999px;
	width: 100px;
	margin : 0;
	padding : 0;
}


p.doCenter {
	margin-top : 0.5em;
	text-align : center;
}


/* Sign-in */

#signIn {
	padding : 5px 0;
	background-color : #FFEA97;
	margin : 0 0 1em 0;
}

#signInNew {
	padding : 5px 0;
	background-color : #D8F3C0;
	margin : 0 0 1em 0;
}

.signInHead {
	font-size : 110%;
	text-align:center;
}

#signIn #logInForm, #signInNew #loginNew {
	padding : 5px 10px;
}


#logInForm {
	text-align : left;
}

#logInForm label {
	font-size : 0.9em;
}

#logInForm span, #loginNew span {
	display : block;
	text-align : center;
}

#logInForm label {
	text-align : left;
	width : 100%;
	display : block;
	line-height : 1.0em;
	font-weight : 300;
	color : #DC7C00;
	padding-bottom : 0.2em;
}

#logInForm input.field {
	width : 13em;
	margin-bottom : 0.2em;
	font-size : 0.9em;
}

#logInForm input.button, #loginNew input.button {
	margin-top : 0.5em;
	color : #025300;
	font-weight : 300;
	font-size : 1em;
	padding : 2px 0px 2px 0px;
}