#page{
  width:900px;
  background-color:#FFFFFF;
  padding: 10px;
  height:100%;
  margin: 0.5em auto;
  border:1px #FFECFF solid;
}

#header{
  width:880px;
  background-color:#FFFFFF;
  padding: 0px 10px 0px 10px;
  border-bottom: 2px solid #D4C7FF;
}

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

#headerright{
  float:right;
  width:370px;
}

#menubar{
    padding:0px;
    margin:0px;
    width:655px;
}

div.sidebar{
   padding: 0px;
   margin:0px;
   width:205px;
   background-image: url(../site-images/bluebar.png);
   background-repeat: no-repeat;
   height: 20px;
   padding-bottom: 5px;
}


#feed{
  width:210px;
}

#main{
  padding-left:4px;
}

#content{
  width:880px;
  padding:5px;
}

table.feed{
  table-layout: fixed;
  width:210px;
}

#leftcolumn{
  background-image: url(../site-images/leftside.png);
    padding: 0px;
    margin: 0px;
    background-repeat: repeat-y;
    width: 100%;
}

#contentleft{
  float: left;
  width:205px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
}

#contentright{
  float:right;
  width:625px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

#footer{
  width:880px;
  background-color:#FFF6EB;
  padding:10px;
  margin-top: 10px;
}

div.clear
{
  clear: both;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
















#content ul{
  list-style-image: url(../site-images/starfish.png);
}


div.layout{
  width:100%;
  padding-bottom:5px;
  margin-right:3px;
}

div.layout label{
  color:#6699FF;
  padding-right: 10px;
}

div.layout a, #feed a{
  font-size: 70%;

}


#content a{
  font-weight: bold;
}

#feed span.feeditem{
  font-size: 70%;
  color:#6F6F6F;
}


span.date{
  color:#6699FF;
  font-size: 70%;
  font-weight: bold;
}

label{
  color:#3091F1;
  color:#6868FF;
  font-size: 70%;
  font-weight: bold;
  width: 100px;
}


a{
  color : #6F6F6F;
}
a:visited{
  color : #6F6F6F;
}
a:link{
  color : #6F6F6F;
}
a:hover{
  color: #009999;
}
a:active{
  color: #6F6F6F;
}





table#headerinformation{
  text-align: right;
  width:300px;
}

img{
  border:0px;
}

body{
  font-family: Arial, Verdana;
  color:#4F4F4F;
  font-size: 100%;
}



#header h1{
  margin: 0;
  padding: 0;
  color: #7F7F7F;
  font-size:80%;
}

table.form td{
  width:120px;
  vertical-align: top;
}

table.form input.field{
  background-color: #F4EBFF;
  border: 1px #C0C0C0 solid;
  color:#6F6F6F;
  width:250px;
}

table.form textarea{
  background-color: #F4EBFF;
  border: 1px #C0C0C0 solid;
  height:120px;
  width:250px;
}

#header input{
  background-color: #FFF6EB;
  color:#6F6F6F;
}


table.form input.clickbutton{
	color: #6F6F6F;
	font-family:arial;
	font-size:80%;
  width:70px;
  filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#CCCCFF');
}

 table.form input.clickbuttonhov{
	color: #6F6F6F;
	font-family:arial;
	font-size:80%;
  width:70px;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#8888FF');
}


#contentleft h1{
  color:#5F5F5F;
  font-size: 75%;
  margin:0;
  padding-top: 2px;
  padding-left: 2px;
  padding-bottom: 20px;
}

#contentleft h2{
  color:#319595;
  font-size: 85%;
  padding-top: 5px;
  padding-bottom: 2px;
  margin: 0;
}

#contentleft p{
  color:#6F6F6F;
  font-size: 70%;
  margin:0;
  padding-top: 5px;
  padding-bottom: 10px;
}

#contentright h1{
  color:#494949;
  font-size: 105%;
  padding-top: 5px;
  padding-bottom: 2px;
  margin: 0;
  margin-top: 10px;
}

#contentright h2{
  color:#319595;
  font-size: 85%;
  padding-top: 5px;
  padding-bottom: 2px;
  margin: 0;
}

#contentright h3{
  color:#726DC5;
  font-size: 75%;
  padding-top: 15px;
  padding-bottom: 5px;
  margin: 0;
}

#contentright p{
  margin: 0;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 75%;
  text-align: justify;
}

#contentright ol p{
  font-size:100%;
}


#footer span.copyright{
  color:#5F5F5F;
  font-size: 60%;
}

b.bright{
  color:#319595;
}


.centeryou {
  text-align: center;
}

.centerme{
  margin: 0 auto;
}

.right {
  text-align: right;
}

 ul, ol{
  font-size:75%;
  margin: 0;
  padding-top: 5px;
  padding-left: 20px;
}


img.leftwrap{
  float:left;
  margin-right: 10px;
  margin-top: 2px;
  border-collapse: collapse;
}

img.leftwrapborder{
  float:left;
  margin-right: 10px;
  margin-top: 2px;
  border-collapse: collapse;
  border:3px #319595 solid;
}


code{
  font-family: Courier New;
  color:
}

p.sincere{
  color:#0F048E ;
  font-style: italic;
}


#footer a.nolink{
  text-decoration: none;
  font-size: 100%;
}

td.togo{
  font-size: 70%;
  color:#9F9F9F;
  font-style: italic;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}

div#header a{
  font-size: 100%;
  text-decoration: none;
}