
* {margin: 0; padding: 0;}
body {background-color: #ECECEC;}
/* container width must be same as main widht for hack to work */
#container {
		width: 700px; height: 1500; margin: 0px auto 0px auto;
		padding: 0px; background: #ECECEC; position: relative;
		float: none; z-index: 0; 
	   }

#main {width: 700px; height: 925px; margin: 0px; 
       padding: 0px; background: #A0A0FF; z-index: 1;}
/* 3D77CF -> A0A0FF */

#header {text-align: center; font-size: 32px; height: 58px; 
         width: auto; background: url(../gifbox/stripes.gif) white;
	 border-width: 5px 0 5px 0; border-style: solid; border-color: #3366CC;
         z-index: 2; margin: 0px 0px 15px 0px;}

#icon {z-index: 2; position: absolute; top: 0px; left: 0px; margin: 0 0 0  10px;}
       
#footer {clear: both; text-align: center; font-size: 8px; 
         font-family: veranda, sans-serif; 
         height: 32px; width: 700px; background: black;
	 border-width: 2px 0 0 0; border-style: solid; 
         border-color: #5252CC; color: white;}

/*news body */
#newsbody {float: left; width: 550px; height: 755px; }

/*Tricks to remove bullet points and set color for RSS Feed content */
#newsbody ul {list-style-type: none; color: blue;}
#newsbody b {font-size: 14px; font-family: veranda, sans-serif;}

#newsbody  h4 {color: black; font-size: 18px; padding: 0 0 0 12px;}



/* news box */
.newsbox {float: left; margin: 5px 8px 5px 5px;
          background: #FFFFCC; width: 250px; height: 200px;
          border: 1px solid #CC3333;
          overflow: hidden; font-size: 12px; 
          font-family: veranda, sans-serif;}

/* news header */
#newsbody .top {text-align: center;
      background: #CCCCFF; height: 24px;
      width: 250px; border-width: 0px 0px 1px 0px; border-style: solid;
      border-color: red;
      }

/*  feed content */
#newsbody #feed {margin: 0px 15px 0px 15px;}


/*adspace */
#adspace {float: left; width: 140px; height: 755px;
          overflow: hidden; border: 1px solid red;
          }

/*Security for verified access only display form in layer 2 */
#regform {position: absolute;
          margin: 25% 0 0 30%;          
          width: 350px;
          height: 185px;
          padding: 30px;
	  background-color: #FFEE88;
          border: 2px solid black;
          display: none;
          z-index: 3;
          }

#newsbody h1 {color: black; align: 25px; font-size: 14px; }
#newsbody h2 {color: black; font-weight: normal; font-family: veranda, sans-serif; 
   font-size: 12px; margin: 0px 5px 0px 5px;}

/* This is needed at the bottom of the containing element e.g. main to allow FF auto to work */
.clear {clear: both; font-size:1px; line-height:0px;}

a img {border: none;}


.hometab {float: left; color: white; background-color: #CC5252; 
          width: auto; height: 10px; font-size: 10pt; font-weight: bold;}
.hometab a {color: white; text-decoration: none;}
.hometab a:hover {color: black; background-color: #FFFFCC;}
