* {
padding: 0;
margin: 0;
border: none;
}

body {
text-align: center;
font-family: Arial, Verdana, sans-serif;
font-size: 62.5%;
line-height: 1;
}

#page {
text-align: left;
border: 1px solid black;
position: relative;
border-top: none;
width: 760px;
margin: 0 auto;
}

#head {
background: #CCC;
}

#body {
min-height:620px; 
height:auto;
}
/* for ie */
/*\*/
* html #body {
height: 620px;
}
/**/

#body-index {
min-height:435px; 
height:auto;
}
/* for ie */
/*\*/
* html #body-index {
height: 435px;
}
/**/

#top-nav {
width: 720px;
background: #ccc;
margin: 0 auto -32px auto; /* must be changed according to value of bottom in #top-nav ul */
text-align: left;
}

#top-nav img {
display: block;
position: relative;
top: 4px;
left: 50px;
}

	#top-nav ul {
	display: block;
	height: 1.2em;
	text-align: left;
	list-style-type: none;
	margin: .5em;
	width: 570px;
	position: relative;
	bottom: 32px; /* must be changed according to value of bottom-margin in #top-nav */
	left: 140px;
	}
		
	#top-nav li {
	display: inline;
	padding: 3px 0;
	margin: .5em -3px 0 0; /*changes hover width & spacing for top nav items */
	}

	#top-nav ul a:link, #top-nav ul a:visited, #top-nav ul a:active{
	display: inline; /* look into ie5 hack to get around this, check glish.com */
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	padding: 1px .5em;
	border-left: 1px solid #EEE;
	}
	#top-nav ul a:hover {
	display: inline;
	font-size: 1.1em;
	color: #000;
	text-decoration: none;
	padding: 1px .5em;
	border-left: 1px solid #EEE;
	background: #ddd;
	}	
	.od {
	color: #900;
	font-size: 1.0em;
	}
#header-od {
clear: left;
background: #DDD url(/images/header_bg.jpg) top right no-repeat;
position: relative;
min-height:95px; 
height:auto;
}
/* for ie */
/*\*/
* html #header-od {
height: 95px;
}
/**/

#header-ad {
position: absolute;
right:10px;
top: 10px;
}

#main-nav {
background: #FFF;
font-size: 1.0em;
font-weight: bold;
padding: .5em;
}

#header-site {
background: url(/images/printod-header.jpg) top left no-repeat;
height: 95px;
position: relative;
}

.search {
font-size: 1.2em;
width: 211px;
height: 45px;
background:  #8cbfea;/* #8CC6EC; */
position: relative;
left: 549px;
}

#col-one, #col-two, #col-three {

}

#col-one {
width: 150px;
position: absolute;
top: 268px;
left: 0;
}

#col-one ul {
text-align: center;
list-style-type: none;
}

#col-one img {
border: 1px solid #000;
padding: 1px;
}

#col-two {
width: 420px;
padding: 0 10px 10px 10px;
background: #F6F6F6;
border: 1px solid #DDD;
position: relative;
left: 150px;
top: 40px;
margin: 0 0 80px 0;
}

#col-two-index {
width: 420px;
padding: 0 10px 10px 10px;
background: #F6F6F6;
border: 1px solid #DDD;
position: relative;
left: 150px;
top: 20px;
margin: 0 0 40px 0;
}

#main-box input {
	margin: 0 0 .5em 0;
}

#main-box {
	font-size: 1.2em;
	}

/* invesigate high & low pass filters for styling forms in ie5 */

div>#search-box .text {
border: 1px solid #999;
padding: 2px;
}
div>#search-box .submit {
border: 1px solid #999;
padding: 1px;
}

#main-box ul {
	list-style-type: none;
	line-height: 1.2;
	margin: .5em 0;
	}

#main-box li {
	padding: .5em;
	}
	
.list-one {
width: 200px;
float: left;
}

.list-two {
width: 200px;
float: right;
}

.clearfix {
clear: both;
}

#col-three {
width: 120px;
margin: -50px 0 -50px 0;
padding: 15px;
position: absolute;
top: 250px;
left: 610px;
}

#foot {
background: #EEE;
font-size: 1.1em;
padding: .5em;
text-align: center;
}

#pagetitle {
	display: block; position: relative; bottom: 20px;
	font-size: 1.2em;
	font-weight: bold;
}

#pages {
	display: block; width: 420px; position: relative; top: 40px; text-align: right; font-size: 1.2em; padding: 5px; 
}

#links-style {
	width: 420px;
	margin: 0 auto;
	position: relative;
	right: 1.5em;
	padding: 1em;
	}
#links-style p {
	margin: 0 0 1em 0;
	}
.google {
display: inline;
position: relative;
right: 00px;
top: 7px;
*/
background: transparent;
}

#google-search {
position: relative;
bottom: 7px;
right:0px; 
height: 1em;
margin: 0;
padding: 0;
}

#google-search label {

}
#google-search .text {
}