/* culture shock: slight amnesia v1.0 by pogy366: http://www.raykdesign.net - Dec. 2005 */

/* general page structure and layout */
html, body {
height:100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	margin:0px;
	padding:0px;	text-align:center;
	background-color: #FFFFFF;
	background-image: url(images/background_logo.gif);
	background-repeat: repeat-x;
}

/* Site navigation layout and style */
#site_nav {
position:absolute;
left:0;
top:0;
width:100%;
height:27px;
margin:0 0 0 0;
padding:0 0 0 0;
background: url(img/site_nav_bg.gif) repeat-x;
}

#site_nav_spacer {
position:relative;
float:left;
height:27px;
width:38px;
background: url(img/site_nav_spacer.gif)
}

#site_nav_left {
position:relative;
float:left;
height:27px;
width:38px;
background: #FFFFFF url(img/site_nav_left.gif)
}

#site_nav_right {
position:relative;
float:left;
height:27px;
width:38px;
background: #FFFFFF url(img/site_nav_right.gif)
}

.site_nav_off {
position:relative;
display:block;
float:left;
padding:0.4em 0 0 0;
}

.site_nav_on {
position:relative;
display:block;
float:left;
height:22px;
padding:0.4em 0 0 0;
background: #FFFFFF url(img/site_nav_bg_on.gif);
}

.site_nav_speights {
position:relative;
display:block;
float:right;
padding:0 0 0 0;
}

.site_nav_off a {
display:block;
color:#8E1F0D;
}

.site_nav_off a:hover {
color:#000000;
text-decoration:none;
}

.site_nav_on a {
color:#000000;
text-decoration:none;
}

/* Site navigation layout and style */

#left_container {
	position:relative;
	width:15em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float: left;
}

#left_quote {
	position:relative;
	left:0;
	width:9.65em;
	margin:0;
	padding:1.0em 5% 3em;
	background:#FFFFFF;
	border-top:1px none #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-size:small;
	font-style:italic;
	color:#003366;
	text-align:left;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#left_text {
	position:relative;
	width:16.7em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#000000;
	text-align:left;
	margin-top: 2em;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 5%;
	padding-left: 5%;
}

#right_container_outer {
	position:relative;
	width:44em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color: #FFFFFF;
	background-image: url(img/navbar_fade_quietlady.jpg);
	background-repeat: repeat-x;
	float: left;
	clear: right;
}

.navbar {
position:relative;
left:0;
top:0;
width:44em;
height:2em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}

#navbar_fade {
position:relative;
left:0;
top:0;
width:44em;
height:1em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffff url("img/navbar_fade_quietlady.jpg") top repeat-x;
}

#right_container_inner {
	position:relative;
	left:0;
	top:0;
	width:44em;
	margin:0;
	background:#ffffff;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
}

#rci_left_column {
	position:relative;
	width:44em;
	font-size:0.9em;
	color:#000000;
	text-align:left;
	background-color: transparent;
	background-image: url(images/watermark.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0.2em;
	padding-top: 0;
	padding-right: 1em;
	padding-left: 1em;
}

#rci_left_column ul {
	margin-top: -1em;
}


#rci_right_column {
position:relative;
float:right;
clear:both;
width:12.5em;
margin:0 1em 0 0;
padding:0 0 0 0;
background:#ffffff;
font-size:.8em;
color:#9D958E;
text-align:left;
}

#rci_right_column ul {
margin:.9em 0 0 1.4em !important;
margin:.9em 0 0 1.6em;
padding:0 0 0 0;
list-style-type:circle;
}

#rci_right_column li {
margin:0 0 .3em 0;
padding:0 0 0 0;
}

#footer {
	position:relative;
	height:60px;
	font-size:0.85em;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	float: left;
	clear: both;
	padding-top: 0.3em;
	padding-right: 0em;
	padding-bottom: 0;
	width: 100%;
	background-color: #D1EE86;
	background-image: url(images/footer_back.gif);
	background-repeat: repeat-y;
}

#footer a{
	color:#9D958E;
}
#footer a:hover{
	color:#9D958E;
	text-decoration:none;
}

/* top navigation bar */
#nav ul{
padding:0 0 0 0;
margin: 0 0 0 0;
white-space: nowrap;
font-size:0.8em;
color:#000000;
float:left;
width:100%;
height:2em;
background:transparent;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
	margin: 0 .4em 0 0;
	padding: .4em 1em .46em 1em;
	color:#003366;
	font-weight:bold;
	text-decoration:none;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nav ul li a:hover{
color:#8E1F0D;
background:#EDE9E6;
font-weight:bold;
text-decoration:none;
}

#nav #current li {
color:#000000;
background:#EDE9E6;
}

#nav #current a {
color:#003366;
background:#FFFFFF;
text-decoration:none;
}

/* font styles */
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.9em;
	color:#003366;
	background-image:url(img/logo_sml_quietlady.jpg);
	background-repeat:no-repeat;
	background-position:.1em .1em;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: -0.3em;
	margin-left: 0;
	padding-top: 0.8em;
	padding-right: 0;
	padding-bottom: 0.5em;
	padding-left: 0em;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:1em;
color:#003366;
}

#rci_right_column h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:.9em;
color:#8E1F0D;
}

#left_text h3 {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:1.2em;
	color:#003366;
	margin: 0;
}

.small {
font-family:"Courier New", Courier, mono;
font-size:.85em;
text-transform:uppercase;
}

/* link styles */
#right_container_inner a {
color:#D96107;
text-decoration:underline;
}

#right_container_inner a:hover {
color:#999999;
text-decoration:none;
}

/* images */
#logo {
margin:0;
/* width:15em;
height:30em; */
}

img {
border:none;
}

/* misc styles */
blockquote {
margin:.3em .6em .7em .6em;
padding:.05em .5em .05em .5em;
border-top:1px solid #CABEB5;
border-bottom:1px solid #EEEAE7;
border-left:1px solid #D7CDC6;
border-right:1px solid #EEEAE7;
font-family:Arial, Helvetica, sans-serif;
color:#7C6C61;
}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#header {
	background-image: url(images/hague_logo.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 80px;
	margin: 0px;
	padding: 0px;
	position: relative;
	width: 100%;
}
#footer p {
	padding-top: 10px;
	padding-left: 180px;
}
.csc-mailform-field label {
	width: 200px;
	float: left;
	padding-top: 2px;
}
.csc-mailform-field {
	padding: 3px;
}
.portrait {
	padding: 5px;
}
#container {
	background-color: #FFFFFF;
	background-image: url(images/content_back.gif);
	background-repeat: repeat-y;
	clear: both;
	position: relative;
	float: left;
}