/* This CSS style sheet was originally developed (and modified a bit by me, scanner@apricot.com) by www.studio7designs.com for opensourcetemplates.org ... Please email if you have any questions aran@studio7designs.com  Have fun! */

/* Footerstick alt styling */

html {
    height: 100%;
}

/* body { height: 100%; } */

#nonFooter {
    position: relative;
    min-height: 100%;
}

* html #nonFooter {
    height: 100%;
}

body {
    height: 100%;
    background: #ffffff url('../img/nautica08/top_bar.jpg') top center repeat-x;
    margin: 10px 10px 0px 10px;
    padding: 0px;
    color: #aaa;
    font-family: "Trebuchet MS",arial,sans-serif;
    font-size: 70.5%;
}

#header {
    width: 100%;
    color: #ECECEC;
    margin: 0px auto;
    padding: 0 0 5px 0;
    font-size: 1.1em;
    line-height: 1.2em;
}


#branding {
    positon: relative;
    padding-left: 5px;
}

#user-tools {
    positon: relative;
    float: right;
    margin-top: -15px;
}

#header a:link, a:visited {
    color: #ECECEC;
    text-decoration: underline;
}

#header a:hover, a:active {
    color: #A0A0A0;
    text-decoration: underline;
}

#hierarchy {
    color: #ECECEC;
    margin: 0px auto;
    padding: 0 0 5px 0;
    width: 100%;
    height: 30px;
    position: absolute;
    top: 25px;
}

#hierarchy a:link, a:visited {
    color: #ECECEC;
    text-decoration: underline;
}

#hierarchy a:hover, a:active {
    color: #A0A0A0;
    text-decoration: underline;
}

#leftcontent ul { padding: 0px; margin: 20px; font-size: 1.1em;
                  list-style: url(../img/nautica08/bullet.jpg) disc; }
#leftcontent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 200px;
    color: #222;
    margin-top: 45px;
    background-image: url("../img/nautica08/strips_onside.jpg");
    background-repeat: repeat-y;
    font-size: 1.0em;
    padding-left: 12px;
    padding-top: 8px;
}

#leftcontent p {
    padding-right: 10px;
    margin-left: 5px;
    color: #222;
    font-size: 1em;
}

#leftcontent a, a:link {
    color: #5555AA;
    font-weight: 500;
    text-decoration: underline;
}

#leftcontent a:hover, a:active {
    color: #222;
}


#centercontent {
    margin-top: 37px;
    background: #fff;
    margin-left: 199px;
/*     margin-right: 199px; */
    color: #000;
    voice-family: "\"}\"";
    voice-family: inherit;
    margin-left: 201px;
/*     margin-right: 201px; */
    padding: 20px;
}

#centercontent p {
    color: #222;
}

#centercontent ul {
    clear: both;
    color: #222;
}

#centercontent blockquote {
    color: #555;
    /* margin: 0px 10px 10px 10px; */
    font: Arial, Helvetica, sans-serif;
    line-height: 1.4em;
    font-size: 11px;
    text-align: justify;
    text-decoration: none;
}

#centercontent a, a:link {
    color: #5555AA;
    text-decoration: underline;
}

#centercontent a:hover, a:active {
    color: #222;
}

html>body #centercontent {
    margin-left: 201px;
/*     margin-right: 201px; */
}

.centercontentleft {
    float: left;
/*    width: 40%; */
/*    height: 200px; */
    background-color: #fff;
    text-align: left;
/*    border: dashed 2px #ccc; */
    margin: 4px 10px 5px 10px;
    padding: 6px;
    font-size: 1.1em;
    color: #666666;
}

.centercontentright {
    float: right;
    /* width: 30%; */
    /* height: 100px; */
    background-color: #fff;
    text-align: left;
    /* border: dashed 2px #ccc; */
    margin: 4px 10px 5px 10px;
    padding: 6px;
    font-size: 1.1em;
    color: #666666;
}

.centercontentmiddle {
    display: block;
    text-align: center;
    margin: 0 auto;
    clear: both;
    font-size: 1.1em;
    color: #666666;
}

/* image positioning - left, right and center */
.left
{ float: left;
  padding: 0px 8px 0px 0px;
}

.right
{ float: right;
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

#banner {
    background: #fff;
    height: 40px;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 39px;
}

html>body #banner {
    height: 39px;
}

ul,p,h1,pre,label {
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    text-align: justify;
    text-decoration: none;
}

ul,p,h1,pre {
    margin: 0px 10px 10px 10px;
}

h1 {
    font-size: 2.5em;
    color: #555;
    padding-top: 8px;
}

h3 {
    font-size: 14px;
    color: #666;
}

#banner h1 {
    font-size: 14px;
    padding: 10px 10px 0px 10px;
    margin: 0px;
}

.introduction ul, #introduction li {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.introduction a {
    border-bottom: none;
    color: #999999;
}

.introduction h3 {
    text-align: center;
    position: static;
}

/* ~~~~~~~~~ PROPS FOR THE MENU GO OUT TO EXPLODING-BOY.COM ~~~~~~~~~ */

#topmenu {
    position: absolute;
    top: 45px;
    left: 220px;
    width: 600px;
    font-size: 100%;
    margin: 0 0 50px 0;
    line-height: normal;
    height: 35px;
}

#topmenu ul {
    margin: 0;
    padding: 0px 0px 0 0px;
    list-style: none;
}

