/* CSS for www.ColoradoNOCIRC.org */

body {
  /*
  background-color:#b2ddff; (from 1st attempt at site redesign)
  background-color:#99ccff; (web-safe color)
  background-color:#E6F4FF; (from original Colorado NOCIRC website)
  background-color:#99ccff;  Color Scheme 1 
  */
  text-align:center; /* this is only to get the page to center in the browser - IE workaround */
  font-size:100%;
  background-image:url(./images/background_fade2.jpg);  /* Color Scheme 1 */
  background-repeat:repeat-x;
  background-color:#ddf5ff;
}

div.container {
  margin:15px auto 0px auto;
  width:790px;
  border-style:none;
  position:relative; 
  text-align:left;
}

div.header {
  padding:0em;
  border-style:none;
  max-height:134px;
  width:100%;
}

table.banner {
  /* background-color:#0066ff;   Color Scheme 1 */
  /* background-color:#00487D;   Color Scheme 2 */
  background-color:#00243E;  /* Denver Pride Color Scheme */
  width:100%;
}

p.sitetitle {
  padding:0em;
  color:white;
  font-family:"Palatino Linotype", "Helvetica", "Arial", sans-serif;
  font-size:2.2em;
  line-height:120%;
  font-weight:bold;
  font-style:normal;
  /*font-style:normal;*/
  text-align:center;
  margin-top:0.1em;
  margin-bottom:0.35em;
}

p.membership {
  padding:0em;
  color:white;
  font-family:"Arial", "Helvetica", sans-serif;
  font-size:0.8em;
  line-height:50%;
  font-weight:normal;
  font-style:oblique;
  text-align:center;
  margin-top:0.25em;
  margin-bottom:0.25em;
}

p.membership a {
  color:white;
}

#logocell {
  text-align:right;
}

img.logo {
  border-style:none;
  /* border:0; */
  /* border-left:1px solid black; */
}

img.small {
  border:0;
}

div.workaroundwrapper {
  /* background:url(./images/navigation_background_blue.jpg) repeat-y left top;  /* Color Scheme 2 */
  background:url(./images/navigation_background2.jpg) repeat-y left top;  /* Color Scheme 1 */
}

#navigationcell {
  /*border:0px dashed red;*/
  vertical-align:top;
  padding:15px;
  width:145px;
}

div.navigation {
  /*border:0px dashed black;*/
  border-style:none;
  font-family:"Arial", "Helvetica", sans-serif;
  font-size:0.84em; /*This matches google's font size*/
  line-height:120%;
  text-align:left;
}

div.navigation p {
  margin-top:0.5em;
  margin-bottom:1.25em;
}

div.navigation p.navlink {
  font-weight:bold;
}

#contentcell {
  /* border:0px dashed green; */
  border-style:none;
  background-color:white;
  vertical-align:top;
  padding:15px 25px 15px 25px;
}

div.content {
  color:black;
  /* border:0px dashed black; */
  border-style:none;
  font-family:Arial, sans-serif;
  font-size:0.84em; /*This matches google's font size*/
  line-height:1.3em;
}

div.content h1 {
  color:black;/*#00487D*/
  font-size:1.4em;
  font-weight:normal;
  font-style:normal;
  /*line-height:0.5em;*/
  margin-top:0.25em;
  margin-bottom:0.25em;
}

div.content h1.hometitle {
  color:black;/*#00487D*/
  margin-bottom:0.25em;
}

div.content h2 {
  color:#00487D;
  font-family:"Arial", "Helvetica", sans-serif;
  font-size:1.1em;
  line-height:1.0em;
  font-weight:bold;
  font-style:normal;
  margin-top:1.0em;
  margin-bottom:0.25em;
}

div.date {
  margin-top:0em;
  margin-bottom:0.25em;
  font-weight:bold;
  font-style:normal;
  /*font-family:"Times New Roman", "Georgia", "Times", serif; */
  /*font-family:arial, helvetica, sans-serif;*/
  font-size:0.8em;
  color:black; 
}

