/*                  style sheet overrides for RV Radio Network pages
          use attribute < ...  class=myclass> to access a style defined as .myclass
          Use attribute < ...  ID="myclass">  to access style defined as #myclass                      
*/ 

body {  
  text-align: left; 
  font-family: serif, arial, sans-serif;
/*  font-family: verdana, arial, sans-serif; */
  /* font-size: small;       /* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */
  font-style: normal;       /* normal | italic | oblique */
  font-variant: normal;     /* normal | small-caps */
  font-weight: normal;      /* normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 */
  color: black;         /* font color */
  background-color: white;
/*  background-image: url(bgelectron.jpg); */
  background-image: url(bgglobes.gif);
/*  background-image: url(http://www.clipartguide.com/_thumbs/1552-0909-2912-4023.jpg); */
/*  background-image: none;      none | url(path/to/file.gif) */
/*  background-image: url(backgrounds/Xmas3.jpg);  */
  background-repeat: repeat;    /* repeat | repeat-x | repeat-y */
  background-attachment: fixed; /* fixed | scroll */
  padding: 0px;
  margin-top: 0px;        /* em | px | % */
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  overflow:scroll;
/* 
  background: lightblue;
  background: url(bg.gif);
*/
}

* {
  font-family: Arial, Verdana, sans-serif; 
}

