/* css for eco-mar site */
/* 27 nov 2006 */


/*									common page elements */

body {
	background-color:#5674ba;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:verdana, arial, sans-serif;
	font-size:80%;
	color:#000;
}

img {
	border:none;
}

img.photo {
	border:1px solid #a1a1a1;
}

hr {
	width:50%;
	text-align:center;
	margin:20px 0px;
}

h1 {
	font-size:180%;
	font-family:sans-serif;
	font-weight:normal;
	color:#5674b9;
}

h1.title {
	font-family: "Arial Narrow", sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	color:#c0c8da;
	font-size:120%;
}

p.subtitle {
	color:#6AB2AA;
	font-size:120%;
	font-weight:bold;
	font-family:"Arial Narrow", sans-serif;
	border-top:2px solid #009C63;
}

h2 {
	font-size:150%;
	font-weight:normal;
	margin:7px 0px;
	padding:0px;
}

h3 {
	font-size:140%;
	font-weight:normal;
}

h4 {
	font-size:120%;
	font-weight:bold;
}

h5 {
	font-size:110%;
	font-weight:bold;
}

a {
	text-decoration:none;
	font-weight:bold;
}
a:link {
	color:#5674b9;
}

a:visited {
	color:#5674b9;
}

a:hover {
	color:#2fca75;
	text-decoration:underline;
}

a:active {
	color:#588fb8;
}

/*									container blocks */

#contain {
	background-color:#fff;
	width:980px;
	margin: 0px auto;
	text-align:left;
}

#header {
	position:relative;
	height:182px;
	background-image:url('images/header_swoosh1.jpg');
	background-repeat:no-repeat;
}

#tagline {
	position:absolute;
	top:160px;
	right:0px;
	width:100%;
	text-align:right;
	padding-right:10px;
}

#content {
	position:relative;

	top:0px;
}

#shift_content_right {
	position:relative;
	top:0px;
	padding-left:225px;
	padding-right:35px;
	padding-top:30px;
	margin-bottom:30px;
}
#shift_content_right p {
	line-height:150%;
}

#shift_content_right ul {
	line-height:150%;
}

#shift_content_right li {
	margin-bottom:20px;
}

#shift_content_right li.no_pad {
	margin-bottom:0px;
}


/*											expanding menus */

#menu {
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	z-index:100;
}

#menu ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li ul {
	padding-left:10px;
	background-color:#5674ba;
}

#menu li a {
	display:block;
	width:197px;
	border-bottom:1px solid #4d639d;
	border-top:1px solid #fff;
	background-color:#5674b9;
	padding:3px 0px 3px 3px;
	color:white;
}

#menu li a:hover {
	border-bottom:1px solid #bcbcbc;
	border-top:1px solid #adadad;
	background-color:#C8D1E7;
	padding:3px 0px 3px 3px;
	color:#2E7F2E;
	text-decoration:none;
}

#menu li ul li a {
	display:block;
	width:187px;
	border-bottom:1px solid #4d639d;
	border-top:1px solid #fff;
	background-color:#728ac5;
	padding:3px 0px 3px 3px;
}

#menu li ul li a:hover {
	border-bottom:1px solid #bcbcbc;
	border-top:1px solid #adadad;
	background-color:#d7deee;
	padding:3px 0px 3px 3px;
	color:#2E7F2E;
}

#menu .hide {
	display:none;
}

#menu .show{
	display: block;
}

.to_top {
	margin-top:20px;
	width:100%;
	text-align:right;
}

.to_top a {
	border:1px solid #bebebe;
	display:block;
	width:100px;
	padding:5px;
	background-image:url(images/to_top.gif);
	background-position:5px 8px;
	background-repeat:no-repeat;
}

.to_top a:hover {
	background-image:url(images/to_top_hover.gif);
	text-decoration:none;
}

#footer {
	height:100px;
	font-size:85%;
	text-align:right;
	background-image:url('images/footer_swoosh.jpg');
	background-repeat:no-repeat;
}

#footer p {
	padding-top:30px;
	padding-right:10px;
	color:#fff;
}

#searchbox {
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	z-index:30;
	text-align:left;
	margin-top:20px;
}

/*								class styles */

.small {
	color:#bebebe;
	font-size:80%;
}

.question {
	cursor:help;
	font-size:120%;
	font-weight:bold;
	color:#FF3300;
}

.hide {
	display:none;
}