/**************************************************************/
/* Page Layout starts here */
/**************************************************************/
body {
  text-align: center;
  min-width: 720px;
}

#wrapper {
  background-color: #ffffff;
  text-align: left;
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}


#header, #footer {
clear: both;
width: 720px;
}

#header, #footer {
color: #000066;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
/*border: 1px solid #000;*/
display: block;
top: 0px;

}


#footer {

border-top: 0.1em solid #006622;
}

#footerContent {text-align:center;}
#menu {
clear: both;
width: 100%;
}

#slogan {
clear: both;
width: 720px;
text-align: right; 

}

#slogan {
color: #000066;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
/*border: 1px solid #000;*/
display: block;
top: 0px;
width: 100%;
}

#menu {
background: #FFFFFF;
color: #000066;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-right: 0px;
/*border: 1px solid #000;*/
display: block;
top: 0px;
}

#header:after {
 /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#footer:after {
 /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#titlecontainer, #searchcontainer, #title1, #title2 {
                    margin-left: 0px;
                    margin-top: 0px;
                    margin-right: 0px;
                    margin-bottom: 0px;
                    padding-top: 0px;
                    padding-left: 0px;
                    padding-bottom: 0px;
                    padding-right: 0px;
                    font-family: arial, helvetica, sans-serif;
                 }
#titlecontainer {   width: 75%;
                    text-align: center;
                    margin-left: 125px;
                    padding-top: 25px;
                 }
#untbrand {
            text-align: center;
          }
#title1 {
            font-size: 250%;
            font-weight: bold;
            /*font-variant: small-caps;*/
            text-align: left;
            border-bottom: 2px solid #000066;
            color: #006600;
        }

#title2 {
            font-size: 150%;
            font-style: italic;
            font-weight: 600/*bold-700*/;
            text-align: right;
            color: #AA6622;
        }

#searchcontainer {
                    /* padding-top: 10px; */
                    text-align: right;
                 }

#sform  {
            padding-top: 5px;
            width: 200px;
            margin: 5px 10px 0 auto;
            z-index: 30;
        }

.title1firstletter {
            font-size: 125%;
            font-weight: bold;
            font-style: italic;
            /*font-variant: small-caps;*/
            text-align: left;
            color: #000033;
        }

#comments {
            text-align: left;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 140px;
            margin-right: 142px;
            padding: 0px;
            }

#comments1 {
            text-align: center;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 140px;
            margin-right: 142px;
            padding-top: 5px;
            }

#comments2 {
            text-align: center;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 140px;
            margin-right: 142px;
            padding-top: 5px;

            }

#validation {
            text-align: right;
            margin-top: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
            padding-top: 5px;
            }

#footer p { margin: 0; padding: 0; }
.footerhidden { display: none; }

#contentfloatholder {/* also makes the right "sliding" tab */
background-color: #FFFFFF;
float: left;
position: relative;
padding: 5px 5px 5px 5px;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

#center {
  float:left;
  width: 100%;
  margin-right: -97%;
    /* this needs to be less than 100% for Moz/Mac which thinks
         it's empty otherwise. The difference is made up by putting a
         negative left margin on the left float:
       Note IE/Mac doesn't like this method ~ it wants the 100% so it can
       be fed in using IE only CSS below becasue IE/Win also works with the 100% method.
    */
}

#centerpad {
top: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 160px;
margin-right: 162px;
padding-top: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color: #fff;
border: 1px solid #000;
}

#left {
  float:left;
  width: 150px;
  margin-left: -3%; /* -5% the difference to make the left colum appear flush left */
  padding-top: 0px;
  padding-left: 2px;
}

#right {
  float:right;
  width: 150px;
  padding-left: 2px;
  padding-right: 2px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#wrapper {
position: relative;
z-index: 500;
}


#StaffMenu 
{
    padding-top: 0.1em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
	border-top: 0.2em solid #006622;
    border-bottom: 0.2em solid #006622;
    background-color: #DDEEDD;
    color: #006622;
    padding-top: 0;
    text-align: center;
    margin-bottom: 1em;
    float:left;
    width:100%; 
	font-size: xx-small; 
}

#StaffCenter {
	text-align: center; 
}