/*
-----------------------------------------------
Name:     QWOCMAP	
Designer: Christina
URL:      www.perhapsperhapsperhaps.blogspot.com
Date:     23 Sept 2006
-----------------------------------------------
Webmaster: Jennifer Greene
Date:      May 2006-7-8-9...
----------------------------------------------- */


body {
  background:#000;
  color:#000000;
  margin:0;
  padding:40px 20px;
  font:10pt Verdana;
  line-height:13pt;
  text-align:center;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
.introtext {
  background:#FFFFFF;
  margin:0;
  padding:20px 20px;
  font:10pt Verdana;
  line-height:13pt;
  text-align:left;
  color:#505557;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
.paragraphtext {
  background:#FFFFFF;
  margin:0;
  padding:20px 20px;
  font:10pt Verdana;
  text-align:left;
  color:#000000;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#D33C3C;
  text-decoration:none;
  }
a:visited {
  color:#D33C3C;
  text-decoration:none;
  }
a:hover {
  color:#D33C3C;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }

.center {
  text-align: center;
  }

.right {
  text-align: right;
  }

.center table {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
}

/* FullBackground
----------------------------------------------- */
@media all {
  #fullbackground {
    background:#fff;
    background: #fff url(http://www.qwocmap.org/twocol_bg.gif) repeat-y 50% 0 !important;
    width:900px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }
  }
@media handheld {
  #fullbackground {
    width:90%;
    }
  }


/* Header
----------------------------------------------- */
@media all {
  #filmstripheader {
   position: relative;
    width:900px;
    height:199px;
    min-height:199px;
    max-height:199px;
    background-image: url(http://www.qwocmap.org/images-filmstrip/filmstrip_top1.jpg);
    background: black url(/image-rotater.php) center top no-repeat;  /* rotating random background image */
    margin:0 auto 0;
    border:0;
   }

  #toplogo {
    width:231px;
    height:199px;
    position: absolute; 
    left: 0;
  }
* html #toplogo {			/* box model fix for ie */
    bottom: -4px; 
}

  #toptitle {
    width:669px;
    height:199px;
    position: absolute; 
    top: 0;
    right: 0;
  }

.invisblock {
	height: 200px;
	width: 670px;
	margin-left: 230px;
	margin-top: 199;
z-index: 1;
  }
* html .invisblock {			/* box model fix for ie */
	margin-top: -4px;
	m\argin-top: 0;
}

  #menuheader {
   position: relative;
    width:900px;
    height:44px;
    min-height:44px;
    max-height:44px;
    background: black;
    margin:0 auto 0;
    border:0;
   }

  #filmstripheader #toptitle h1 {
	color:#FF6633;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	background-color: black;
	margin: 0 0 0;
	height: 30px;
	vertical-align: middle;
  }

  }

@media handheld {
  #header {
    width:90%;
    }
  }

#namelogo   { background:#231F20; margin: 0 0 0 0; width: 230px; height: 37px; float: left; border-style: solid; border-width: 1px 1px 1px 0; border-color: #000;
 }
* html #namelogo {			/* box model fix for ie */
  height: 42px;
  h\eight: 37px;
}

#menu   { background:#FABD73; margin: 0 0 0 0; padding-left: 19px; padding-top: 9px; width: 650px; height: 33px; float: right; font: 100%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em;
border-style: solid; border-width: 1px 0 1px 0; border-color: #000; 
 }
* html #menu {			/* box model fix for ie */
  height: 34px;
  h\eight: 33px;
  padding-bottom: 2px;
}

/* Content
----------------------------------------------- */
@media all {
  #content {
    width:900px;
    margin:0 auto;
    padding:0;
    text-align:left;
    border:0;
 /*   border-style: solid; border-width: 1px 1px 0 1px; border-color: #000; */
    }
  #main   { background:#fff; margin-right: 5px; padding-left: 10px; width: 645px; float: right }
  * html #main {			/* box model fix for ie */
    margin-right: 3px;
  }

  #sidebar    {background: #F78640; background-color: #F78640; padding-left: 10px; padding-right: 10px; width: 210px; height: 100%; float: left; border-style: solid; border-width: 0 1px 0 0; border-color: #000; 
  }
} /* of media all */

@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  }

/* Headings
----------------------------------------------- */

