/*master.css to contain all standard default css markup*/
body {
  margin:0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
  text-align:center; /* Hack for IE5/Win */
  background-color:#009999;/*#aaffaa*//*009999lightgreen*/
  background-image:url('../backgroundRibbon.png');
  background-repeat:repeat-x;
  font-family:Arial,Verdana,Sans-serif;
  font-size:12px;
  color:#003300;
  }
/*
.tealElle color:#005555;
.aquaElle color:#009999;
img {display: block;}  removes text "descender" space underneath inline images  BUT f's everything else
*/
  
A:link {color:#003300;}
A:visited {color:#003300}
A:active {color:purple}
A:hover {color:#336633}

#mainContainerVOGindex {
  position:relative;
  width:860px;
  margin:0px auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  background-color:white;
  background-image:url('../wallpaperVOGindex.png');
  background-repeat:no-repeat;
  }  

#mainContainerVOGother {
  position:relative;
  width:860px;
  margin:0px auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  background-color:white;
  background-image:url('../wallpaperVOGother.png');
  background-repeat:no-repeat;
  }
  
#mainContainerVOGinfo {
  position:relative;
  width:860px;
  margin:0px auto; /* Right and left margin widths set to "auto" */
  text-align:left; /* Counteract to IE5/Win Hack */
  background-color:white;
  background-image:url('../wallpaperVOGinfo.png');
  background-repeat:no-repeat;
  }

#banner{
}

#slimHeader {
  padding-left:5px;
}

#underHeader {
  padding-top:105px;
}

#topBar {
}

#topLeft {
  width:500px;
  float:left;
}

#littleMap {
  padding-top:10px;
  width:160px;
  float:left;
}

#headPara {
  height:100px;
  width:490px;
  margin-top:-5px;
  padding-left:10px;
  padding-right:0px;
  float:left;
}

#pageNav  {
  padding-top:20px;
  padding-left:10px;
  padding-right:10px;
  float:right;
  width:180px;
  }

#pageMain {
  width:860px;
}

#midPage {
}

#serverContent {
  padding-top:0px;
  padding-bottom:10px;
  padding-left:5px;
  float:left;
  width:655px;
}

#navBar  {
  padding-top:35px;
  float:right;
  width:200px;
  }
  
#navRight  {
  margin-top:-35px;
  padding-left:10px;
  padding-right:10px;
  width:100%;
  }

#navLogo  {
  padding-top:100px;
  padding-left:10px;
  padding-right:10px;
  width:100%;
  text-align:center;
  }

#eyeCandy {
  padding-top:100px;
  width:100%;
  text-align:center;
  }

#footer {
clear:both;
  width:100%;
}  
/*
  background-color:MistyRose;
  background-color:yellow;
  background-color:lightblue;

  background-color:lightblue;
  background-color:yellow;
  background-color:lightyellow;
  background-color:aquamarine;
  background-color:PaleVioletRed;
  background-color:lightyellow;
  background-color:YellowGreen;
  background-color:SlateGray;
  background-color:Thistle;
  background-color:slateblue;
*/

  

 
#bottom {
  position:absolute;
  width:100%;
  height:20px;
  background-image:url('../gradBase.png');
  bottom:-20px;
  }
  
#bottomLeft {
  position:absolute;
  width:20px;
  height:20px;
  background-image:url('../gradBaseL.png');
  bottom:-20px;
  left:-20px;
  }
  
#bottomRight {
  position:absolute;
  width:20px;
  height:20px;
  background-image:url('../gradBaseR.png');
  bottom:-20px;
  right:-20px;
  }
    
#left {
  position:absolute;
  top:0px;
  width:20px;
  height:100%;
  background-image:url('../gradLeft.png');
  left:-20px;
  }

#right {
  position:absolute;
  width:20px;
  height:100%;
  background-image:url('../gradRight.png');
  right:-20px;
  top:0px;
  }
  
#logosLarge {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}

#lightning {
  border:1px solid black;
  padding:5px 5px 5px 5px;
  background-color:PaleGoldenRod;
  text-align:left;
  }
  
/*imglink  to be used where an image is used as a link .. removes borders*/
.imgLink {
  border:none;
  }

/* required to wrap otherwise inline and uncentreable elements for centering .. eg images HOW DO YOU SPELL THAT??*/
.nullWrapper {
  }
  
.tinyWarning {
  color:red;
  font-weight:bold;
  font-size:6px;
  } 
  
.bigPurple {
  color:purple;
  font-size:20px;
  }   
  
.navON {
  font-weight:bold;
  font-size:12px;
  color:#77bb77;
  }  
  
.navOFF {
  font-weight:normal;
  } 
  
.adminMenu {
  }
  
/* debug .. ouline every element in single red  
* {
   border: 1px solid red !important;
} 
*/