/* 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:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em; /* was 0.8em */
	color:#000000;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#ffffff url(img/body_bg%20copy.jpg) repeat-y;
	text-align:center;
	line-height: 20px;
}

#left_container {
	position:absolute;
	left:1px;
	top:1px;
	width:15em;
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#D0E8E8;
	border-right:1px solid #006666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006666;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #D0E8E8;
}

#left_quote {
position:relative;
left:0;
width:9.65em; /*  was 9.65 em */
margin:0 0 0 0;
padding:.5em 5% .5em 20%;
background:#ffffff; /*was d0e8e8 */
border-top:1px solid #006666;
border-bottom:1px solid #006666;
font-size:1.0em;
font-style:italic;
color:#AC9C90;
text-align:left;
}

#left_text {
position:relative;
width:16.7em;
margin:0 0 0 0;
padding:.5em 5% .5em 5%;
background:#d0e8e8;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#000000;
text-align:left;
}

#right_container_outer {
	position:absolute;
	left:15.3em;
	top:1em;
	width:45.5em; /* was 42em */
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	/* background:#ffffff url(img/navbar_fade.jpg) top repeat-x; */
}

.navbar {
position:relative;
left:0;
top:0;
width:45.5em; /*was 42em */
height:2em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}
.director {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	color: #FF0000;
}
.bolder {
	font-weight: bolder;
}
#photo {
	width: auto;
	float:  left;
	height: auto;
	border: none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
}
#navbar_fade {
	position:relative;
	left:0;
	top:0;
	width:45.5em; /*was 42em */
	height:3em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-left:1px solid #006666;
	border-right:1px solid #006666;
	background-color: #ffffff;
	background-image: url(img/navbar.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-top-color: #006666;
	border-bottom-color: #006666;
	border-top-width: 1px;
	border-top-style: solid;
}

#right_container_inner {
	position:relative;
	left:0;
	top:0;
	width:45.5em; /* was 42em*/
	margin:0 0 0 0;
	padding:0 0 .2em 0;
	background:#ffffff;
	border-left:1px solid #006666;
	border-right:1px solid #006666;
	border-top-color: #006666;
	border-bottom-color: #006666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

#rci_left_column {
position:relative;
width:42em; /* change it to 36em */
margin:-1em 0 0 .2em;
padding:0 1em 0 1em;
background:transparent;
font-size:1.0em;
color:#000000;
text-align:left;
}

#rci_right_column {
position:relative;
float:right;
clear:both;
width:12.5em; /* was 12.5 em */
margin:0 1em 0 0;
padding:0 0 0 0;
background:#ffffff;
font-size:0.8em;
color:#000000;
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;
width:48.9em;
height:2.5em;
margin:0 0 0 0;
padding:.3em .5em 0 0;
background:#ffffff;
border-top:1px solid #DFD8D2;
font-size:0.9em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-align:right;
}

/* top navigation bar */
#nav ul{
padding:0 0 0 0;
margin: 0 0 0 0;
white-space: nowrap;
font-size: 0.95em;
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 .2em 0 0; /* was 0 .4em 0 0 */
	padding: .4em 0.6em .46em 0.6em; /* was .4em 1em .46em 1em */
	color:#006666;
	font-weight:bold;
	text-decoration:none;
	float: left;
	background:#ffffff;
	border-left:1px solid #006666;
	border-top:1px solid #006666;
	border-right:1px solid #006666;
	border-bottom-color: #006666;
}

#nav ul li a:hover{
color:#006666;
background:#d0e8e8;
font-weight:bold;
text-decoration:none;
}

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

#nav #current a {
color:#006666;
background:#d0e8e8;
text-decoration:none;
}

/* font styles */
h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 -0.3em;
padding:0.8em 0 0.5em 0em;
font-size:1.7em;
color:#CC0000;
background-repeat:no-repeat;
background-position:0.1em 0.1em;
}
h2 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 -0.3em;
padding:0.8em 0 0.5em 0em;
font-size:1.2em;
color:#FF6600;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:1em;
color:#FF6600;
}
h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:0.9em;
color:#000000;
}
#rci_right_column h3 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:0.9em;
color:#009F9F;
}

#left_text h3 {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -.7em;
padding:0 0 0 0;
font-size:1.2em;
color:#006464;
}
.redtext {color:#c00;}
.bluetext {color:#00c;}
.italic {font-style:italic;}
.bold {font-weight:bold;}

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

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

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

/* images */
#logo {
margin:.5em 0 0 0;
width:15em;
height:14em;
}

img {
border:none;
}

/* misc styles */
blockquote {
	margin:.3em .6em .7em .6em;
	padding:.05em .5em .05em .5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#CC0000;
	background-color: #ffffff;
	background-image: url(img/navbar.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CCCCCC;
}

/* 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 */
#contact-form {
text-align: left;
margin-left: 10px;
margin-right: 10px; 
padding-right: 20px;    
padding-left: 100px;
}