/* CSS Document */

/* Global Layout Styles */

html,body{margin:0;padding:0}

body {
font: 0.9em/1.3em Arial, Helvetica, sans-serif;
background:#0168b4 url(../assets/generic/main-bg.jpg) center repeat-y fixed;
text-align:center;
color: #000;
}

#container {
width:940px;
margin:0 auto;
padding:0;
}

#header {
height:235px;
background: url(../assets/generic/header-bg.jpg) no-repeat;
margin:0;
padding:0;
}

#mainnav {margin:0; padding:0; height:53px;}

#content {
float:left;
width:100%;
margin:0;
background:#dcedf2}

#wrapper {
float:left;
width:100%;
margin:0;}

#pics {
margin-right: 733px;
margin-top:20px;
margin-left:18px;
}

#middle{
float:left;
width:420px;
margin-left:-720px;
margin-top:20px;
}

#right {
float:left;
width:305px;
margin-left:-305px;
margin-bottom:20px;
margin-top:20px;
}

#volunteerbox {
background-color: #ECFDF2;
margin: 0 30px 10px 20px;
padding: 10px 10px 0 10px;
}

#volunteerbox h2 {
text-align: left;
margin: 0 0 0.5em 0;
font-size: 1.2em;
}

#footer {
height:49px;
float:left;
width:100%;
background: url(../assets/generic/footer-bg.jpg) repeat-x;
margin:0;
padding:0;
color:#fff;
}

/* Global Graphic Styles */

/* HEADER Styles */
#header h1 {
float:left;
text-indent:-9999px;
margin:35px 0 0 25px;
padding:0;
width:542px;
height:170px;
background:url(../assets/generic/tall-ships-races-2011.png) no-repeat;
}

#header h2 {
float:right;
text-indent:-9999px;
margin: 45px 20px 0 0;
padding:0;
width:128px;
height:185px;
background:url(../assets/generic/sail-inverclyde.png) no-repeat;
}

/* MAINNAV Styles */
#mainnav ul {
margin:0;
padding:0; 
}

#mainnav ul li {
text-indent:-9999px;
float:left;
display:inline;
list-style-type:none;
overflow:hidden;
}

#mainnav li.home {background: url(../assets/nav/home_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.home a:link, #mainnav li.home a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/home.jpg) no-repeat;}
#mainnav li.home a:hover, #mainnav li.home a:active {display:block; background:url(../assets/nav/home_ro.jpg) no-repeat;}

#mainnav li.training {background: url(../assets/nav/sail-training_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.training a:link, #mainnav li.training a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/sail-training.jpg) no-repeat;}
#mainnav li.training a:hover, #mainnav li.training a:active {display:block; background:url(../assets/nav/sail-training_ro.jpg) no-repeat;}

#mainnav li.inverclyde {background: url(../assets/nav/sail-inverclyde_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.inverclyde a:link, #mainnav li.inverclyde a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/sail-inverclyde.jpg) no-repeat;}
#mainnav li.inverclyde a:hover, #mainnav li.inverclyde a:active {display:block; background:url(../assets/nav/sail-inverclyde_ro.jpg) no-repeat;}

#mainnav li.tall {background: url(../assets/nav/the-tall-ships-races_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.tall a:link, #mainnav li.tall a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/the-tall-ships-races.jpg) no-repeat;}
#mainnav li.tall a:hover, #mainnav li.tall a:active {display:block; background:url(../assets/nav/the-tall-ships-races_ro.jpg) no-repeat;}

#mainnav li.host {background: url(../assets/nav/host-ports_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.host a:link, #mainnav li.host a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/host-ports.jpg) no-repeat;}
#mainnav li.host a:hover, #mainnav li.host a:active {display:block; background:url(../assets/nav/host-ports_ro.jpg) no-repeat;}

#mainnav li.greenock {background: url(../assets/nav/greenock-info_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.greenock a:link, #mainnav li.greenock a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/greenock-info.jpg) no-repeat;}
#mainnav li.greenock a:hover, #mainnav li.greenock a:active {display:block; background:url(../assets/nav/greenock-info_ro.jpg) no-repeat;}

