/* CSS Document */
* { behavior: url(../css/iepngfix.htc) }

body {
	background-image:url(../img/background4.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:12px;
	margin-top:6px;
	background-color:#ffffff;
}
.mainWrapper {
	width:931px;
	margin:0px auto 0px auto;
}
.header {
	background-image:url(../img/people.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:312px;
	position:relative;
}
.logo {
	/*background-image:url(../img/logo.png);*/
	background-position:top left;
	background-repeat:no-repeat;
	width:210px;
	height:120px;
	position:absolute; top:0px; right:0px;
}
.logo img {
	border: 0;
}

.flashButtons {
	position:absolute; bottom:18px; right:0px;
}

a {
	text-decoration:none;
	color: #000;
}
a:hover {
	color: #3dbbba;
}

#subscribe {
	height: 20px;
	padding-top: 5px;
	text-align: center;	
	font-size:11px;
}
#subscribe a {
	color: #000;
}
#subscribe a:hover {
	color: #f5821f;
		font-size:11px;
}

.header .list {
	position:relative; top:35px; left:535px;
	background-image:url(../img/textlist.png);
	background-position:top left;
	background-repeat:no-repeat;
	width:170px;
	height:70px;
}
span.bold {
	font-weight:bold;
	color:#000;
	font-size:11px;
	line-height:11px;
}
.scroller {
	width:229px;
	position:absolute; top:40px;
	left:300px;
}
.scroller .top {
	background-image:url(../img/scroller_top.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:40px;
}
.scroller .middle {
	background-image:url(../img/scroller_middle.png);
	background-position:top left;
	background-repeat:repeat-y;
	height:196px;
	padding:0px 8px 0px 8px;
	overflow:hidden;
}
.scroller .bottom {
	background-image:url(../img/scroller_bottom.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:12px;
}
.topCenter {
	background-image:url(../img/top_main.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:22px;
	position:absolute; bottom:0px; left:0px;
	width:931px;
}
.center {
	background-image:url(../img/main_bg.png);
	background-position:top left;
	background-repeat:repeat-y;
	padding:0px;
}
.center .title_pic {
	background-image:url(../img/oyster_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:28px;
	padding:28px 0px 0px 40px;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	margin-left:14px;
}
.center .title_nopic {
	background-image:url(../img/simple_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:28px;
	padding:28px 0px 0px 40px;
	color:#fff;
	font-family: Arial Narrow, helvetica, sans-serif;
	font-size:18px;
	font-weight: bold;
	margin-left:14px;
}
/*----------------MENU-----------------------------------*/

#menu {
	background-image:url(../img/menu_middle.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	margin-top:10px;
}
#menu .menuTop {
	background-image:url(../img/menu_top.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:16px;
}
#menu .menuBottom {
	background-image:url(../img/menu_bottom.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:15px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:190px;
}

#menu ul.submenu {
	width: 190px;
}

#menu ul.submenu .submenuTop {
    background: none;
	background-image:url(../img/submenu_top.png);
    background-position:top left;
    background-repeat:no-repeat;
    height:16px;
	margin-bottom: 2px;
}
#menu ul.submenu .submenuBottom {
	background: none;
    background-image:url(../img/submenu_bottom.png);
    background-position:top left;
    background-repeat:no-repeat;
    height:15px;
	margin-top: -2px;
}

#menu ul.submenu {
	list-style: none;
	margin: -16px 0px 0px 0px;
	padding: 0;
/*    background-image:url(../img/submenu_middle.png);*/
    background-position:top left;
    background-repeat:repeat-y;
}
#menu a {
	font: bold 13px Arial Narrow, helvetica, sans-serif;
	display: block;
	/*color: #7f8082;*/
	color: #707070;
	text-decoration: none;
	background-image:url(../img/link_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:29px;
	line-height:29px;
	padding-left:30px;
	margin-top:-2px;
}
#menu a:hover {
	color: #fff;
	background-image:url(../img/link_hover_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#menu a.active {
	color: #fff;
	background-image:url(../img/link2_hover_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
#menu ul ul a {
	height: 30px;
    color: #707070;
    background-image:url(../img/sub_link_bg.png);
    background-position:top left;
    background-repeat:no-repeat;
}
#menu ul ul a:hover {
    color: #fff;
    background-image:url(../img/sub_link_hover_bg.png);
    background-position:top left;
    background-repeat:no-repeat;
}
#menu li {
	position: relative;
	margin:0px;
}
#menu ul li {
	border-bottom:1px solid #fff;
}
#menu ul.submenu li {
	border: none;
}
#menu ul ul {
	position: absolute;
	top: 0px;
	left: 100%;
	width: 100%;
	display: none;
}
div#menu ul li:hover ul {
	display: block;
}
#menu ul li.menBottom {
	margin-top:-1px;
}
/*-------------------------------------------------------*/
.content {
	float:right;
	width:630px;
	padding-top:30px;
	font-size:14px;
	padding:30px 50px 0px 0px;
	color:#707070;
	font-family:Arial Narrow, Arial Narrow, Helvetica, sans-serif;
	line-height: 140%;
}
.content .oyster {
	background-image:url(../img/bigoyster.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	width:306px;
	height:226px;
	margin-top:-30px;
	margin-right: -30px;
}
.content .bgpic {
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	text-align: center;
	width:300px;
	padding: 3px;
	margin: 0px 0px 20px 20px;
	border: thin solid #ccc;
}

.content #newslist {
	width: 645px;
	height: 250px;
	margin-bottom: 25px;
}