#topmenu li {
    display: inline;
    margin: 0;
    padding: 0;
}

#topmenu a {
    float: left;
    background: url(../img/nautica08/menuleft.gif) no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

#topmenu a span {
    float: left;
    display: block;
    background: url(../img/nautica08/menuright.gif) no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #111;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#topmenu a span {
    float: none;
}

/* End IE5-Mac hack */

#topmenu a:hover span {
    color: #555;
}

#topmenu a:hover {
    background-position: 0% -42px;
}

#topmenu .selected a {
    background-position: 0% -85px;
}

#topmenu .selected a:hover {
    background-position: 0% -42px;
}

#topmenu a:hover span {
    background-position: 100% -42px;
}

#topmenu .selected span {
    background-position: 100% -85px;
}

/* ~~~~~~~~~ END MENU ~~~~~~~~~ */

/* ~~~~~~~~~ BEGIN FOOTER ~~~~~~~~~ */

#footer {
    position: relative;
    /* margin: -7.5em auto 0 auto; */

    height: 32px;
    background: #000 url('../img/nautica08/bg.jpg') top center repeat-x;
    text-align: center;
    padding-top: 8px;
    clear: both;
    float: none;
    /* margin-top: -7.5em; */
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
}

/* A CSS hack that only applies to IE -- specifies a different height for
   the footer */

* html #footer {
    margin-top: -7.4em;
}

#footer a, a:link {
    color: #999999;
    text-decoration: none;
}

#footer a:hover {
    color: #A5CE77;
    text-decoration: underline;
}

/* ~~~~~~~~~ END FOOTER~~~~~~~~~ */

/* ~~~~~~~~~ BOXES AT BOTTOM OF PAGE ~~~~~~~~~ */

.centercontentleftb {
    float: left;
    width: 45%;
    height: 200px;
    background-color: #31412c;
    text-align: left;
    border: dashed 1px #222;
    margin: 50px 10px 5px 10px;
    padding: 6px;
    font-size: 1.1em;
    color: #fff;
}

.centercontentleftimg {
    float: left;
    width: 45%;
    height: 45%;
    background-color: #31412c;
    text-align: left;
    border: dashed 1px #222;
    padding: 6px;
    font-size: 1.1em;
    color: #fff;
}

.centercontentrightimg {
    float: right;
    width: 45%;
    height: 45%;
    background-color: #31412c;
    text-align: left;
    border: dashed 1px #222;
    padding: 6px;
    font-size: 1.1em;
    color: #fff;
}

.centercontentrightb {
    float: right;
    width: 45%;
    height: 200px;
    background-color: #31412c;
    text-align: left;
    border: dashed 1px #222;
    margin: 50px 13px 5px 10px;
    padding: 6px;
    font-size: 1.1em;
    color: #fff;
}

.centercontentleftimg {
    float: left;
    width: 45%;
    height: 45%;
    background-color: #31412c;
    text-align: left;
    border: dashed 1px #222;
    padding: 6px;
    font-size: 1.1em;
    color: #fff;
}

.centercontentrightimg {
    float: right;
    width: 45%;
    height: 45%;
    background-color: #31412c;
    text-align: left;
    border: dashed 1px #222;
    padding: 6px;
    font-size: 1.1em;
    color: #fff;
}

/* Generic tables need a style too! */
table.plain { border-spacing: 0px;
        border-collapse: true;
        border: 1px solid #aaa; }
table.plain td { padding: 2px;
           margin: 5px;
           border: 1px solid #aaa; }

/* A simple style to just give us a monospaced font. */
.monospaced { font: Courier, Fixed, monospace; font-family: "Courier New", Courier, monospace; }

/* Some styles for things like tables, headers, and rows.. */
table.listing { border-collapse: true;
                border-spacing: 0px;
                width: 80%;
                background-color: #aaa;
                border-right: 1px solid #aaa; }
table.listing td { padding: 2px;
                   margin: 5px;
                   border-left: 1px solid #aaa; }
table.listing tr.header { background-color: #aaa; }
.listing th { text-align: center;
              padding: 3px;
              font-size: 100%; }
.listing tr { text-align: center; }
.odd { background-color: #eee; }
.even { background-color: #fff; }
.odd1 { background-color: #ded; }
.even1 { background-color: #efe; }

/* @group paginator */
.paginator {
  padding: .25em .25em .6em .25em;
}
.paginate-pages {
  padding: 2px 3px;
  border: 1px solid #997;
  cursor: pointer;
  text-decoration: underline;
}
.paginate-first, .paginate-last
{
  padding: 2px 6px;
  border: 1px solid #997;
  font-weight: bold;
}
.paginate-previous, .paginate-next
{
  padding: 2px 3px;
  border: 1px solid #997
}
.paginate-link
{
  padding: 2px 4px;
  border: 1px solid #997
}
.paginate-current
{
  padding: 2px 4px;
  border: 1px solid #997;
  font-weight: bold;
  background: #59452a;
  color: #FFFFCC;
}

/* Used by forms */
.shaded { background: #eee;
          border: 1px solid #999;
          padding: 5px;
          font-size: 100%
          margin: 5px; }
.errorlist { background: #faa; }

.not-logged-in { padding: 2px;
                 border: 1px solid #ddd;
                 background: #ccf;
                 text-align: center;
                 width: 400;
                 margin-left: auto;
                 margin-right: auto;
               }