/* DEFAULT STYLES */
.TextField {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000033;
}
.FormButton {  
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
.li { 
	font-size: 0.8em; ; font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
a:visited {
	color: #3399FF;
	text-decoration: none;
}
a:active {
	color: #FF6600;
	text-decoration: underline;
}

/* END OF DEFAULT STYLES */

/* HEADER STYLES */

.HeaderLinkCell {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #CCFFFF; text-align: left; vertical-align: middle; padding-left: 5px; clip:  rect(   ); padding-top: 2px; padding-bottom: 2px}
.HeaderSearchCell {  background-color: #000033; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CCFFFF; text-align: right; padding-right: 5px; vertical-align: middle; padding-top: 2px; padding-bottom: 2px; font-size: 100%}
.HeaderRow {  height: 65px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000033; text-align: right; padding-right: 5px; line-height: 20px}

/* END OF HEADER STYLES */

.LeftMenu {  height: 411px}
.BodyTable {  margin-top: -15px}


/* RIGHT MENU STYLES */

.RightMenuHeader {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-weight: bold; 
color: #000000; background-color: #9999CC; 
padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px
}

.RightMenuOtherLinks { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 80%; 
font-weight: bold; 
color: #000000; background-color: #99CCCC; 
padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px
}

.RightMenuLinkCell {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%; color: #000000; 
vertical-align: middle; 
height: 16px; 
padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 10px; 
background-image: url(/images/arrow_sidemenu.gif); 
background-repeat: no-repeat; 
background-position: left center
}

.RightMenuSpacerCell {  
height: 19px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 70%; 
color: #000000;
}

.RightMenuEmailCell {  background-color: #99FFCC; text-align: center}

#RightMenu a, a:visited {
	COLOR: #336699; 
	text-decoration: none;
}

#RightMenu a:hover, a:active {
	COLOR: #9999CC; 
	text-decoration: underline;
}

/* END OF RIGHT MENU STYLES */

/* HOME PAGE STYLES */

.HomePagePanel {
	position: relative;
	background-color: #DDEEFF;
	width: auto;
	height: auto;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: -13px;
}
.HomePagePanel a {
	color: #0000FF;
	text-decoration: none;
}
.HomePagePanel a:link {
	color: #0000FF;
	text-decoration: none;
}
.HomePagePanel a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.HomePagePanel a:visited {
	color: #3399FF;
}
.HomePagePanel a:active {
	color: #FF6600;
	text-decoration: underline;
}

.HomePagePanel h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 5px;
	/*
	display: list-item;
	list-style-position: outside;
	list-style-image: url(/images/arrow_homepage.gif);	
	padding-left: 20px;
	*/
	margin-bottom: -20px;
}

.HomePagePanel p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	text-align: right;
	padding-bottom: 5px;
}

.HomePagePanel ul {
	margin-left: 15px;
}

.HomePagePanel li { 
	font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Spacer {
	height: 10px;
}

#AtoZ {
	position: relative;
	width: auto;
	height: auto;
	padding-left: 10px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #185194;
}

#AtoZ h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: 0px;
}

#AtoZ a, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#AtoZ a:hover, a:active {
	text-decoration: underline;
	color: #CCFFCC;
}

.atozletter {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	background-color: #9999CC;
	width: 16px;
	text-align: center;
	margin-left: -3px;
}

#QuickLinks {
	/*position: relative;*/
	width: 100%;
	min-height: 354px;
	height: 354px; 
	/* padding-left: 10px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #185194;
	padding-bottom: 5px;
}

#QuickLinks h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: -15px;
}

#QuickLinks p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.7em;
	margin-bottom: -10px;
}

.Column {
	float: left;
	min-height: 345px;
	height: 345px;
	width: 120px;
	background-color: #C9D3E4;
	padding: 2px;
	margin-left: 3px;
}

/* END OF HOME PAGE STYLES */

A.Header:link { 
COLOR: #CCFFFF; 
text-decoration: none;
}
A.Header:active { 
COLOR: #FF8800;
}
A.Header:visited { 
COLOR: #CCFFFF; 
text-decoration: none;
}
A.Header:hover { 
COLOR: #FFFFFF; 
text-decoration: underline;
}

A.Black:link { 
COLOR: #000000; 
text-decoration: none;
}
A.Black:active { 
COLOR: #FF8800;
}
A.Black:visited { 
COLOR: #000000; 
text-decoration: none;
}
A.Black:hover { 
COLOR: #FFFFFF; 
text-decoration: underline;
}

#leftmenucontainer {
	width: 160px;
	height: 411px;
	background-color: #A5B6D6;
	padding-top: 10px;
}

#b1, #b2, #b3, #b4, #b5, #b6, #b7, #b8, #b9, #b10, #b11, #b12, #linegif, #othersites {
	position: relative;
	right: 0px;
	/*background-color: transparent;*/
	border: 0;
	width: 150px;
}

