body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	background-color: #F7F7CE;
	
	margin: 0 auto;
	width:780px;
}


.container {width:780px;background-color:#FFFFFF;
float:left;
padding:10px;
margin: 0 auto;
margin-top: 1px;
margin-bottom: 5px;
border:solid;
border-color:silver;
border-width:1px;
}
.control{
float:right;
font-size:0.8em;
color:#ff0000;

}

.column-container {width:610px;background-color:#FFFFFF;float:left;}
.navbar-container {width:170px;clear:left;float:left;}

.column {margin-left:15px;margin-right:5%;}

.formbox {margin-left:15px;margin-right:15px;background-color:#B0C4DE;}

.entry {margin-left:15px;margin-right:5%;margin-bottom:10px;border-bottom:solid;border-color:silver;border-width:1px;clear:left;clear:right;}

.navbar {background:#cc6666;width:170px;padding-top:20px;padding-bottom:10px;color:#F7F7CE;}

p {font-size:0.8em;}

@media,print{
.screenonly{display:none}
}
@media,screen{
.printonly{display:none;}
}


h1
{
           color:          #7B68EE;
           color:          #01015A;
           color:         #ffffff;
           color: maroon;
           font-weight: normal;
            text-align:left; 
           margin-top: 5%; 
           font-size:150%;
} 

h2
{
           font-weight:    normal;
            color: #cc6666;
           color:          #01015A;
           margin-top:1%;
           font-size:125%;
} 
h3
{
            font-family: Arial;           
            color: #007D76;       
            color: #cc6666;
            color:          #01015A;
/*            color: black; */
           font-size:100%;
}
h4
{
          color:          #000000;  
        
}


ul.bar {list-style:square outside;color:#F7F7CE;}
ul {list-style-type:square; list-style:outside;}
li {margin-bottom:10px; font-size:0.8em;}

ol {list-style-type: upper-alpha;list-style-position:outside; }           

.copy
{ width:300px;
margin-bottom:10px;
margin-top:20px;
}



p.bold
{
           font-weight:    bold;
           color: maroon;
}

.prompt
{

           /*font-weight:    bold;*/
           color: red;
           font-weight: bold;
margin-right:3%;
text-align:left;
}



a {color: maroon; font-weight: bold; }
a.menu {color:#F7F7CE;text-decoration: none;}
a.menu:link {color:#F7F7CE;text-decoration: none;}
a.menu:visited {color:#F7F7CE;text-decoration: none;}
a.menu:hover {color:#000000;text-decoration: none;}
a.menu:active {color:#F7F7CE;text-decoration: none;}

		a[href] {cursor: Pointer;text-decoration: none;color:maroon;font-weight:bold;}
		a:link {text-decoration: none;color:maroon;font-weight:bold;}
		a:visited {text-decoration: none;color:maroon;font-weight:bold;}
/*		a:hover {text-decoration: none;color:#CC6666;font-weight:bold;} */
		a:hover {text-decoration: none;color:red;font-weight:bold;}
		a:active {text-decoration: none;color:maroon;font-weight:bold;}


th
{
font-weight:    bold;
}
td
{font-size:0.8em;}
tr.shaded
{
background-color:#B0C4DE;
}
td.bold
{
           font-weight:    bold;
}



/* Golden / yellow #FEBE2D

/* City Council green #007D76

/* Salmolnella #FFA07A

/* SF blue #01015A

/* SF purple #C71585