/* LINKS */
/* A:link     { color: #0000FF; text-decoration: none;}  unvisited link */
A:link    { color: #0000FF;}  /* unvisited link */

A:visited   { color: #FF0000; } /* visited links */
A:active  { color: #000077; } /* active links */
A:hover {           /* hover links */
/*  text-decoration: underline; */
  color: red;
/*  color: #333333;   or color: red */
  background: white;
}







div.universe{
  width:940px;
/*  height:560px; */
  border: 1px solid black; 
/*  margin-left: 100px; */
 margin:0px auto;
  margin-top: 10px;
  background-color: #ffffff;
}



div.universewide{
  width:1200px;
  padding:0px;
  border: 1px solid black; 
	margin:0px auto;
  margin-top: 10px;
  background-color: #ffffff;
}



.introduction{
	width: 100%; 
	margin: 0px;
	padding: 0px 0px; 
	/* overflow: hidden; */
	/* background-color:yellow; */
	border: solid red 0px;
}




.newmembers{
	width: 100%; 
	padding: 0px; 
	/* overflow: hidden; */
	border-top: solid black 0px;
	border-bottom: solid black 0px;
}



table.announcements{   /* for 2 columns  */
	/*width:875px;  */
/*	width:730px;  */
	float:left;
	width: 75%;
	border-right:black solid 1px;
	background-color: #f8f8f8;
}


/* style="float:left; width:49%; margin: 4px; border: 0px solid #000000; "  */
.tablepix{
	border: solid red 0px;
	width: 97%;
}


 /* right side bar  */
.right-side-bar {
	float: left;
	border: dashed red 0px;
	margin: 0px;
	padding: 0px;
	width:24%;
	}

	
	
div.net-message{
	margin:0px;
	margin-left:7px;
	width:99%;
	border-bottom:solid red 3px; 
	text-align:justify; 
	padding:0px 0px 15px 0px; 
	font-size:15px; 
	font-family: arial, verdana, sans-serif;
	background-color:#ffffff;	
	}

/*
	margin:0px;
	margin-left:7px;
	padding: 15px;
	width:99%;
	border-bottom:solid black 3px; 
	text-align:justify; 
	padding:0px; 0px; 
	font-size:15px; 
	font-family: arial, verdana, sans-serif;
	background-color:#ffffff;	
*/	
	
	
	
	
	
	
	
	

div.bbSample {          /* background-color: #f4f4f4; min-height:30em; max-height:50em;overflow:hidden;  */
	margin: 10px 0px 5px 7px;
	padding: 15px;
	width:99%;
	border-bottom:solid black 3px; 
	text-align:justify; 
	padding:0px 0px; 
	font-size:15px; 
/*	font-family:arial, verdana, sans-serif;  */
	font-family:arial, sans-serif;  
	/* background-color:wheat;	*/
	}



	.forum {
		width: 28.5%; 
		height:570px;
		color: black;
		font-size: 16px;
		padding: 0px 15px;
		border:solid black 1px; 
		/* float:right; */ 
		margin:0px; 
		overflow: scroll; 
		word-wrap: break-word;
	}











.centered{             /* must provide width in a style statement  */
  margin-left:auto;
  margin-right:auto;
  }


.roster td{
color:red;
font-size:small;
}



.narrow {
  margin-left: 5%;
  margin-right: 5%;
}

.narrower {
  margin-left: 15%;
  margin-right: 15%;
}

.narrowest {
  margin-left: 25%;
  margin-right: 25%;
}
.shallow {
  margin-left: 5%;
  margin-right: 5%;
}

.deep {
  margin-left: 10%;
  margin-right: 10%;
}

.deeper {
  margin-left: 15%;
  margin-right: 10%;
}

.deepest {
  margin-left: 20%;
  margin-right: 10%;
}

td {
  text-align: left; 
}



div.wide-right-side{
	float:right;
	width:320px;
	border-left:black solid 1px;
	background-color:#eeeeee;
	min-height:20em;
}







div.graybox {
  padding: 1em;     /* can also set individual padding-left, padding-top, etc. */
    border-style: none;   /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
  background: #DDDDDD;
  width: 88% ;
  margin-left: 4% ;
  margin-right: 6% ;
}

div.grayhead {
  padding: 1em;     /* can also set individual padding-left, padding-top, etc. */
    border-style: none;   /* none | dotted | dashed | solid | double | groove | ridge | inset | outset */
  background: #DDDDDD;
  width: auto;    /*  was 100% - changed to auton on 11/24/2008  */
}

div.head{
  border: 0px solid black;
  width: 98%;
/*  width: 770px; */
  font-size: x-small;       /* xx-small | x-small | small | medium | large | x-large | xx-large or pt, em or % */

}

.user {
  border:solid blue 0px;
  position:absolute;
  top:0px;
  right: 30px;
  color:blue;
  font-size:small;
}

.user A:link    { color: blue;}  /* unvisited link */
.user A:visited { color: blue;}  /* visited links */
.user A:active  { color: blue;}  /* active links */
.user A:hover   { color: red}   /* hover links */
.user A {text-decoration: none} /* do not underline */


/*  height: 100px; */
/*  background-color: red;  */

/*
div.menu{
  border: 0px solid black;
  A:link    {background:white;}
  A:visited { color:SlateGrey; background:white; text-decoration: none; vertical-align:middle}
  A:active  { color: #000077; background:white;}
  A:hover   { color: red; background: white;}           
}
*/

/* .menu button{padding:3px 2px; margin-left:0px;margin-right:0px;} */

.main{
/*  width: 777px; */
  background-color: white;
  margin-top: 1em;
  margin-left: 1%;
  margin-right: 1%;
  text-align: left; 
  border: 0px solid blue;
}

.table2col td{
  padding-bottom:15px;
  /*border-top:solid black 1px; */
  }
  

/*  tr > td:first-child { font-weight: bold;  */
.table2col td:first-child{
  padding-right:1em;
  font-size:large;
  font-weight:bolder;
  Text-align:right;
  color:red;
  width:160px;

}

.bio{ 
  width: 680px;
  text-align: justify; 
/*text-align:left; */
  border: 0px solid blue;
}

/*
DIV.Calendar  { position:absolute; top:165px; left:30px; width: 560px; background: white; }
DIV.Otherinfo { position:absolute; top:165px; left:600px; width: 200px; z-index:11; } 
*/

/* .otherinfo { width: 190px; z-index:11; top: 3px; position: relative; top:-100px;  margin-left: 575px; background: blue;} */
.calendar  { width: 560px;}





.counter img{
  height:20px;
  }


div.footer{
  border: 1px solid black;
/*  width: 770px;  */
  background-color: #e0e0e0;
/*  clear:both; */
}

.main.td{
  text-align: left; 
}

/*
button{
  border: 0px grove black; 
  width: 81px;      91  
  background-color: lightblue;
  margin-bottom: 2px;
  padding-bottom: 2px;
  font-size: small;
}
*/

button:hover{
  color: #00ffff;
  background-color: black;
}


option.td:hover{
  color: #00ffff;
  background-color: black;
}

map{
  float: left;
  margin-right: 20px;
  border: 3px solid red;
  background-color: white;
}