#mainnav li.tallgreen {background: url(../assets/nav/tall-ships-1999_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.tallgreen a:link, #mainnav li.tallgreen a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/tall-ships-1999.jpg) no-repeat;}
#mainnav li.tallgreen a:hover, #mainnav li.tallgreen a:active {display:block; background:url(../assets/nav/tall-ships-1999_ro.jpg) no-repeat;}

#mainnav li.sponsor {background: url(../assets/nav/sponsorship_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.sponsor a:link, #mainnav li.sponsor a:visited {display:block; width: 105px; height:53px; background:url(../assets/nav/sponsorship.jpg) no-repeat;}
#mainnav li.sponsor a:hover, #mainnav li.sponsor a:active {display:block; background:url(../assets/nav/sponsorship_ro.jpg) no-repeat;}

#mainnav li.contact {background: url(../assets/nav/contacts_ro.jpg) no-repeat -1000px -1000px;}
#mainnav li.contact a:link, #mainnav li.contact a:visited {display:block; width: 100px; height:53px; background:url(../assets/nav/contacts.jpg) no-repeat;}
#mainnav li.contact a:hover, #mainnav li.contact a:active {display:block; background:url(../assets/nav/contacts_ro.jpg) no-repeat;}

/* MAINNAV HIGHLIGHT Styles */ 
body#bghome #mainnav a#navhome {background: url(../assets/nav/home_ro.jpg) no-repeat;}
body#bgtraining #mainnav a#navtraining {background: url(../assets/nav/sail-training_ro.jpg) no-repeat;}
body#bginverclyde #mainnav a#navinverclyde {background: url(../assets/nav/sail-inverclyde_ro.jpg) no-repeat;}
body#bgtall #mainnav a#navtall {background: url(../assets/nav/the-tall-ships-races_ro.jpg) no-repeat;}
body#bghost #mainnav a#navhost {background: url(../assets/nav/host-ports_ro.jpg) no-repeat;}
body#bggreenock #mainnav a#navgreenock {background: url(../assets/nav/greenock-info_ro.jpg) no-repeat;}
body#bgtallgreen #mainnav a#navtallgreen {background: url(../assets/nav/tall-ships-1999_ro.jpg) no-repeat;}
body#bgsponsor #mainnav a#navsponsor {background: url(../assets/nav/sponsorship_ro.jpg) no-repeat;}
body#bgcontact #mainnav a#navcontact {background: url(../assets/nav/contacts_ro.jpg) no-repeat;}


/* CONTENT Styles */
#middle h3, #right h3 {text-indent:-9999px; margin:0 0 0 8px; padding:0; height:23px;}

#middle h3.welcome {background:url(../assets/titles/welcome-to-greenock.gif) no-repeat;}
#middle h3.sti {background:url(../assets/titles/sail-training-international.gif) no-repeat;}
#middle h3.si {background:url(../assets/titles/sail-inverclyde.gif) no-repeat;}
#middle h3.tsr {background:url(../assets/titles/tall-ships-races.gif) no-repeat;}
#middle h3.hp {background:url(../assets/titles/host-ports.gif) no-repeat;}
#middle h3.gi {background:url(../assets/titles/greenock-information.gif) no-repeat;}
#middle h3.tsg {background:url(../assets/titles/greenock-1999.gif) no-repeat;}
#middle h3.ss {background:url(../assets/titles/sponsorship.gif) no-repeat;}
#middle h3.cont {background:url(../assets/titles/contacts.gif) no-repeat;}
#middle h3.tc {background:url(../assets/titles/terms-and-conditions.gif) no-repeat;}
#middle h3.disclaimer {background:url(../assets/titles/disclaimer.gif) no-repeat;}
#middle h3.priv {background:url(../assets/titles/privacy-policy.gif) no-repeat;}
#middle h3.sm {background:url(../assets/titles/sitemap.gif) no-repeat;}
#middle h3.ln {background:url(../assets/titles/h1_latest-news.gif) no-repeat;}


/* Smaller titles */
#middle h3.aim {background:url(../assets/titles/aim-of-the-races.gif) no-repeat;}
#middle h3.part {background:url(../assets/titles/partnership.gif) no-repeat;}
#middle h3.aboutinv {background:url(../assets/titles/about-inverclyde.gif) no-repeat;}
#middle h3.logo {background:url(../assets/titles/logo.gif) no-repeat;}

