/* CSS Document */
/* World Speak International
Web development by CodeGeek.net, Inc., www.codegeek.net
*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, td, tr, th, a, form {
	margin:0;
	padding:0;
}

body {
	background-image:url(../images/parchment.jpg);
	margin: 36px 0; /* margins t/b, l/r */
	text-align: center; /* required to center body in IE5 PC */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	color:#333333;
}
h1, h2, h3, h4, h5, h6 {
	font-family:Times New Roman, Times, serif;
	font-size: 160%;
	color:#003366;
	padding: 1em 0 0 0; /* t r b l */
}
h2 {
	font-size: 120%;
	padding: 1.8em 0 0 0;
}
p {
	padding: 0.9em 0 0 0;
}

#outer_wrapper {
	position:relative; /* required to position top_nav absolutely relative to outer_wrapper */
	text-align:left;
	margin: 0 auto;
	width:800px;
}
#super_header {
	/* Positions the 'World Speak International' text */
	position: relative;
	/*left: -37px; */
	margin-bottom: 2px;
}
/* styles the horizontal naviagation along the top of the header */
#top_nav {
	position: absolute;
	top: 18px;
	right: 8px;
	text-align:right;
}
#top_nav ul{
	list-style: none;
	width:462px;
}
#top_nav li {
	float:left;
	width:154px;
}
#top_nav a {
	color:#333;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
#top_nav a:hover {
	text-decoration:underline;
}

#main_wrapper {
	position:relative;
	left:37px;
}

#header {
	position:relative; /* must specify this as relative so that absolutely positioned elements within it are placed correctly */
	height:199px; /* height must be specified for positioning of language_nav div relative to bottom of the header div */
}
#header_left {
	background: url(../images/header_richlevy_outline.gif) no-repeat;
	height:198px; /* this at 199 was causing gap abover inner header top - but that problem also had something to do with padding on a div within the header id, as well as the height specified on the image in this div...*/
	padding: 1px 0 0px 1px;
}
#header1 {
	position:absolute;
	left:298px;
	top:0;
	background: url(../images/header1_bg.gif) no-repeat;
}
#header2 {
	position:absolute;
	left:452px;
	top:0;
	background: url(../images/header2_bg.gif) no-repeat;
}
#header3 {
	position:absolute;
	left:606px;
	top:0;
	background: url(../images/header3_bg.gif) no-repeat;
	width:160px; /* specify width on this one to allow right drop shadow on right edge of the design to show */
}
#header1, #header2, #header3 {
	padding: 1px 1px 0 0px; /* to shift images and allow bg borders to show */
}

#language_nav {
	position:absolute;
	bottom: 10px; /* this is relative to bottom of header div, so as font size is increased this element's base line stays fixed Note, this only works if a height is specified for the header div as well*/
	left: 10px; 
	line-height: 200%;
}
#home_button {
	position:absolute;
	top: 6px; /* this is relative to bottom of header div, so as font size is increased this element's base line stays fixed Note, this only works if a height is specified for the header div as well*/
	left: 10px;
}
#home_button a {
	color:#bbb; /* was 888, a bit dark */
	font-weight:bold;
	text-decoration:none;
}

#home_button a:hover {
	color:#fff;
	text-decoration:underline;
}

#language_nav a {
	color:#bbb;
}
#language_nav a:hover {
	color:#fff;
}

#inner_wrapper_top {
	background: url(../images/content_top.jpg) no-repeat;
	height:2px;
	/*margin-top:-2px; /* need margin-top:-2px; for IE to avoid gap between header and inner_wrapper_top, but breaks FF */
}
#inner_wrapper {
	position:relative;
	background:url(../images/content_bg.jpg) repeat-y;
	width:765px; /*required for bg image to display correctly in ie */
}

#inner_wrapper a {
	color:#333;
}
#inner_wrapper a:hover {
	color:#000;
}

#content {
	position:relative;
	/*top:0px;
	left:297px;*/
	width:420px;
	/*height: 38em;*/
	margin: 0 0 0 315px; /* left margin adequate to leave room for floated left_column */
	padding-bottom: 40px;
	line-height:130%;
	/*min-height:466px;*/ /* Has useful effect in IE? */
}

#content ul{
	list-style:disc;
	margin: 1em 0 .5em 20px;
}
#left_column {
	width:207px;
	float:left;
	position:relative;
	top:5px;
	left:10px;
	overflow: hidden;
	/*font-size:90%;*/
}


#image_column {
	width: 90px;
	float: left;
	position:relative;
}
#left_column h3 {
	padding: 10px 0 0 0;
	color:#777;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}
#bigspace {
	padding-top:200px;
}
#left_column p {
	padding: 0;
	font-size:100%;
}

#image1 {
	position:absolute;
	right:0;
	top:0;
}
#image2 {
	position:absolute;
	left:-204px;
	top:208px;
}
#image3 {
	position:absolute;
	left:0px;
	top:346px;
}
#footer {
	background:url(../images/footer.jpg) no-repeat;
	height:49px;
}

#footer .copyright {
	color:#FFFFFF;
	padding: 15px 0 0 10px;
}

.topspace {
	margin-top: 16px;
}

form {
	padding: 10px 0 0 0;
}