@import "default-styles.css";
@import "forms.css";
@import "styles_survey.css";
body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
color: #000000;
}
div.wrapper {
width: 100%;
padding: 0;
text-align: center;
position: relative;
/*border: 1px solid #000000;*/
}
div.innerWrapper {
margin: 0 auto;
padding: 0;
width: 800px;
text-align: left;
/*border: 1px solid #FF00FF;*/
}
h1.anglebox {
background-image: url(../graphics/bg-h1-boxer.gif);
overflow: hidden;
background-position: left top;
margin: 0;
padding: 18px 25px 0;
height: 27px;
vertical-align: middle;
background-color: #8A4E00;
color:#FFFFFF;
}
#header {
height: 132px;
overflow: hidden;
background-color: #3F4F02;
background-image: url(../graphics/bg-header.gif);
background-repeat: repeat-x;
background-position: left bottom;
z-index:2;
}
	#header div.innerWrapper {
	height: 132px;
	position: relative;
	}
	#header div.innerWrapper p {
	position: absolute;
	bottom: 10px;
	right: 0;
	margin: 0;
	color: #C5CF9E;
	text-align: right;
	line-height: 15px;
	}

	#header div.innerWrapper a {
	color: #D0B899;
	font-weight: bold;
	text-decoration: none;
	}
	#header div.innerWrapper a:hover {
	text-decoration: underline;
	}
#logo{
position: relative;
border-style: none;
z-index: 3;
}
#logo div.innerWrapper {
position: absolute;
top: 20px;
width: 200px;
height: 138px;
background-image: url(../graphics/bg-logo.gif);
background-repeat: no-repeat;
overflow: hidden;
}
#logo a{
padding: 36px 34px;
display: block;
}
#logo img, #logo a img{
border-style: none;
}
#content {
border-top: 1px solid #FFFFFF;
background-image: url(../graphics/bg-content.gif);
background-repeat: repeat-x;
float: left;
padding-top: 25px;
}
#content div.innerWrapper  {
position: relative;
padding-top: 25px;
}
	#breadcrumbs {
	color: #848282;
	position: absolute;
	top: 0;
	left: 230px;
	font-size:9px;

	}
	#breadcrumbs a {
	color: #AE8200;
	text-decoration: none;
	}
	#breadcrumbs a:hover {
	
	}
	#body_copy {
	padding-bottom: 25px;
	margin-left: 230px;
	}
			body#oneColumn #body_copy {
			}
			body#twoColumn #body_copy {
			}
			body#threeColumn #body_copy {
			margin-right: 25px;
			}
	
		#body_copy h1#pageName {
	
		}
	#right-panel {
	float: left;
	width: 205px;
	}
		#member-login {
		margin: 0 0 25px 0;
		padding: 0;


		}
			#member-login h1 {
			margin: 0;
			}
			#member-login form {
			margin: 0;
			padding: 10px;
			background-color: #E8DCCC;
			background-image: url(../graphics/bg-member-login.gif);
			background-repeat: repeat-x;
			background-position: bottom;
			}
			#member-login fieldset {
			margin: 0;
			padding: 0;
			}
			#member-login div {
			margin: 0 0 10px 0;
			padding: 0;
			text-align: right;
			}
			#member-login label {
			visibility: hidden;
			display: none;
			}
			#member-login input {
			width: 178px;
			
			}
			#member-login div#username-row label {
			}
			#member-login div#username-row input {
			}
			#member-login div#password-row label {
			}
			#member-login div#password-row input {
			}
			#member-login div.submit{
			text-align: right;
			margin-bottom: 0;
			}
			#member-login div.submit input {
			width: auto;
			}
			#member-login p#memberLink {
			}
			#member-login p a {
			}
#footer {
width: 800px;
margin: 0 auto;

}
	#footer div.innerWrapper {
	float: left;
	background-image: url(../graphics/bg-footer.gif);
	background-repeat: repeat-x;
	text-align: left;
	position: relative;
	}

#footer p {
padding: 8px 25px 25px;
color: #B99566;
font-size:9px;
}
#footer p.platform {
float: left;
}
#footer p.platform img {
margin: 10px 0 0 0;
}
#footer p.copyright {
float: right;
}
#footer a {
color: #B99566;
}

	#footer div.innerWrapper div {
	top: 0;
	left: 0;
	height: 25px;
	border: 1px solid #D0B899;
	border-bottom-style: none;
	position:absolute;
	}
	
#button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #FFFFFF;
 height: 28px;
 width: 80px;
}
.green
{
background-color: #5F7803;
}
.brown
{
background-color: #B99566;
}

#survey {

}
#login {
background-image:url(../graphics/tick_box_fade.gif);
background-repeat:repeat-x;
background-color: #fff;

}
#login div.inner {
background-image:url(../graphics/tick_box_big.gif);
background-repeat:no-repeat;
padding: 30px 0 30px 188px;
}
#login input { margin: 0; }
#survey-info {
padding: 0 0 0 188px;
}
#survey-info p {
margin: 7px 0 0 0;
}
#progress {
float: left;
clear: both;
width: 100%;
margin-bottom: 20px;
}
#progress p {
color:#B99566;
font-size:11px;
font-weight:bold;
display: inline;
float: left;
margin: 0 20px 0 0;
}
#progress div {
border:1px solid #B99566;
width: 25px;
background-color: #FFFFFF;
float: left;
margin-right: 5px;
}
#progress div.active {
background-color: #5F7803;
}