#middle h3.schedule {background:url(../assets/titles/schedule-of-events.gif) no-repeat;}
#middle h3.about {background:url(../assets/titles/about-greenock.gif) no-repeat;}
#middle h3.green1999 {background:url(../assets/titles/greenock-1999.gif) no-repeat;}
#middle h3.access {background:url(../assets/titles/access.gif) no-repeat;}
#middle h3.programme {background:url(../assets/titles/the-programme.gif) no-repeat;}
#middle h3.site {background:url(../assets/titles/the-site.gif) no-repeat;}
#middle h3.enquiry {background:url(../assets/titles/enquiry.gif) no-repeat;}


#content p,
#content div.close {
text-align:left;
font-size: 0.8em;
padding: 0 20px 10px 10px;
margin:0;}

#content div.close p {
padding: 0;
font-size: 1em;
}

#content div.close a { clear: both; }

#content p.fl {float:left;}
#content img.fl {float:left; clear:left; margin-right:10px;}
#content img.fl2 {float:left; clear:right; margin:10px;}


#content p.close,
#content div.close,
#content div.close p
{
margin-top:0; padding-top:0;
}

#content em {font-weight:bold; color:#46b6e6}

#content ul li {
text-align:left;
font-size: 0.8em;
margin:0;
padding:0;
}

#content a:link, #content a:visited {color:#0071bc; text-decoration:none; font-weight:bold;}
#content a:hover, #content a:active {color:#29abe2; text-decoration:underline; font-weight:bold;}

#content img.gen {float:left; padding:5px 10px 10px 5px; clear:left; border:none;}
#content img.fl {float:left; padding:0 0 10px 0;}

#content h4 {
text-align:left;
color:#29abe2;
font-size:1em;
padding:0 0 0 10px;
margin:0;
}

#content h4.title {color:#46b6e6; text-align:left; padding: 0 0 0 10px; margin:10px 0 0 0;}
#content h5.date {color:#0071bc; text-align:left; padding: 0 0 0 10px; margin:0;}

#content h4.contitle {color:#0071bc; text-align:left; padding: 0 0 0 10px; margin:10px 0 0 0;}

.small {font-size:0.9em;}

#pics p {
font-style:italic;
text-align:left;
font-size:0.8em;
margin:0;
padding:0;
}

#pics img {border:none;}


/* #RIGHT styles */

#right h3.latest {background:url(../assets/titles/latest-news.gif) no-repeat;}

#right h4 {text-align:left; margin:0; padding:0 0 0 10px; font-size:0.9em; line-height:1.3em}

#right h4.date {color:#0071bc;}
#right h4.newstitle {color:#46b6e6;}

#right a:link, #right a:visited {color:#46b6e6; text-decoration:none;}
#right a:hover, #right a:active {color:#0071bc; text-decoration:underline;}

#right a.white:link, #right a.white:visited {color:#fff; text-decoration:none;}
#right a.white:hover, #right a.white:active {color:#c6e9f7; text-decoration:underline;}


/* News box & button Layout Styles */
.roundcont {
width: 285px;
background-color: #fff;
color: #000;
margin:0;
padding:0;
float:left;
}

.roundcont p {margin: 0 10px;}

.roundtop {background: url(../assets/generic/tr.gif) no-repeat top right; height:5px;}

.roundbottom {background: url(../assets/generic/br.gif) no-repeat top right; }

img.corner {
width: 5px;
height: 5px;
border: none;
display: block !important;
}

#right h2.morenews {
float:left;
background:url(../assets/generic/morenews.gif) no-repeat;
height:27px;
width: 285px;
font-size:0.9em;
text-align:left;
padding:5px 0 0 5px;
margin:10px 0 0 0;
}

#right h2.morenews a:link

/* FOOTER Layouts */

#footer ul {
float:left;
padding:0;
margin:0;

}

#footer ul li {
font-size:0.7em;
float:left;
display:inline;
list-style-type:none;
padding:0 10px 0 0;
margin: 10px 0 0 0;
}

#footer ul li.last {border-left: 1px solid; padding-left:10px;}

#footer a:link, #footer a:visited {color:#fff; text-decoration:none;}
#footer a:hover, #footer a:active {color:#e9f5f9; text-decoration:underline;}


#footer p {
padding:0;
margin:10px 20px 0 0;
text-align:right;
font-size:0.7em;
line-height:1.3em;
}