#b1 { top: 0px }
#b2 { top: 10px }
#b3 { top: 20px }
#b4 { top: 30px }
#b5 { top: 40px }
#b6 { top: 50px }
#b7 { top: 60px }

#linegif { top: 80px }
#othersites { top: 180px }

#b8 { top: 190px }
#b9 { top: 200px }
#b10 { top: 210px }
#b11 { top: 220px }
#b12 { top: 230px }

.leftbuttonimage {
	float: right;
}


.leftmenusubs a:link, .leftmenusubs a:visited {
	background-color: #CCFFCC;
	display: block;
	padding: 1px 8px 1px 12px;
	border: 1px solid;
	border-color: #9CCFCE #185194 #185194 #9CCFCE;
	color: #003399;
	text-decoration: none;
	/*
	The width attribute below fixes two bugs:
	1) making the whole link block clickable
	2) preventing single line links from going transparent on mouseout
	*/
	width: 100%;
}

.leftmenusubs a:hover, .leftmenusubs a:active, .leftmenusubs a:focus {
	background-color: #A5B6D6;
	color: #000000;
}

#b4subs p { 
	margin: 0;
}

#b4subs {
	/*background-color: #CCFFCC;*/
	position: relative;
	width: 160px;
	top: -55px;
	left: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	visibility: hidden;
	z-index: 1;
}

#BreadcrumbTrail {
	width: 100%;
	height: 25px;
	background-color: #A5B6D6;
	padding-top: 1px; 
	padding-right: 1px; 
	padding-bottom: 1px; 
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	color: #FFFFFF;
}

#BreadcrumbTrail a, a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#BreadcrumbTrail a:hover, a:active {
	text-decoration: underline;
	color: #CCFFCC;
}

#Content {
	width: 100%;
	padding-top: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px;
	z-index: 2;
}

#Content p, h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000
}

#Content h1 {
	font-size: 1.2em;
	font-weight: bold;
}

#Content h2 {
	font-size: 1.0em;
	font-weight: bold;
}

#Content h3 {
	font-size: 0.9em;
	font-weight: bold;
}

#Content p {
	font-size: 0.8em;
}

#Content li { 
	font-size: 0.8em; ; font-family: Verdana, Arial, Helvetica, sans-serif;
}

#Content a, a:visited {
	text-decoration: none;
	color: #0000FF;
}

#Content a:hover, a:active {
	text-decoration: underline;
	color: #FF0000;
}

#Content a.RedLink:link { 
color: #FF0000; 
text-decoration: none;
}
#Content a.RedLink:active { 
COLOR: #FF8800;
}
#Content a.RedLink:visited { 
COLOR: #FF0000; 
text-decoration: none;
}
#Content a.RedLink:hover { 
COLOR: #0000FF; 
font-weight: bold;
text-decoration: underline;
}

#Content hr {
width: 100%
height: 1px;
color: #CCFFFF;
}


/* Tom's Bulletin Board CSS */

.TableTitle	{
	color: black;
	font-size: 14px;
	font-family: Tahoma;
	background: #00cccc;
}

.TableCell 	{
	color: black;
	font-size: 12px;
	font-family: Tahoma;
	background: #99ccff;
}

.TableMessageCell 	{
	color: black;
	font-size: 12px;
	font-family: Tahoma;
	background: LightBlue;
}

.TableNavigation	{
	color: black;
	font-size: 15px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: none;
}

.NavigationSelected	{
	color: black;
	font-size: 15px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: underline;
}

.TableNavigation a:hover {
	color: black;
	font-size: 15px;
	font-family: Tahoma;
	font-weight: bold;
	text-decoration: underline;
}

.TitleT		{
	color: black;
	font-size: 45px;
	font-family: Tahoma;
	font-weight: bold;
}

.Text	{
	color: black;
	font-size: 14px;
	font-family: Tahoma;
	background: White;
}

.TextInput	{
	width: 130px;
}

.menu {
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
}

.menu a,.menu a:link,.menu a:visited,.menu a:active {
display: block;
background: #C0C0C0;
color: #000000;
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
height: 16px;
text-decoration: none;
}

.menu a:hover {
display: block;
background: #969696;
color: #FFFFFF;
font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
cursor: pointer;
height: 16px;
text-decoration: none;
}

/* End of Tom's CSS */


.BulletinNavLinks { color: black; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
.BulletinBoardTableHeader { color: black; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #009999; ; font-weight: bold; border: #000000 solid; border-width: 0px 0px 1px}
.SmallText {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color: #000000}
.RedText {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FF0000}
.BulletinBoardTableCell { color: black; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #99CCFF; ; border-color: black black #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.BulletinBoardTableMessageCell { color: black; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; background: #33CCFF; ; border-color: black black #000000; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.ContentTableCellDark {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; background-color: #99CCFF; vertical-align: top}
.ContentTableCellLight { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; background-color: #CCFFFF; vertical-align: top}
.ContentTableBorder {  padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.ContentTablePlainTextCell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 80%;
	vertical-align: top
}