#navigation {
	width:205px;
	float: left;
	margin-right: 25px;
	padding-bottom: 25px;
}
#navigation ul {
	border-left: 1px solid #fff;
	margin: 0;
	padding: 0;
	border-top: 1px solid #3f4f02 !important;
	width: 205px;
}

#navigation li {
	list-style-type: none;
	position: relative;
	left: -1px;
	display: block;
}
#navigation ul ul {
	position: absolute;
	left: 131px !important;
	#left: 166px !important;
	top: -16px !important;
	#top: 0 !important;
	border-top: 0 none;
	width: 169px !important;
}
* html #navigation ul ul { left: 166px !important; }
* html #navigation ul ul ul {
	left: 171px !important;
}
* html #navigation ul ul li a {
}

#navigation li a {
	display: block;
	color: #00353d;
	text-decoration: none;
	padding: 6px 0 6px 20px;
}

#navigation li a:hover {
	background: #dfe4cd;
}

#navigation li.nav_active a {
	background: #dfe4cd;
}

#navigation ul ul {
	border-left: 0 none;
	margin-top: -1px;
	margin-left: 40px;
}

#navigation li li a, #navigation li li.nav_active li a {
	background: #dfe4cd !important;
	#width: 213px !important;
	#position: relative;
	#left: -35px;
}
* html #navigation li li a {
	left: 1px;
}
#navigation li li a:hover, #navigation li li.nav_active a, #navigation li li.nav_active a:hover, #navigation li li li.nav_active a {
	background: #c5d09e !important;
}
#navigation .nav_active .nav_active a, #navigation .nav_active .nav_active a:hover { font-weight: bold !important; }

#navigation ul ul li a, #navigation ul li.nav_active ul li a {
	background-color: white;
	background-image: none;
}
#navigation ul ul li.nav_active a, #navigation ul ul li a:hover, #navigation ul li.nav_active ul li a:hover, ul li.nav_active ul li.nav_active a {
	background: #e3dfce;
}

#navigation ul ul ul {
	margin-left: 23px;
}
* html #navigation ul ul ul {
	margin-left: 0;
}




#navigation table {
	border-collapse:collapse;
	padding:0;
	margin:-1px;
	width:0;
	height:0;
	font-size:1em;
	z-index:5;
}

* html #navigation a:hover {
	position:relative;
	z-index:100;
}
#navigation li:hover{
	position:relative;
}

* html #navigation ul ul a:hover {
	position:relative;
	z-index:110;
}

#navigation ul ul li:hover {
	position:relative;
}

#navigation ul ul :hover > a {

}

* html #navigation ul ul ul a:hover {
	position:relative;
	z-index:120;
}

#navigation ul ul ul ul a:hover{
	position:relative;
	z-index:130;
}

#navigation ul ul {
	visibility: hidden;
	display: none;
	position: absolute;
	height: 0;
	left: 134px;
	#left: 136px;
	top: 0;
}

#navigation ul ul ul {
	left: 109px;
	#left: 113px !important;
}

#navigation ul :hover ul{
	visibility: visible;
	display: block;
	height: auto;
	padding: 0 3em 3em 3em;
}
* html #navigation ul :hover ul {
	padding: 0 0 0 0;
}

#navigation ul :hover ul ul{
	visibility:hidden;
}

#navigation ul :hover ul :hover ul ul{
	visibility:hidden;
}

#navigation ul :hover ul :hover ul{
	visibility:visible;
}

#navigation ul :hover ul :hover ul :hover ul{
	visibility:visible;
}



	#navigation div {
	padding-bottom: 32px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left bottom;

	}
	#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	}
	#navigation ul li {
	display: inline;
	}
	#navigation ul li a {
	display: block;
	padding: 6px 14px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 178px;
	}
	#navigation li a:hover {

	}
	#navigation li.nav_active a,
	#navigation li.nav_active a:hover {
	font-weight: bold;
	}
	#navigation .nav_active li a, #navigation .nav_active li a:hover { font-weight: normal; }

	#navigation div.ngo-navigation {
	background-image: url(../graphics/bg-ngo-navigation.gif);
	margin-top: 25px;
	}	
	#navigation div.ngo-navigation ul {
	border-top-color: #613700;
	}
	#navigation div.ngo-navigation ul li {

	}
	#navigation div.ngo-navigation ul li a {
	color: #613700;
	background-color: #FFFFFF;
	border-bottom-color: #613700;
	}
	#navigation div.ngo-navigation li a:hover {
	background-color: #E8DCCC;
	}
	#navigation div.ngo-navigation li.nav_active a,
	#navigation div.ngo-navigation li.nav_active a:hover {
	background-color: #E8DCCC;
	}
		#navigation div.ngo-navigation ul ul {
		}
		#navigation div.ngo-navigation li.nav_active li {
		
		}
	#navigation div.ngo-navigation li li a {
	color: #613700;
	background-color: #FFFFFF;
	}
	#navigation div.ngo-navigation li li a:hover {
	background-color: #E8DCCC;
	}
	#navigation div.ngo-navigation li li.nav_active a,
	#navigation div.ngo-navigation li li.nav_active a:hover {
	background-color: #E8DCCC;
	}