/* FOOTER HIGHLIGHTS */

body#bgterms #footer a#navterms,
body#bgdisc #footer a#navdisc,
body#bgprivacy #footer a#navprivacy,
body#bgsitemap #footer a#navsitemap
{color:#e9f5f9; text-decoration:underline;}

/* Form Layouts */

form#tall {
padding:10px;  
font-size:0.9em; 
width: 560px;
float:left;
}

form#tall p {
text-align:left; 
padding:15px 5px 5px 0; 
margin:0;
}

form#tall fieldset#hidden {
display:none;
}

form#tall fieldset#feedback p {padding:4px; margin:0; font-size:0.9em; }

form#tall fieldset {
display:block; 
border:1px dotted #93c3df; 
padding:5px 5px 5px 10px; 
margin-bottom:1em; 
line-height:1.5em;  
float:left;
width:90%;
}

form#tall fieldset:hover {
border:1px dotted #0082cd; 
}

form#tall legend {
font-weight:bold; 
border:1px solid #fff; 
margin-bottom:15px; 
padding:6px; 
background:#0082cd; 
color:#FFF;
}

* html form#tall legend { padding:5px; margin:0;}

form#tall label {
clear:left; 
display:block; 
float:left; 
width:150px; 
text-align:left; 
padding-right:10px; 
color:#000; 
margin-bottom:0.5em;}

form#tall input {
float:left;
border:1px solid #0082cd; 
padding-left:0.5em; 
margin-bottom:0.6em; 
width:280px; 
background:#ccd4d9;
color: #000;
}

fieldset#interest input {
width: 20px;
padding-top: 0.5em; 
}


form#tall input:hover { background:#fff; border:1px solid #0082cd; color:#000;}
form#tall input:focus {background:#fff; border:1px solid #0082cd; color:#000;}

form#tall select {margin:0 0 1em 0.5em;}

form#tall textarea {
float:left;
width:410px; 
height:10em; 
border:1px solid #0082cd; 
padding:0.5em; 
overflow:auto;
background:#ccd4d9;
color:#451f5d;
}

form#tall textarea:hover { background:#fff; border:1px solid #0082cd; color:#000;}
form#tall textarea:focus {background:#fff; border:1px solid #0082cd; color:#000;}


form#tall #button1, form#tall #button2 {
float:left;
color:#fff; 
padding-right:0.5em; 
cursor:pointer; 
width:205px; 
margin-left:8px; 
background: #0082cd; 
border:1px solid; 
border-color:#5c6e78 #5c6e78 #357194 #357194;
}

form#tall #button1:hover, form#tall #button2:hover {
color:#357194; 
background:#ccd4d9; 
border:1px solid; 
border-color:#357194 #357194 #5c6e78 #5c6e78 ; 
}

form#loginform fieldset {
margin-left: 20%;
margin-right: 20%;
}

form#loginform fieldset label {
display: block;
float: left;
width: 150px;
padding: 0;
margin: 5px 5px 0;
text-align: right;
clear:left;
}

form#loginform fieldset input {
display: block;
clear: right;
text-align: left;
}

form#loginform input.submit {
float: right;
clear: both;
}

.error {
font-size: 1.5em;
color: red;
}

div.newnewsimagebox {
    float: left;
    clear: left;
    width: 40em;
}

div.newnewstitle,
p.newnewsnote,
div.newsnewsthumbnail,
div.newnewsimage {
clear: both;
}

div.newnewstitle input {
    float: right;
}

div.newnewstitle label,
div.newnewsthumbnail button,
div.newnewsimage button {
    width: 17em;
}

div.thumbnail {
    float: right;
    clear: right;
}

div.image {
    float: left;
    clear: left;
    padding-top: 1em;
}

div.newnewstitle {
    margin-bottom: 1.5em;
}

span.gcm {
    color: #FFFFFF;
}

span.creative {
    color: #F78F1E;
}

#settings {
    width: 50em;
    margin: 0 auto 1em;
    padding: 0.5em 0.25em;
}

span.settingsitem label {
    display: block;
    float: left;
    clear: left;
    text-align: right;
    width: 10em;
    padding-top: 0.5em;
    margin: 0 5px 0 0;
}

#newsform {
    margin: 1em 2em;
    text-align:left;
}