/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
/* ======================================================*/
/* Standard settings for Newport Collective website */
h1, h2, h3, h4 {
  color: #000066;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
}

h1 {
  font-size: 16px;
  background-color: #E3F5F5;
  margin-bottom: 0px;
  text-align: left;
}

h2 {
  font-size: 13px;
  margin-bottom: 0;
  padding: 15px 0px 3px 0px;
}

h3 {
  font-size: 13px;
  margin-bottom: 5px;
  padding: 5px 0px 3px 25px;
}

body {
  color: #000066;
  font-size: 13px;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
  background: #e3f5f5;
  text-align: center;
}


p, td, th, div, blockquote, dl, ul, ol {
  color: #000066;
  font-size: 13px;
  background-color:#FFFFFF;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
  }

p {
  line-height: 110%;
  margin-top: 5px;
}

a:link, a:visited {
  text-decoration: none;
  color: #000066;
  font-size: 13px;
}

a:hover, a:active
{
  text-decoration: none;
  color: #D63A48;
  font-size: 13px;
}
/* Page Demarcation */

#header {
  width: 100%;
  height: 175px;
  background: #E3F5F5;
  margin-bottom: -10px;
}


#banner {
  height: 175px;
  background:  #E3F5F5 url(../images/npclogo.jpg) no-repeat center top;
}


#center {
  background:  #FFFFFF url(../images/bar.jpg) repeat-x center top;
  height: 550px;
}

#footerwrap {
  background:  #e3f5f5 url(../images/bar.jpg) repeat-x center top;
}

#wrapper {
  width: 790px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#mainContent {
  float: left;
  width: 670px;
  height:500px;
  padding-left: 10px;
}

#mainContent .boxTextRight {
   float: right;
   width: 170px;
   padding: 0px;
   margin: 10px;
   background: #CCE5FF;
   color: #000066;
   text-align: left;
   font-size: 11px;
}

#mainContent .boxTextRight h2 {
   color: #6B5586;
   font-size: 13px;
   padding-left: 5px;
}

#mainContent .boxTextRight h3 {
   color: #000066;
   background: #CCCCFF;
   font-size: 13px;
   padding-left: 5px;
   margin: 0;
   text-align: Right;
}

#mainContent .boxTextLeft {
   float: left;      
   padding: 0px;
   margin-left:  0px;
   margin-right: 10px;
   margin-top: 10px;
   background: #CCE5FF;
   color: #000066;
   text-align: Right;
   font-size: 11px;
   overflow: visible;
}

#mainContent .boxTextLeft h2 {
   color: #6B5586;
   font-size: 13px;
   padding-left: 5px;
}

#mainContent .boxTextLeft h3 {
   color: #000066;
   background: #CCCCFF;
   font-size: 13px;
   padding-left: 5px;
   margin:0;
   text-align: Left;
}

#mainContent .makerText {
   float: left;
   width: 130px;
   padding: 0px;
   margin-left:  0px;
   margin-right: 10px;
   background: #FFFF;
   color: #000066;
   text-align: center;
   font-size: 11px;
   overflow: visible;
}

#mainContent .makerText h2 {
   color: #6B5586;
   font-size: 11px;
}

#mainContent .makerText p {
   font-size: 11px;
}

#mainContent .map {
  display: block;
  text-align: center;
  margin-top: 15px;
}

#leftSidebar{
  float: left;
  width: 40px;
  height: 550px;
  margin-left: -680px;
}

#rightSidebar{
  float: right;
  width: 110px;
  height: 500px;
}


/* hide from ie on mac \*/
html {
      height: 100%;
}

#flashcontent {
        float: center;
        display: inline;
        width: 510px;
	height: 470px;
	margin: 10px;
	}

/* end hide */

/* Makers gallery layout */
#albumlist {
  list-style-type: none;
  width: 650px;
}

#albumlist li {
  float: left;
  width: 80px;
  margin-right: 6px;
  margin-bottom: 10px;
  list-style: none;
  font-size: 10px;
  color: #6B5586;
  text-align: center;
}

#albumlist img {
  display: block;
  border: 1px solid #000066;
  color: #6B5586;
}

#albumlist h3 {
  font-size: 13px;
  color:#000066;
  text-align: center;
  margin: 5px 0px 5px 0px;
  display: block;
}

#albumlist a:link, a:visited
{
  text-decoration: underline;
  color: #000066;
  font-size: 13px;
}

#albumlist a:hover, a:active
{
  text-decoration: underline;
  color: #D63A48;
  font-size: 13px;
}

/* Makers without gallery page */
#othermakers {
  list-style-type: none;
  line-height: 20px;
}
#othermakers li {
  position: relative;
  list-style: none;
  font-size: 13px;
  text-align: left;
}

#othermakers img {
  display: block;
  border: 1px solid #000066;
}

#othermakers h3 {
  font-size: 13px;
  color:#000066;
  text-align: center;
  margin: 5px 0px 5px 0px;
}

#othermakers a:link, a:visited
{
  text-decoration: underline;
  color: #6B5586;
  font-size: 13px;
}

#othermakers a:hover, a:active
{
  text-decoration: underline;
  color: #D63A48;
  font-size: 13px;
}

#othermakers strong
{text-decoration: bold;
 color: #6B5586;
}

/* Individual paragraph variations */
.footer {
  clear: both;
  font-size: 13px;
  color: #000066;
  text-align: center;
  background: #CCFFFF url(../images/bar2.jpg) no-repeat center top;
  width: 790px;
  height: 22px;
  margin: 0 auto;
  font-weight: bold;
}

.footer a:link, a:visited  {
  text-decoration: underline;
  font-size: 13px;
  color: #000066;
}

.footer a:hover, a:active  {
  text-decoration: underline;
  font-size: 13px;
  color: #000066;
}

.sideNote {
 font-size: 11px;
 color:  #000066;
 margin-left: 5px;
 margin-top: 450px;
 padding: 0px;
 width: 80px;
 text-align: center;
 text-decoration: bold;
 overflow: hidden;
}

.sideNote a
  {text-decoration: underline
}

.sideNote2 {
 font-size: 11px;
 color:  #000066;
 margin-left: 5px;
 margin-top: 240px;
 padding: 0px;
 width: 60px;
 text-align: left;
 text-decoration: bold;
}

.sideNote2 a
  {text-decoration: underline
}

/* Tabbed Navigation*/

.nav{
  float: left;
  margin: auto;
  text-align: left;
  padding: 1px;
}

ul.nav {
  width: 790px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0 px 2px 0 0px;
  list-style:none;
  background: #e3f5f5 url(../images/bar.jpg) repeat center top;
}

ul.nav li  {
      display:inline;
      margin:0;
      padding:0;
}

ul.nav a {
      float:left;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}

ul.nav a:link, a:visited
{
  text-decoration: none;
  color: #6B5586;
}

ul.nav a:hover, a:active
{
  text-decoration: none;
  color: #6B5586;
}

ul.nav a span {
      float:left;
      display:block;
      padding:5px 15px 4px 6px;
      color:#0b0f4d;
      font-size: 14px;
      font-weight: bold;
      }

ul.nav a span {float:none;}

ul.nav a:hover span {
      color:#0b0f4d;
      font-size: 14px;
      font-weight: bold;
      }

ul.nav a:hover {
      background-position:0% -42px;
      }
ul.nav a:hover span {
      background-position:100% -42px;
      }