h1  { color:#D33C3C; font: 140%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-weight: bold; text-transform: uppercase;  letter-spacing: 0.16em; margin: 1.5em 0 0.75em }
      /* orange color #FF6600 */

/* home page h1 */
h1.intro {
  padding-left: 20px;
  color:#FF6633; /* orange */
  font-size: 160%/1.5em;
  margin: 1.0em 0 .75em;
}
h2  { color: #000; font: 110%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 0.2em; margin: 1.5em 0 0.75em }
h3  { color: #000; font: 100%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; letter-spacing: 0.2em; margin: 1.5em 0 0.75em }
h4  { color:#D33C3C; font: 100%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; font-weight: bold; letter-spacing: 0.05em; margin: -.75em 0 0.5em 7.0em }
h5  { color: #000; font: 100%/1.2em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.2em; margin: 1.5em 0 0.75em }
#topnav h5 {		/* only for topnav - less letter spacing */
     font-size: 95%;
     letter-spacing: 0.1em;
}

h6 { font-size: 1.25em; line-height: 1.5em;}


/* Body
----------------------------------------------- */
@media all {
  #main p {
/*    margin:.5em 0 1.5em;*/
/*    border-bottom:1px dotted #000;*/
/*    padding-bottom:1.5em;*/
    }
  #main hr {
    border: 0;
    color: #F37421;
    background-color: #F37421;
    height: 1px;
    }

  #main .indenthr {
    margin-left: 20px;
    }

  #main .indent {
    margin-left: 30px;
    }

  #main .indent40 {
    margin-top: 0px;
    margin-left: 40px;
    }

  }

@media handheld {
  #main p {
    padding:0 1.5em 0 1.5em;
    }
  #main .indent {
    margin-left: 4px;
    }
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul  { list-style: none; margin: 0 0 1.5em; padding: 0 0 1.5em; border-bottom: 1px dotted #000 }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
/*  line-height:1.5em;*/
  line-height:10pt;
  }

#sidebar h2  { color: #000; font: 100%/1.4em "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif; text-transform: uppercase; letter-spacing: 0.1em; margin: 1.5em 0 0.75em }

#sidebar p  { color: black; background-color: #ff3; line-height:10pt;
}

#sidebar a:link {
  color:#505557;
  text-decoration:none;
  }
#sidebar a:visited {
  color:#505557;
  text-decoration:none;
  }
#sidebar a:hover {
  color:#505557;
  text-decoration:underline;
  }

#otherspacelogos {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Top Nav Bar
----------------------------------------------- */
#topnav {
padding-bottom: .5em; 
}



/* Footer
----------------------------------------------- */
#footer {
  width: 900px; 
  clear: both;
  margin:0 auto;
  text-align: center;
  background:#fff;
  background-color:#fff;
  color: #fff9999;
  padding-top: 10px;
  }
#footer hr {
  display:none;
 }

#footer p {
  margin:0;
  padding-top:15px;
  color: black;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }



/*-------------------------------*/
regularlist.ol  { }
regularlist.li {  }

/*------------------------------------*/
ul.plainlist li {
  margin-left: -2em; 
  list-style: none; 
}

/*-Printer pages-----------------------------------*/
#printonly { display: none; }

/*-Misc-----------------------------------*/
.curr {
  font-weight: bold;
}

.main {
  font-weight: bold;
}

/*-Press kit-----------------------------------*/
.colortable {
   border: 2px solid #F78640;
   border-collapse: collapse;
   border-spacing: 0;
   cell-spacing: 0;
}
.colortableL1 { background-color: #FFFFCC;}
.colortableL2 { background-color: #F7B365;}
.colortableR1 { background-color: #FFFFCC;}
.colortableR2 { background-color: #F7B365;}

.colortable li {
   list-style-image: url(../square.gif) !important;
}

#presskit h2 {margin-top: 0px; font-size: 110%;}
#presskit li {margin-top: .4em; list-style: circle; }

.squarebox {
   width: 100px; 
   height: 88px; 
   float: left;
   background-color: gray;
   margin-left: 8px;
   padding: 8px 8px 8px 8px;
   font-size: 110%;
   font-weight: bold;
   color: orange;
   line-height: 1.5em;
}
.squarebox a:link {
  color:white !important;
  text-decoration:none;
  }
.squarebox a:visited {
  color:white !important;
  text-decoration:none;
  }
.squarebox a:hover {
  color:orange !important;
  text-decoration:none;
  }
.orangetextgraybox {
  color:orange !important;
}