*, html {margin:0px;padding:0px;}
body {background: url('2ae107_1fc35a4beae44cce96f34a262d7adbb3-mv2.jpg') no-repeat fixed center;background-size:100%;font-family:Helvetica, Arial, sans-serif;}
.wrapper {margin:0px;padding:0px;}
.header {position:fixed;top:0px;width:100%;height:54px;background-color:rgba(0, 105, 163, 1);}
.header p {padding:18px 0px 0px 50px;}
.header p a {color:#fff;font-weight:bold;text-decoration:none;}
.content-new {background-color:#fff;width:65%;margin:0 auto;padding:54px;min-height:450px;text-align:center;}
.content-new h2 {color:rgba(0, 105, 163, 1);text-transform:uppercase;font-weight:400;font-size:34px;padding-top:40px;}
.line {width:36px;height:3px;background-color:rgba(0, 105, 163, 1);margin:0 auto;margin-top:15px;}
.content-newp {font-size:14px;padding:15px 90px 10px 90px;}
.footer {position:relative;bottom:0px;width:100%;height:150px;background-color:#2f2e2e;}
.footer p{text-align:center;color:#fff;padding-top:70px;}
.content{
vertical-align: top;
text-align: left;
font-size: 9pt;
}
table {
font-size: 9pt;
}
.smalllink{
font-size: 6.5pt;
}
a:link {
text-decoration: none;
color: #188CB6;
}
a:visited {
text-decoration: none;
color: #188CB6;
}
a:hover {
text-decoration: none;
color: #65B7BE;
}
a:active {
text-decoration: none;
}
h4
{
color: #2f2e2e;
font-size:12pt;
font-style: italic;
padding-top:15px;
}
.bottomnav{
background: #2f2e2e;
text-align: center;
font-size: 7pt;
vertical-align: middle;
color: #865246;
}
a:visited.bottomnav, a:link.bottomnav, a:hover.bottomnav{
text-decoration: none;
color: #FFFFFF;
}
.num{
font-weight: bold;
vertical-align: top;
}
.img3
{
/*border: 1px solid #206872; */
border: 4px double #206069;
}
.img2
{
/*border: 5px double #EC7E65; */
border: 4px double #206069;
}
.img1
{
/*border: 1px solid #206872; */
border: 4px solid #C4E2E4;
}
.members
{
font-size: 8pt;
padding-left: 10px;
}
HTML {
overflow: -moz-scrollbars-vertical;
}
input, textarea{
font-family: arial;
font-size: 9pt;
background-color: #F5F9FA;
border: 1px solid #CEDFE9;
}
/*************** CREW FINDER ***************/
#crewlink2 {
width:147px;
}
#crewlink2 a {
display: block;
width:147px;
height:100px;
background-image:url(images/pfhcb-btn.gif);
background-position:top;
}
#crewlink2 a:hover {
background-image:url(images/pfhcb-btn.gif);
background-position:bottom;
}
#crewlink2 span {
display:none;
}
#crewintros{
background-color: #EEF4F6;
padding: 10px;
margin: 10px;
}
#bluebox {background-color:#eef4f6; border: solid 1px #1493b8; width:240px; float:left; margin-left:20px;}
.blueboxp{margin-left: 40px; font-family:Arial, Helvetica, sans-serif;font-size:12px; line-height:20px;text-align:left;}
#bluebox h6 {font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#2f2e2e; padding:0px; margin:10px 0px 0px 10px;text-align:left;}
#clickhere {width:86px; height:25px; float:right; margin-right:10px; margin-bottom:20px;}
#clickhere a {display:block; width:86px; height:25px; background-image:url(images/clickhere.gif); background-position:top; background-repeat:no-repeat; margin:0px;}
#clickhere a:hover {background-image:url(images/clickhere.gif); background-position:bottom; background-repeat:no-repeat;margin:0px;}
#introbuttons a{
display: block;
height: 52px;
width: 186px;
background-image: url('http://pfhcb.sc104.info/old/images/crewfinder/introbtns.jpg');
float: left;
}
#introbuttons span{
display: none;
}
#introbuttons a.hire{
background-position: 186px 0px;
}
#introbuttons a.hire:hover{
background-position: 186px 52px;
}
#introbuttons a.work{
background-position: 0px 0px;
}
#introbuttons a.work:hover{
background-position: 0px 52px;
}
a.ovalbutton{
background: transparent url('images/btn-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 12px Arial; /* Change 13px as desired */
line-height: 17px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 25px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-right: 20px;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #fff; /*button text color*/
font-weight: bold;
}
a.ovalbutton span{
background: transparent url('images/btn-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
}
.buttonwrapper{
/* Container you can use to surround a CSS button to clear float */
overflow: hidden;
/* See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
h5{
color: #2f2e2e;
font-size:11pt;
background-repeat: no-repeat;
background-position: top left;
padding-left: 25px;
padding-top:2px;
margin-bottom:5px;
}
h5.work{
background-image: url('images/icon-paper.gif');
text-align:left;
}
h5.hire{
/* background-image: url('images/icon-people.gif');*/
padding-top:15px;
}
h5.archive{
background-image: url('images/icon-archive.gif');
}
#pfhcb{
border: 1px solid #098FB5;
background-color: #fff;
}
#pfhcb .head{
background-color: #098FB5;
color: #fff;
font-weight: bold;
}
#pfhcb .row2{
background-color: #EEF4F6;
}
#postinfo{
border: 1px solid #CEDFE9;
background-color: #fff;
}
#postinfo td{
padding: 8px;
}
.smallnote{
font-size: 8pt;
color: #333;
}
#charcount{
font-size: 7.5pt;
float: right;
color: #666;
}
#charcount input{
border: 0px solid #fff;
background-color: #fff;
font-size: 7.5pt;
text-align: right;
color: #666;
}
/* MAIN NAVIGATION ----------------------------------------- */
div#Navigation{}
div#Navigation{float:left;width:147px}
#Navigation ul {
margin: 0;
padding: 0;
list-style: none;
width: 141px;
border-top:3px solid #036987;
border-right:3px solid #036987;
border-left:3px solid #036987;
background-color:#098FB5;
}
#Navigation ul li {
position: relative;
line-height: 23px;
width:141px;
border-bottom:3px solid #036987;
}
#Navigation li ul {
position: absolute;
left: 132px;
top: 0;
display: none;
background-color:#99D0DE;
width:226px;
z-index:5;
}
#Navigation li ul li {
width:226px;
color:#000000;
}
#Navigation li ul li a:hover{
background-color:#FFF;
color:#000000;
}
#Navigation li ul li a{
color:#000000;
}
#Navigation ul li a {
display: block;
text-decoration: none;
color: #fff;
height: 23px;
font-size:12px;
font-weight:bold;
font-family:Arial, sans-serif;
padding: 0 0 0 10px;
}
#Navigation ul li a:hover {
color: #fff;
font-weight:bold;
background-color:#2f2e2e;
}
.current {
background-color:#2f2e2e;}
#Navigation ul li ul li .current {
background-color:#FFF;}
#Navigation li:hover ul, li.over ul {
display: block; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */