/* ========== Perth Flying Squadron Yacht Club Template Stylesheet ========== */

/* ========== ========== ========== ========== ========== ========== ========== Page Wide Styles ========== */

a, a:visited {
    color: #222;
}

a:hover, a:visited:hover {
    color:#FFC424;
    text-decoration:underline;
}

a.read-more, a.read-more:visited {
    color: #192742;
    text-transform:lowercase;
}

a.read-more:hover, a.read-more:visited:hover {
    color:#454545;
    text-decoration:underline;
}

body {
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#111;
    background:#3C3C3C;
}

h1, h2, h3, h4, h5, h6 {
    color:inherit;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

p {
    color:inherit;
    font-family:Verdana,Arial,Helvetica,sans-serif;
}

/* ========== ========== ========== ========== ========== ========== ==========  Header Styles ========== */

div#header {
    margin-top: 15px;
    background:url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-header-v5-photo.jpg) no-repeat center top;
    height:140px;
}

div#header .wrapper {
    background:none;
    width:940px;
}


div#logo {
    margin-top:51px;
    padding-right:20px;
    float: right;
    width:auto;
}

div#logo img {
    width:125px;
}

div#phone {
    margin-top:61px;
    margin-right:25px;
    color:#e7e7e7;
    font-size:8pt;
}

div#phone strong {
    color:#fff;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Members Login Button -*/
div#top-nav ul li {
    background: #FFC424 url(http://www.mpftp.com/webdev/Images/PFSYC/bl_corner.jpg) no-repeat scroll bottom left;
    margin-top:0px;
    margin-right:25px;
}

div#top-nav ul a {
    background: transparent url(http://www.mpftp.com/webdev/Images/PFSYC/br_corner.jpg) no-repeat scroll bottom right;    
    border-top:0px;
    padding-top:5px;
    color:#000;
    height:20px;
    width:180px;
    display:block;
    text-align:center;
}

div#top-nav ul a:hover {
    text-decoration:none;
    font-weight:normal;
    color:#192742;
}

div#top-nav {
    margin-right:-150px;
}

/* ========== ========== ========== ========== ========== ========== ==========  Nav Bar Styles ========== */

#nav {
    margin:20px auto 0;
    background:url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-top.gif) no-repeat center top;
    border:none;
}

#nav .wrapper {
    width:920px;
    background:url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-middle.gif) repeat-y center bottom;
}

div#nav ul li {
    background: #FFF none no-repeat scroll 0 0;
    margin-left:1px;
    margin-right:1px;
}

div#nav ul li:hover, div#nav ul li.active {
    background: #192742 url(http://staging10.plus2.com.au/assets/0005/3701/bl_corner.jpg) no-repeat scroll bottom left;
}

#nav ul li a, #nav ul li a:visited {
    text-transform:none;
    color:#222;
    font-weight:normal;
    padding:5px 6px;
}

#nav ul li a:hover, #nav ul li a:visited:hover, #nav ul li.active a, #nav ul li.active a:visited {
    background: transparent url(http://staging10.plus2.com.au/assets/0005/3705/br_corner.jpg) no-repeat scroll bottom right;
    color:#FFC424;
}

/* ========== ========== ========== ========== ========== ========== ========== Subnav Styles ========== */

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Subnav Top -*/

div#subnav-top {
    background:url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-middle.gif) repeat-y center top;
}

div#subnav-top .wrapper {
    background:#FFF;
    width:940px;
}

#subnav-top ul {
    padding-bottom:5px;
    border-bottom:1px solid #FFC424;
}

div#subnav-top .wrapper ul li {
    background: #FFF;
    height:20px;
}

div#subnav-top div.wrapper ul li.active a, div#subnav-top .wrapper ul li a:hover, div#subnav-top .wrapper ul li a:visited:hover {
    text-decoration:none;
    color:#192742;
}

div#subnav-top .wrapper ul li a, div#subnav-top .wrapper ul li a:visited {
    color:#222;
    font-weight:normal;
    padding-top:3px;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Subnav Side -*/

#subnav-side ul {
	border-bottom:1px solid #A8A8A8;
	margin:0 0 30px;
	padding:0;
}

#subnav-side h4 {
	border-bottom:1px solid #A8A8A8;
	color:#222;
	margin:1em 0 0;
	padding:0.3em 0 1em 0.3em;
}

#subnav-side ul li {
    border-bottom:1px solid #A8A8A8;
}

#subnav-side ul li:last-child {
    border-bottom:none;
}

#subnav-side ul li a, #subnav-side ul li a:visited {
	background-color:#FFF;
	border:none;
	color:#222;
	display:block;
	padding:4px 0 3px 5px;
	text-decoration:none;
}

#subnav-side ul li a:hover, #subnav-side ul li a:visited:hover {
	font-weight:bold;
	color:#222;
}

/* ========== ========== ========== ========== ========== ========== ========== Content Styles ========== */

div.main {
    width:590px;
}

div#content {
    background:url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-middle.gif) repeat-y center top;
    padding:10px 0 0 0;
}

div#content .wrapper {
    width:940px;
    margin:0 auto;
    padding:0;
    background-color: #FFF;
}

div.maincol {
    border:none;
    margin:0;
    padding:10px 0px 10px;
    background-color:#FFF;
}

div.maincol h3 {
    color:#192742;
}

div.maincol table td {
    border-bottom:1px dashed #C8C8C8;
}

div.maincol h2:first-child{
    padding-bottom:15px;
}

div#crossfade-container {
    padding-top:5px;
    margin-left:15px;
    height:380px;
    width:575px;
    background-color:#192742;
}

div#crossfade-container .fade-box {
    left:5px;
    top:0px;
    margin-top:5px;
}

div#welcome {
    border:none;
    background-color:#FFF;
}

div#welcome h1 {
    color:#192742;
    margin:0px;
    padding: 15px 5px;
}

div#welcome p {
    padding-top:0px;
}

div.main p {
    padding: 5px 0 0 5px;
    margin: 0 0 5px;
}

div#content .main table td {
    font-size:10pt;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Gallery Section -*/

#content div.main ul.gallery {
    margin-top:5px;
    border-color:#FFC424;
}

#content div.main ul.gallery li a, #content div.main ul.gallery li a:visited {
    color:#09084B;
}

#content div.main ul.gallery li a img {
    border-width:2px;
    margin-right:10px;
}

#content div.main ul.gallery li a:hover img {
    border-width:2px;
    margin-right:10px;
    border-color:#192742;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Latest News Section -*/

#content div.main ul.latest-news {
    margin-top:10px;
}

#content div.main ul.latest-news li {
    border-color:#6ACBEB;
}

#content div.main ul.latest-news li img{
    border-color:#FFC424;
    border-width:2px;
}

#content div.main ul.latest-news li img:hover{
    border-color:#192742;
}

#content div.main ul.latest-news li h2 a, #content div.main ul.latest-news li h2 a:visited {
    color:#192742;
}

#content div.main ul.latest-news li a.read-more, #content div.main ul.latest-news li a.read-more:visited {
    color:#192742;
    text-decoration:none;
}

#content div.main ul.latest-news li a.read-more:hover, #content div.main ul.latest-news li a.read-more:visited:hover {
    text-decoration:underline;
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Course Card Section -*/

div#content div.main div.course-card .scorecard li a:hover, div.course-card .scorecard li a:visited:hover {
    font-weight:normal;
}

/* ========== ========== ========== ========== ========== ========== ==========  Sidebar Styles ========== */

div.sidebar {
    margin-top:10px;
    width: 331px;
}

div.sidebar div.pad {
    padding: 0px;
    margin: 0px;
}

div.sidebar a.read-more, a.read-more:visited {
    padding-left:15px;
    font-size:9.5pt;
    color: #222;
    text-decoration:none;
}

div.sidebar a.read-more:hover, a.read-more:visited:hover {
    text-decoration:underline;
}

div.sidebar .promobox {
    background:  url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-sidebar-top.jpg) no-repeat scroll center top;
}

div.sidebar .promobox h4 {
    padding: 4px 0 5px 10px;
    color:#000;
	height:auto;
    background:url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-sidebar-bottom.jpg) no-repeat scroll center bottom;
    text-transform:uppercase;
    font-size:10.5pt;
}

div.sidebar .promobox p {
    padding-left:5px;
    color:#454545;
	font-size:9.5pt;
}


/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Events Box -*/

div.sidebar div.events {
    padding:0px;
}

div.sidebar ul.events li:first-child {
    margin-top:-20px;
    padding-top:20px;
    background:#FFF;
}

div.sidebar ul.events li {
    color:#454545;
    margin-bottom:0px;
    padding-bottom:10px;
    border-bottom:1px dashed #6ACBEB;
}

div.sidebar ul.events li:last-child {
    border-bottom:none;
}

div.sidebar ul.events li:last-child p {
    padding-bottom:5px;
}

div.sidebar ul.events li h5 {
    padding-bottom:5px;
	font-size:10pt;
}

div.sidebar ul.events li h5 a:hover {
    text-decoration:none;
    font-weight:normal;
    color#FFC424
}

ul.events li h5 a span:hover {
    text-decoration:none;
    color:#FFC424
}

/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- Promotion Box -*/

div.one {
    padding:0px;
    padding-bottom:10px;
    
}

div.one p {
    margin-top:-14px;
    padding-top:20px;
    background:#FFF;
}
/* ========== ========== ========== ========== ========== ========== ========== Sponsor Styles ========== */

div#sponsors {
    background: transparent url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-middle.gif) repeat-y scroll center top;
    margin:0px auto 0px;
}

div#sponsors .wrapper {
    width:940px;
}

/* ========== ========== ========== ========== ========== ========== ========== Footer Styles ========== */

div#footer {
    height:30px;
    margin: 0 auto;
    padding:0px;
    background: #3C3C3C url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-middle.gif) repeat-y scroll center top;
}

div#footer .wrapper {
    border-top:2px solid #FFC424;
    padding-top:10px;
    width: 940px;
}

div#footer ul li.top a, div#footer ul li.top a:visited {
    font-weight:normal;
    float:right;
    color:#192742;
}

div#footer ul li.top a:hover, div#footer ul li.top a:visited:hover {
    font-weight:normal;
    float:right;
    color:#FFC424;
}

div#bottom-nav {
    background:#3C3C3C url(http://www.mpftp.com/webdev/Images/PFSYC/psfyc-content-bottom.gif) no-repeat center top;
    height:20px;
    padding-top:30px;
    padding-bottom:0px;
}

div#bottom-nav p {
    color:#FFF;
    font-weight:normal;
    margin:0px; 
    font-size:8pt;  
}