/* Plasta.org.uk - Designed and Developed by AdvancedPresence.com */

html {height: 100%; background-color:#fff; margin:0; padding:0;}
body {font-family:Verdana, Geneva, Lucinda, Lucinda grande; font-size:12px; color:#999; width:100%; height:100%; text-align:center; margin:0px; padding:0; background:url(/images/body.gif) repeat-x top; height:100%;}

#wrapper {width:980px; margin:0px auto;}
* html #wrapper {height:100%;}

h1 {font-size:12px; font-weight:bold;}
h2 {font-size:14px; font-weight:bold;}

/* Header */

div#header {background:url(/images/header-bg.gif) repeat-x 0 0;}
div#header div.header-top {width:980px;	margin-left:auto; margin-right:auto;}
div#header div#top-nav {background: url(/images/top-nav-right.gif) no-repeat 100% 0; padding:0 20px 0 0; margin:5px 0 0 0;	float:right; display:inline;}
div#header div#top-nav ul {background: url(/images/top-nav-left.gif) no-repeat 0 0; margin:0;	padding:0 0 0 20px;	float:left;	display:inline;}
div#header div#top-nav ul li {list-style:none;	height:26px; float:left; display:inline; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
div#header div#top-nav ul li a {display:block; margin:6px 0 0 0; line-height:100%; padding:0 10px 0 10px; border-left:1px solid #e7e7e7; font-size:93%;}
div#header div#top-nav ul li a:link, div#header div#top-nav ul li a:visited {color:#FFF; text-decoration:none;}
div#header div#top-nav ul li:first-child a {border-left:none;}
div#header div#top-nav ul li a:hover {text-decoration:underline;}
.clearfix {display: inline-block;}
.clear {line-height:0px; font-size:0px; clear:both; height:0px;}

div#logo {width:300px; height:120px; background:url(/images/logo.gif) no-repeat 0 0; text-indent:-9000px; margin:-20px 0 0 0; float:left; display:inline;}
div#logo a {display:block; height:100%;}

div#menu {margin:35px 0 0 0; padding:0 0 0 0; float:right; display:inline;}

#dropline {position:relative; font-size:12px; height:38px;}
#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:600px;}
#dropline table {border-collapse:collapse; margin:-1px -10px 0 0; padding:0; width:0; height:0; font-size:12px;}
#dropline li {float:left; height:38px; margin-right:1px;}
#dropline li a {float:left; display:block; height:38px; line-height:38px; padding:0 20px 0 10px; font-family:arial, sans-serif; font-size:12px; color:#888888; text-decoration:none; font-weight:bold;}
#dropline li a.down {background:url(/images/down.gif) no-repeat right center;}
#dropline li ul li a.down {font-size:15px; color:#ff0; font-weight:normal;}

#dropline li a:hover {white-space:nowrap; color:#B1B1B1;}
#dropline li a.down:hover {white-space:nowrap; color:#B1B1B1; background:url(/images/down-over.gif) no-repeat right center;}

#dropline li:hover > a {color:#B1B1B1;}
#dropline li:hover > a.down {color:#B1B1B1; background:url(/images/down-over.gif) no-repeat right center;}

#dropline li ul {position:absolute; top:20px; left:-9999px; z-index:10; background:url(sub-back.png) left top;}
#dropline li ul.floatRight li {float:right;}

#dropline :hover ul,
#dropline :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul,
#dropline :hover ul :hover ul :hover ul :hover ul :hover ul {left:0; background:url(sub-back.png) left bottom;}

#dropline :hover ul ul,
#dropline :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul ul,
#dropline :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:38px; background:transparent;}

#dropline .current {color:#626262;}
#dropline .down-font {color:#B1B1B1;}

/* Columns */

div#col {position:relative; text-align:center; width:980px; top:5px; height:100%;}

div#col div#left-col {width:350px; margin-top:5px; text-align:left; float:left; padding-right:10px;}
div#col div#mid-col {width:360px; margin-top:5px; float:left; text-align:justify;}
div#col div#right-col {width:240px; float:right;}

div#twocol-left {width:380px; float:left; top:0px; left:0px;}
div#twocol-right {width:550px; top:0px; float:right; text-align:left; padding-left:20px;}

div#login-col {position:relative; text-align:center; width:750px; top:5px; height:100%;}
div#login-col-left {position:absolute; width:350px; top:0px; left:0px}
div#login-col-right {position:absolute; width:400px; top:0px; left:350px;}

/* Index */

div#left-board {width:340px; height:226px; float:left; display:inline;}
.left-header {margin:0 0 0 0; padding:20px 0 5px 5px; text-align:left; width:335px; border-bottom:1px solid #DFDFDF; clear:both;}

div#loginbox {width:290px; padding-top:20px; margin-left:25px;}
div#loginbox label,d {display:block; width:150px; float:left; margin-bottom:10px;}
div#loginbox label {text-align:left; width:75px; padding-right:20px;}
div#loginbox br {clear:left;}
div#loginbox div#forgetpass {width:265px; text-align:center; height:20px; font-size:10px; color:#999;}
div#loginbox div#forgetpass a:link, div#loginbox div#forgetpass a:visited {color:#999999; text-decoration:none;}
div#loginbox div#forgetpass a:hover {color:#B6B6B6;	text-decoration:underline;}

.textinput {background-color:#F3F3F3; width:170px; height:15px; padding:0.25em 0.5em; border:1px solid #CCC; color:#666; font-size:10px;}
.textinput:focus, .textinput:hover, select:focus, select:hover {border:1px solid #AAA;}

.textmini {background-color:#F3F3F3; width:130px; height:15px; padding:0.25em 0.5em; border:1px solid #CCC; color:#666; font-size:10px;}
.textmini:focus, .textmini:hover, select:focus, select:hover {border:1px solid #AAA;}

.submit {background: url(/images/login-btn.jpg) no-repeat; height:25px; width:60px; border:none;}
.submit:hover {background: url(/images/login-btn.jpg) 0 -26px no-repeat;}

div#mid-desc {width:360px; text-align:justify;}
div#mid-desc p {margin:0px; padding:5px 0px;}
.mid-header {width:355px; margin:0 0 0 0; padding:20px 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF; clear:both;}

.right-header {width:240px; margin:0 0 0 0; padding:5px 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF; clear:both;}

div#news-index {width:360px; float:left; text-align:left; margin:0;}
div#news-index ul {margin:0; padding:0; list-style: none;}
div#news-index li {align:left; margin:0; height:50px; padding:5px 0 5px 0; border-bottom:1px dotted #D0D0D0;}
div#news-index li:last-child {border-bottom:none;}
div#news-index a {display:block; color:#7B7B7B; text-decoration:none; padding: 3px 5px 3px 5px;	height:45px;}
div#news-index a:hover {background:#EEEEEE;}

div.index-right {width:245px; float:left; text-align:left; padding-bottom:5px; margin-top:5px;}
div.index-right ul {margin:0px; padding:0px; list-style: none;}
div.index-right li {align:left; margin: 0px; height:50px; padding:5px 0 5px 0; border-bottom:1px dotted #D0D0D0; }
div.index-right li:last-child {border-bottom: none;}
div.index-right a {display:block; color:#7B7B7B; text-decoration:none; padding: 3px 5px 3px 5px; height:45px;}
div.index-right a:hover {background:#EEEEEE;}
div.index-sponsor {width:245px; float:left; text-align:left; padding-bottom:5px; margin-top:5px;}

div.content-right {width:240px; float:left; text-align:left; padding-bottom:5px; margin-top:5px;}

div.right-more {width:245px; height:30px; text-align:right; font-size:10px;}
div.right-more a {font-size:10px; text-decoration:none; color:#999;}
div.right-more a:hover {text-decoration:underline;}

/* Footer */

div#clearfooter{clear:both; margin-bottom:100px;}
div#footer {clear:both;	position:relative; background-color:#F5F5F5; border-top:1px solid #EFEFEF; border-bottom:1px solid #EFEFEF;	padding-top:10px; margin-top:25px;}
div#footer div.foot {width:980px; margin-left:auto;	margin-right:auto; padding:5px 0; background-color:#F5F5F5;}
div#footer div.col {width:130px; margin:0px 5px 0 0; float:left; display:inline; text-align:left;}
div#footer div.foot ul {margin:0; padding:0;}
div#footer div.foot ul li {list-style:none;	padding:2px 0;}
div#footer div.foot a:link, div#footer div.foot a:visited {color:#999999; text-decoration:none;}
div#footer div.foot a:hover {color:#B6B6B6;	text-decoration:underline;}
div#footer div#footer-right {float:right; padding-top:45px;}
.foot-bg {display:block; float:left; width:260px; height:90px; background:transparent url(/images/foot-bg.gif) no-repeat;} 
div#footer div#foot-sub {clear:both; width:980px; height:20px; margin:5px 0 20px 0;}
div#footer div.copyright {float:left; padding:20px 0 0 0; margin:0;}
div#footer div.design {float:right;	padding:20px 0 0 0;	margin:0;}
div#footer div.design a:link, div#footer div.design a:visited {color:#999999; text-decoration:underline;}
div#footer div.design a:hover {color:#B6B6B6; text-decoration:underline;}
div#footer-spacer {height:40px;}

/* Log In */

div#login-col {text-align:center; width:760px; top:5px;}
div#login-col-left {width:340px; float:left; top:0px; }
div#login-col-right {width:400px; top:0px; float:right;}
.login-header {margin:0 0 0 0; padding:20px 0 5px 5px; text-align:left; width:390px; border-bottom:1px solid #DFDFDF; clear:both;}
div#login-desc {width:380px; padding-top:10px; text-align:justify;}
div#login-desc p {margin:0px; padding:5px 0px;}

.retrieve {background: url(/images/retrieve-btn.jpg) no-repeat; height:25px; width:70px; border:none;}
.retrieve:hover {background: url(/images/retrieve-btn.jpg) 0 -26px no-repeat;}

div#login-desc a {color:#999999; text-decoration:underline;}
div#login-desc a:hover {color:#B6B6B6; text-decoration:underline;}

/* Other */

div#categories {width:330px; left:0px; float:left; text-align:left; margin:0 0 0 5px;}
div#categories ul {margin:0; padding:0; list-style: none;}
div#categories li {align:left; margin:0; height:30px; padding:5px 0 5px 0; border-bottom: 1px dotted #D0D0D0;}
div#categories li:last-child {border-bottom: none;}
div#categories a {display:block; color:#7B7B7B; text-decoration:none; padding:9px 5px 1px 5px;	height: 20px;}
div#categories a:hover {background:#EEEEEE;}

/* Register */

.register-header {width:375px; margin:0 0 0 0; padding-bottom:5px; padding:0 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF; clear:both;}
div#register-about {width:370px; text-align:left;}
div#register-about p {padding:10px 0px 0px 0px;}
div#register-about ul {list-style-image: url(/images/bullet.gif); margin-left: .5em; padding-left: .5em;}
div#register-about li {padding: 0; margin-left:5px; margin-bottom: 5px; background-position: 2em; }

.form {margin:0px; width:520px; font-size:11px; font-weight:normal;}
.form form {margin:0px; padding:0px;}
.form form p {margin:0px; padding:10px 0px 0px 0px; display:block;}
.form form p label {width:165px; display:block; float:left; font-size:12px; color:#999;}

.register {background: url(/images/register-btn.jpg) no-repeat; height:25px; width:60px; border:none;}
.register:hover {background: url(/images/register-btn.jpg) 0 -26px no-repeat;}

/* Pages */

.mid-col-head {width:360px; margin:0 0 0 0; padding:0 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF;}

div#mid-content { padding:20px 0 0 5px;  text-align:justify;}
div#mid-content ul {list-style-image: url(/images/bullet.gif); margin-left: .5em; padding-left: .5em;}
div#mid-content li {padding: 0; margin-left:5px; margin-bottom: 5px; background-position: 2em; }
div#mid-content-nj {width:350px; padding:20px 0 0 5px; text-align:left;}
div#mid-content a {text-decoration:underline; color:#999;}
div#mid-content a:hover {color:#BFBFBF; text-decoration:underline;}

div#committee {width:350px; padding:20px 0 0 5px; text-align:left;}
div#committee ul {list-style-image: url(/images/bullet.gif); margin-left: .5em; padding-left: .5em;}
div#committee li {padding: 0; margin-left:5px; margin-bottom: 5px; background-position: 2em; }

div#news {width:360px; float:left; text-align:left; margin:0px 0px 30px 0px;}
div#news ul {margin:0; padding:0 0 0px; list-style:none;}
div#news li {align:left; margin: 0;  padding:10px 0 10px 0; border-bottom:1px dotted #D0D0D0;}
div#news li:last-child {border-bottom:none;}
div#news a { color:#7B7B7B; text-decoration:none; line-height:16px;}
div#news a:hover {background:#EEEEEE;}

div#search {width:205px; margin-top:20px;}
.search {background: url(/images/search-btn.jpg) no-repeat; height:25px; width:60px; border:none;}
.search:hover {background: url(/images/search-btn.jpg) 0 -26px no-repeat;}

div.top {width:350px; height:20px; float:left;}
div.top a {font-size:10px; text-decoration:underline; color:#999;}
div.top a:hover {color:#BFBFBF; text-decoration:underline;}
div#top-content {width:350px; margin:5px 0 20px 0; float:left;}
div#top-content a {color:#7B7B7B; text-decoration:underline;}

div#jobs {width:360px; float:left; text-align:left; margin:0px 0px 30px 0px;}
div#jobs ul {margin:0; padding:0 0 0px; list-style:none;}
div#jobs li {align:left; margin: 0; height:60px; padding:5px 0 5px 0; border-bottom:1px dotted #D0D0D0;}
div#jobs li:last-child {border-bottom:none;}
div#jobs a {display:block; color:#7B7B7B; text-decoration:none; padding: 3px 5px 3px 5px; height:55px;}
div#jobs a:hover {background:#EEEEEE;}

div#links a {color:#7B7B7B; text-decoration:none;}
div#links a:hover {color:#A7A7A7; text-decoration:underline;}

div#form {position:relative; width:360px; margin:0px 0px 0px 0px;}
div#form label,input {display:block; width:120px; float:left; margin-bottom:10px;}
div#form label {text-align:left; width:130px; padding-right:20px;}
div#form br {clear:left;}

.form1 {margin:0px; width:500px; font-size:11px; font-weight:normal;}
.form1 form {margin:0px; padding:0px;}
.form1 form p {margin:0px; padding:10px 0px 0px 0px; display:block;}
.form1 form p label {width:165px; display:block; float:left;}

div#contactform {position:relative; width:360px; margin:0px 0px 0px 0px;}
div#contactform label,input {display:block; width:120px; float:left; margin-bottom:10px;}
div#contactform label {text-align:left;	width:130px; padding-right:20px;}
div#contactform br {clear:left;}

div.spacer {height:20px;}

div#marketplace {width:350px; float:left; text-align:left; margin:20px 0px 30px 5px;}

a.textlink:link {color:#999; text-decoration:underline;}
a.textlink:visited {color:#999; text-decoration:underline;}
a.textlink:hover {color:#A7A7A7; text-decoration:underline;}