.content .listing {
	font-size: 8pt;
	margin-top: 0;
	width: 305px;
	height: 250px;
	float: left;
	overflow: hidden;
	padding: 0px 5px 5px 0px;
}

.content .listing h1 {
	font-size: 11pt;
	font-weight: bold;
}

.listing img {
	vertical-align: bottom;
}
.listing a {
	color: #000000;
	text-decoration: none;

}
.listing a:hover {
	color: #3dbbba;
}

.listing a.current {
	color: #FFF;
	background: #000;
}

.content #archive {
	padding-left: 10px;
	margin-left: 10px;
	border-left: thin solid #CCC;
}


.footer {
	background-image:url(../img/footer.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:20px;
}
.clear {
	clear:both;
}
#footerSpacer {
	height: 20px;
}
form.join {
	margin-left:7px;
	margin-bottom:0px;
}
.inputText {
	line-height:16px;
	height:16px;
	border:1px solid #777;
	width:140px;
}
input.joinButton {
	height:22px;
	font-family:Arial Narrow, Helvetica, sans-serif;
	font-size:11px;
	width:45px;
}
.scrollerText {
	margin:8px 7px 0px 7px;
	height:160px;
	overflow:hidden;
	color:#fff;
	font-size:11px;
}
.leftSide {
	width:190px;
	position:relative; left:40px;
	float:left;
	margin-top:10px;
}
.copyright {
	margin-top:20px;
	text-align:center;
	font-size:11px;
}
.copyright a {
	color:#999;
	font-weight:bold;
}
.copyright a:hover {
	color:#333;
}
.gradient {
	/*background-image:url(../img/gradient.png);*/
	background-position:bottom left;
	background-repeat:no-repeat;
}

div.contentPic {
	width: 140px; 
	height: 140px; 
	margin: 8px;
	text-align: center; 
	float: left;
	border: thin solid #CCC;
}
img.contentPic {
	vertical-align: middle;
	border: none;
}
td.contentPic {
	height: 135px;
	width: 135px;
	padding: none;
	vertical-align: middle;
}
#picContainer {
	width: 640px;
	float: left;
}
#galleryNav {
	height: 40px;
	margin-left: 6px;
}


/* ------- scroller ------------- */

#scrollup {
  position: relative;
  overflow: hidden;
  /*border: solid thin #ccc;*/
  height: 155px;
  width: 195px
}
.headline {
  position: absolute;
  top: 165px;
  left: 5px;
  height: 150px;
  width: 185px;
}
.scrollerTitle {
	font-weight: bold;
	font-size: 10pt;
}
a.scrollerLink {
	text-decoration: none;
	color: #000;
}
a.scrollerLink:hover {
	color: #f5821f;
}

/* -------- other bits ------------- */

ul.pageListing {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.pageListing li {
	width: 288px;
	white-space: nowrap;
	overflow: hidden;
}