@import url('my-form.css');

@import url('my-form-table.css');

body {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: small;
	background-color: #e3e3ff; 
	/* background-image: url("../images/background.gif"); */ 
	/* background-repeat: repeat; */;
	background-attachment: scroll;
}
#container {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: small;
	background-color: #e3e3ff;
}
#masthead {
	text-align: center;
	background-color: #e3e3ff;
}
#navigation {
	/* this is the Sidebar */
	background-color: #fff;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
/* Happenings Styles */
.happenings {
	padding: 1px;
	margin: 1px;
	background-color: #fbfade;
	color: navy;
	font-size: 90%;
	font-family: Verdana, Arial, helvetica, sans-serif;
	list-style-type: none;
	list-style-image: url('../images/BulletGifs/bu018-red-no-rim.gif');
	text-align: center;
}

.happenings.ul {
	border: 0px solid #FFFFC6;
	list-style-type: none;
	background-color: #fbfade;
	display: block;
	margin: 2;
	padding: 2;
	width: 96%;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: x-small;
	color: #000080;
}
.happenings.li {
	border-width: 0px 0px 1px 0px;
	display: block;
	margin: 0;
	padding: 0;
	background-color: #fbfade;
	border-bottom-color: #000080;
	border-bottom-style: solid;
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: x-small;
}
.happenings a {
	color:blue;
	background-color:#fbfade;
	float: none;
}
.happenings a:hover {
	color: #FF8040;
	background-color:#fbfade;
}
#content {
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fff;
	font-size: small;
	font-family: Verdana, Arial, helvetica, sans-serif;
	padding-top: 0px;
	margin-top: 10px;
	margin-left: 5px;
}
#footer {
	text-align: center;
	clear: both;
	border-top: 1px solid #dcdcdc;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #808080;
	border-left: 1px solid #a9a9a9;
	background-color: #fbfade;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
/* Navigation Styles */
#navigation ul {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:small;
}
#navigation li {
	display: block;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	background-color: #5f8ea9;
	font-family:Verdana, Arial, helvetica, sans-serif;
	font-size:small;
}
#navigation a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #fff;
	background-color: #5f8ea9;
	float: none;
	font-size: x-small;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
#navigation a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #3d6c87;
	background-color: #3d6c87;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
/* Button Styles
.input.text:focus {
    background-color:#FFFF99; 
    color: #000;
}
 */
/* style="border: 1 #000080 solid; width: 200px" */
/*
.input_text_focus {
	border:medium;
	border-style:solid;
	border-color:silver;

	width: 200px;
}
/* style="border: 2 #000080 solid; width: 200px" */
/*
.input_text_blur {
	border:thin;
	border-style:solid;
	border-color:silver;
	width: 200px;
}

</style>
*/

h6 {
	color: blue;
	background-color: #e3e3ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: italic;
}
h5 {
	color: blue;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
}
h4 {
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e3e3ff;
}
h3 {
	color: #000080;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e3e3ff;
	font-weight: bold;
	font-weight: bold;
	font-style: italic;

}
h2 {
	color: #000080;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	color: #000080;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	font-style: italic;
}

.contentText {
	font-family: Verdana, Arial, helvetica, sans-serif;
	font-size: small;
	text-align: left;
	background-color: #e3e3ff;
	color: #003366;
}
.headline {
	font-style: italic;
	background-color:#e3e3ff;
	color:blue;
	font-weight:bold;
}
.subHeadline {
	font-weight:bold;
	font-size:small;
	color:navy;
}
#content img {
	padding: 5px;
	border: 1px solid #808080;
}
#content ul {
	list-style-type:none;
	list-style-position:outside;
	padding:12px;
	margin:6px;
	
}
#content li {
	padding-left: 12px;
	list-style-image: url('../images/BulletGifs/ball-blu003.gif');
	margin-left: 12px;
}
/*
I have been asked by a few people how to change the image on a bulleted list so they are not stuck with the boring black dot. By applying CSS rules, you are are able to change the dot to any image you want. So if the black dot does not fit in, you can change it to a star. 

There is two ways to do it, one requires more work than the other! 

The first one I do not see used that much, most people perfer the second method even though the first one is simpler to apply it. 

li {
  list-style-image: redStar.gif;
}
The second method has a bit more to it.
*/ 
/*
.my-ul{
  list-style-type: none;
  list-style-position: outside;
  padding: 12px;
  margin: 6px;
}
.my-li {
	padding-left: 12px;
	list-style-image: url('../images/BulletGifs/ball-blu003.gif');
	margin-left: 12px;
}
*/
/*
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")} 

*/
/*
If you just do not want to show the dot at all, you just need to do this: 

ul{ 
  list-style-type: none;
}
*/
.hot_off_presses_headline
{
	color: blue;
	background-color: #e3e3ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	font-style: italic;
}

.text_align_ctr {
	text-align:center;
}
.text_align_left {
	text-align: left;
}

.text_align_right {
	text-align: right;
}

.bac_clr_drk_blue {
	background-color: #65719a;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: medium;
}
.font_default {
	font-family: Verdana, Arial, helvetica, sans-serif;
}
.supSmall 
}
.font_bold {
	font-weight: bold;
}
.font_clr_cyan {
	color: #00FFFF;
}
.font_clr_navy {
	color: #000080;
}
.font_italic {
	font-style: italic;
}
.font_bold {
	font-weight: bold;
}
.font_underline {
	text-decoration: underline;
}
.font_xx-small {
	font-size: xx-small;
}
.font_x-small {
	font-size: x-small;
}
.font_small {
	font-size: small;
}
.font_medium {
	font-size:medium;
}
.font_large {
	font-size:large;
}
.leginfo {
	text-align: center;
	font-size: medium;
	font-weight: normal;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
.h3content {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: medium;
	color: #000080;
	background-color: #E3E3FF;
	text-align: left;
	text-indent: 3px;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
.font_clr_white {
	color: #FFFFFF;
}
.font_clr_red {
	color: #FF0000;
}
.font_clr_crimson {
	color: #DC143C;
}
.font_clr_blue {
	color:blue;
}
.font_clr_indigo {
	color: #003366;
}
font_clr_light_blue {
	color:#e3e3ff;
}
}
.font_clr_light_gray {
	color:#c0c0c0
}

a {
	color: #000080;
	text-decoration: underline;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
a:hover {
	color: #5f8ea9;
	font-family: Verdana, Arial, helvetica, sans-serif;
}
/* Footer Styles */
#footer p {
	color: #808080;
	margin-top: 5px;
}
#footer a {
	color: #5f8ea9;
	text-decoration: underline;
}
#footer a:hover {
	color: #000080;
	text-decoration: underline;
}
.bck_grnd_default {
	background-color: #e3e3ff;
}
.bck_grnd_drk_blue {
	background-color: #65719a;
}
.bck_grnd_white {
	background-color: #fff;
}
.nowrap {
	white-space: nowrap;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}