/*
    NORTHSHORE CORPORATE CENTRE
    TEMPLATE CSS
*/

/* GENERAL STYLES ------------------------------------------------------------ */
html, body {
    margin: 0;
    padding: 0;

}
body {
    background: #bbeeee;
/*    background: #eeeeee url(img/ncc_background.jpg) repeat-x top;*/
    text-align: center;
}
.clear { clear: both; height: 0; }
.hide { display: block; overflow: hidden; width: 0; height: 0; }
#container {
    background: #574f42;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.center {
    text-align: center;
}
a:link, a:visited, :link:focus, :visited:focus { outline:none; }

/* WRAPPERS ------------------------------------------------------------------ */
/* --------- Top of Homepage */
#wraptop {
    width: 900px;
    margin: 50px auto 0 auto;
    padding: 0;
    background: #4d453a;
}
#top {
    width: 900px;
    margin: 0 auto;
    display: block;
    vertical-align: bottom;
    padding: 0;
}

/* --------- Main Body */
#wrapbody {
    width: 900px;
    margin: 0 auto;
    padding: 0;
/*    background: #50412d; WOOLBROKERS */
/*    background: #4096ee; blue */
/*    background: #ffff88; pale yellow */
/*    background: #cdeb8b; mint */
/*    background: #c3d9ff; pale blue */
/*    background: #ff1a00; red */
/*    background: #ff7400; orange  */
/*    background: #008c00; green best !!!  */
/*    background: #006e2e; dark green !!!  */
/*    background: #ff0084; pink */
/*    background: #b02b2c; ruby red */
    background: #d15600; orangy red; 
/*    background: #c79810; gold */
/*   background: #73880a; olive !!!!! */
/*    background: #6bba70; pale green */
/*    background: #3f4c6b; mozilla blue */
/*    background: #356aa0; digg blue */
/*    background: #d01f3c; crimson */

    clear: both;
}
#content {
    width: 900px;
    margin: 0 auto;
/*    background: url(img/content-bg.gif) no-repeat top left; */
    text-align: left;
    color: #666666;
    padding: 0 0 20px 0;
    font: normal 12px Verdana, 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;
}

/* --------- Footer */
#wrapfoot {
    width: 900px;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
#footer {
    width: 900px;
    margin: 0 auto;
/*    padding: 0 0 40px 0;*/
}

/* SECTIONS ------------------------------------------------------------------ */
/* SECTION HEAD -------------------------------------------------------------- */
#top h1 {
      display: block;
      margin: 0;
      padding: 0;
      width: 230px;
      height: 253px;
      float: left;
      background: #4d453a url(img/vlr_logo.gif) no-repeat center center;
}

#top h1 span {
     display: block; overflow: hidden; width: 0; height: 0;
}

#top img {
     float: right;
     padding: 0;
     margin: 0;
}
#top h1.sub {
      display: block;
      margin: 0;
      padding: 0;
      width: 230px;
      height: 200px;
      float: left;
      background: #4d453a url(img/vlr_logo_sub.gif) no-repeat center center;
}
/* NAVIGATION ---------------------------------------------------------------- */
#navcontainer ul {
      padding: 0;
      margin: 30px 0 0 0;
      list-style-type: none;
      color: #FFF;
      width: 230px;
      font: normal 13px Verdana, Arial, Helvetica, sans-serif;
      letter-spacing: 1px;
      text-align: left;
      text-transform: uppercase;
      border-top: 1px solid #ff7400;
      float: left;
}

#navcontainer ul li { margin: 0; padding:0; }

#navcontainer ul li a {
      display: block;
      text-decoration: none;
      color: #ffffff;
      padding: 2px 10px 2px 30px;
      margin: 0;
      width: 190px;
      border-bottom: 1px solid #ff7400;
}

#navcontainer ul li a:hover, #navcontainer ul li a.current {
      background-color: #ff7400;
      color: #ffffff;
}

/* EXTRA --------------------------------------------------------------------- */

#extra img {
/*      float: right;*/
}
#extra {
}
.announcement {
      display: block;
      width: 200px;
      height: 400px;
      padding: 0 10px 0 20px;
      margin: 0 -10px 0 0;
      float: right;
      text-align: center;
      color: #ffffff;
      background: url(img/ncc_teaserbg_orange.gif) no-repeat top left;
}
.announcement p {
      font: normal 16px Verdana, Arial, Helvetica, sans-serif !important;
      line-height: 1.4;
      margin: 0;
/*      padding: 2px 0;*/
}
/* SECTION BODY -------------------------------------------------------------- */
.homeentry {
      margin-right: 235px;
}
.homeentry p {
      margin: 0 0 10px 0;
}
.contententry {
      width: 630px;
      float: right;
      text-align: left;
      color: #ebebeb;
      padding: 25px 20px 0 0;
      margin: 0;
      font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}