div.content p {
  margin-top:0em;
  margin-bottom:1em;
  font-weight:normal;
  font-style:normal;
  /*font-family:"Times New Roman", "Georgia", "Times", serif; */
  /*font-family:arial, helvetica, sans-serif;*/
  font-size:1em;
  color:black; 
}

div.content p.myth {
  color:black;
  font-size:1.0em;
  font-weight:bold;
  font-style:normal;
  margin-top:0.8em;
  margin-bottom:0em;
}

div.frontpagepamphlet {
  float:right;
  text-align:center;
  border:0px solid gray;
  margin-top:1.5em;
  margin-left:1em;
  margin-bottom:1em;
}

img {
  border:1px solid black;
}

img.pdf {
  /*display:inline;*/
  border:none;
  position:relative;
  top:2px;
  /*vertical-align:middle;*/
}

div.img {
  text-align:center;
  height:auto;
  width:auto;
}

div.img img {
  display:inline;
  margin:3px;
  border:1px solid gray;
}

ul {
  margin-top:0.5em;
}

ul.plain {
  list-style-type:none;
  text-align:left;
  margin-top:0em;
  margin-bottom:0em;
}

li {
  margin-top:0.5em;
}

div.pamphlet h3 {
  color:#00487D;
  font-family:"Arial", "Helvetica", sans-serif;
  font-size:1.1em;
  line-height:1.0em;
  font-weight:bold;
  font-style:normal;
  margin-top:1.0em;
  margin-bottom:0em;
}

div.pamphlet p {
  font-family:"Arial", "Helvetica", sans-serif;
  margin-left:1em;
}

div.hiv p {
  margin-top:1em;
  margin-bottom:1em;
}

div.recentevents {
  text-align:center;
  height:auto;
  width:auto;
}

div.recentevents img {
  display:inline;
  margin-top:0.5em;
  border:1px solid black;
}

span.coloremphasis {
  color:red;
}

span.weightemphasis {
  font-weight:bold;
}

p.caption {
  margin-top:0em;
  margin-bottom:0em;
  font-size:0.8em;
  text-align:center;
}

table.alerttable {
  /* background-color:#E6F4FF;  Color Scheme 1 */
  background-color:#ddf5ff; /* Color Scheme 2 */
  border:1px solid gray;
}

table.alerttable td {
  font-size:13px; 
  /* 13px on Arial matches Google, CNN, etc. I'm using a fixed size because 
  IE6 won't inherit the font size inside this table for some reason, so I'm fixing it. */
}

/* I have this separate class for p's inside of alert tables because 
IE6 won't inherit the p properties from outside */
table.alerttable td p {
  margin-top:0em;
  margin-bottom:0.5em;
  font-weight:normal;
  font-style:normal;
  /*font-family:"Times New Roman", "Georgia", "Times", serif; */
  /*font-family:arial, helvetica, sans-serif;*/
  font-size:1em;
  line-height:18px;
  color:black; 
}

div.contactus {
  text-align:center;
}

div.contactus table {
  text-align:center;
  width:500px;
}

div.contactus table td {
  font-size:13px; 
  /* 13px on Arial matches Google, CNN, etc. I'm using a fixed size because 
  IE6 won't inherit the font size inside this table for some reason, so I'm fixing it. */
}

img.memberportrait {  
  display:inline;
  border:2px solid black;
}

div.footer {
  padding:0.25em 0.25em 0.25em 0.25em;
  color:black;
  /* background-color:gray;  Color Scheme 1 */
  /* background-color:#00487D;  Color Scheme 2 */
  background-color:#ddf5ff; /* Color Scheme 2 */
  clear:left;
  font-style:oblique;
  border-style:none;
}

div.footer table{
  color:black;
  clear:left;
  font-style:oblique;
  /* border-top:1px solid gray; */
}

.rainbow {
  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text;
}

div.content h4 {
  color:#00487D;
  font-family:"Arial", "Helvetica", sans-serif;
  font-size:1.5em;
  line-height:1.0em;
  font-weight:bold;
  font-style:normal;
  margin-top:1.0em;
  margin-bottom:0.25em;
  text-align:center;
}