.contententry p{
      font: normal 14px Verdana, Arial, Helvetica, sans-serif;
      line-height: 1.4;
}
.contententry h2, .heading1 {
      color: #dfcb6f;
      margin: 0 0 10px;
      padding: 0;
      font: normal 20px Helvetica, Verdana, Arial, sans-serif;
      letter-spacing: 1px;
}
.contententry h3, .heading2 {
      color: #dfcb6f;
      margin: 10px 0 0 0;
      padding: 0;
      font: normal 16px Helvetica, Verdana, Arial, sans-serif;
      letter-spacing: 1px;
}
.contententry h4, .heading3 {
      color: #dfcb6f;
      margin: 10px 0 0 0;
      padding: 0;
      font: normal 12px Helvetica, Verdana, Arial, sans-serif;
      letter-spacing: 2px;
}
.highlight {
      color: #dfcb6f;
}
.contententry table{
      font: normal 12px Verdana, Arial, Helvetica, sans-serif;
      line-height: 1.4 !important;
      margin: 5px 0 0 0;
      letter-spacing: .05em;
/*      border-top: 1px solid #594b38;*/
}
.contententry table th {
      font-weight: bold;
      text-align: left;
}

.contententry table th, .contententry table td {
/*    border-bottom: 1px solid #594b38; */
    padding: 5px 10px 5px 5px;
    vertical-align: top !important;
}
.contententry ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
      font: normal 14px Verdana, HArial, elvetica, sans-serif;
}
.contententry ul li{
      background: url(img/bullet.gif) no-repeat top left;
      margin: 5px 0;
      padding: 0 0 0 15px;
}
.contententry ul li ul{
      padding: 0 0 0 20px;
}
.contententry table ul {
      font: normal 12px Verdana, Arial, Helvetica, sans-serif !Important;
}

.contententry img {
/*     border: 3px solid #5a4b38;*/
     margin: 5px;
}
.contententry a{
      text-decoration: none;
      color: #dfcb6f !important;
}
.contententry a img {
      border: 0 !important;
      margin: 0 !important;
}
.contententry a:hover{
      text-decoration: underline;
}
.attraction li span{
    display: block;
    float: left;
    clear: left;
    width: 265px;
}
.attraction li img {
    width: 15px;
    margin: 0 !important
}

dt {
      font: bold 14px Verdana, Arial, Helvetica, sans-serif;
      color: #b6b098;
      margin: 15px 0 0 0;
      border-bottom: 1px solid #594b38;
}
dd {
      margin: 0;
      padding: 0;
      line-height: 1.4;
}
h1#caption {
      margin: 0;
      padding: 0;
      text-align: center;
      background: #3d301f;
      color: #b6b0a8;
      font-weight: normal;
      text-transform: uppercase;
      letter-spacing: 8px;
      height: 40px;
      background: #3d301f url(img/vlr_caption.gif) no-repeat center center;
}
h1#caption span {
      display: none;
}

/* ------------------------------  SIDE NAV ---------------------------------- */
.side {
}
.side ul {
}
.side ul li {
}
.side ul li a {
}
.side ul li a:hover, .side ul li a.current {
}

/* FORMS --------------------------------------------------------------------- */
fieldset {
    border: 2px solid #ce7a54;
    border-bottom: 1px solid #ce7a54;
    margin-bottom: 15px;
    padding: 0;
    clear: both;
    line-height: 1 !important;
}
legend {
    font: normal 16px Verdana, Arial, Helvetica, sans-serif;
    color: #b6b098;
    padding: 0 10px;
}
fieldset ul {
    padding: 0;
    margin: 0 0 -5px 0!important;
    line-height: 1 !important;
}
fieldset ul li {
    list-style-type: none;
    margin: 0;
    padding: 5px 10px 8px 10px !important;
    border-bottom: 1px solid #ce7a54;
    background: none !important;
    line-height: 1 !important;
}
fieldset label {
    display: block;
    float: left;
    clear: left;
    width: 30%;
    font: normal 12px Verdana, Arial, Helvetica, sans-serif !important;
}
fieldset input, fieldset textarea {
    width: 68%;
}
fieldset select {
    width: 95px;
}
fieldset select.number, fieldset input.number {
    width: 45px !important;
}
fieldset select.nature {
    width: 200px;
}
fieldset select.year {
    width: 65px;
}
fieldset input, fieldset textarea, fieldset select {
    background: #ce7a54 !important;
    border: 1px solid #7a6f60;
    text-align: left;
    padding-left: 3px;
    font-size: 12px;
    color: #ffffff;
}
fieldset input.check {
    width: 12px;
}
fieldset input.button {
    padding: 5px !important;
    font: normal 11px Verdana, Arial, Helvetica, sans-serif !important;
    color: #7a6f60 !important;
    text-decoration: none !important;
    border: 1px solid #ffffff !important;
    text-transform: uppercase !important;
    text-align: center !important;
}
fieldset input:hover, fieldset textarea:hover, fieldset select:hover	{
    background: #cccccc !important;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus	{
    background: #7a6f60 !important;
}


/* SECTION FOOTER ------------------------------------------------------------ */
/* --------- Section, Footer */
#contact {
    font: normal 10px Verdana, Arial, Helvetica, sans-serif;
    color: #776d5d;
}
.context  {
    float: left;
    text-align: left;
/*    margin-right: 10px;
    margin-left: 15px;*/
    padding: 8px 0;
}
.context p {
    margin: 0;
    padding: 0;
}
.credit  {
    margin-left: 710px;
}
.credit a {
    display: block;
    text-align: right;
    width: 190px;
    height: 43px;
    background: url(img/wes_logo.gif) no-repeat right;
}
.credit span {
    display: block; overflow: hidden; width: 0; height: 0;
}