/* colors
   #424293 Dark Blue
   #E1E2ED Soft Light Blue
	 #686B94 Soft Navy Blue
	 #AF2626 Rich Red
	 #AD4432 Brick Red 
	 #830005 Designers Fountain site red
	 #F5F5EF Light Gray
	 #F8FAD3 Light Yellow
	 #EEEDAC Light Grass Green
	 #C1BA6D Olive Green
	 #72725D Dark Olive Green
	 #4D4D3D Dark Green-Gray
	 #F2E2D5 Light Peach Gray
	 #A19892 Medium Gray
	 #515151 Charcoal Gray
	 #826E5C Brownish Gray
	 #e6e6e2 Navibar bgcolor
	 #a98763 Navbar bottom line
*/

BODY {
		 
		 FONT-SIZE: 14px;
		 FONT-FAMILY: verdana,helvetica,arial,sans-serif
		 MARGIN: 5px 0px 0px 0px;   /* top, bottom, left, right */       
		 COLOR: #4D4D4D; 		 /* default text color */ 
		 PADDING-LEFT: 8px;
		 PADDING-RIGHT: 8px;
		 BACKGROUND-COLOR: #C2D29E; /* BACKGROUND-COLOR: #535144; */
		 /* Scrollbar */
		 SCROLLBAR-FACE-COLOR:  #e1e2ed; 
		 SCROLLBAR-SHADOW-COLOR: #000000; 
		 SCROLLBAR-HIGHLIGHT-COLOR: #686b94; 
		 SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
		 SCROLLBAR-DARKSHADOW-COLOR: #4D4D3D; 
		 SCROLLBAR-TRACK-COLOR: #e1e2ed;
		 SCROLLBAR-ARROW-COLOR: #686b94;
} 
		 
  
}
H1
{
 	  FONT: bold 125% verdana,helvetica,arial,sans-serif;
}
H1.headline
{
 	  FONT: bold 18px verdana,helvetica,arial,sans-serif;
		position: absolute;
		COLOR:#AF2626;
    top: 30px;
    left: 30px
}
H2
{
 	FONT-SIZE: 14px;
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
H2.rtitle
{
    MARGIN-TOP: 5px;
    PADDING-LEFT: 1px;
    FONT-SIZE: 16px;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 1px;
    COLOR: #515151;
    PADDING-TOP: 1px;
		TEXT-ALIGN: center;
	/*	BACKGROUND-IMAGE: url("../images/title-bg.jpg"); */
}
H3
{
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TABLE
{
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TD
{
 	FONT-SIZE: 14px;
    FONT-FAMILY: verdana,helvetica,arial,sans-serif;
	ALIGN: left;
	VALIGN: top;
}
TH
{
 	FONT-SIZE: 14px;
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
UL
{
 	FONT-SIZE: 12px;
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
OL
{
    FONT-SIZE: 12px;
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
TEXTAREA
{
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}
INPUT
{
    FONT-FAMILY: verdana,helvetica,arial,sans-serif
}


p {
	 	FONT-SIZE: 12px;
		font-family: verdana, helvetica, arial, sans-serif;
        color: #4D4D3D;
		text-align: left;
		display: inline; 
}

.address {
		PADDING-BOTTOM: 12px;
		PADDING-TOP: 12px;
		PADDING-LEFT: 5px;
		PADDING-RIGHT: 5px;
	 	FONT-SIZE: 11px;
		font-family: verdana, helvetica, arial, sans-serif;
    color: #ffffff;
		text-align: center;
}
/* used for copy right showing at bottom of navi bar */
.copytext {
		PADDING-BOTTOM: 3px;
		PADDING-TOP: 3px;
		PADDING-LEFT: 10px;
		PADDING-RIGHT: 10px;
	 	FONT-SIZE: 9px;
		border-style: double;
		border-color: #c0c0c0;
		font-family: verdana, helvetica, arial, sans-serif;
    /* color: #c0c0c0; */
		BACKGROUND-COLOR: #ECEBDD;
		text-align: center;
}

.text {
	FONT-SIZE: 13px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #4D4D3D;
	MARGIN-TOP: 8px;
    PADDING-LEFT: 12px;
	PADDING-RIGHT: 12px;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 5px;
	text-align: left;
}

.textw {
	FONT-SIZE: 12px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #ffffff;
	text-align: center;
}

.textsub {
	FONT-SIZE: 13px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #004080;
		text-align: left;
}

.textb13 {
	FONT-SIZE: 14px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #4D4D4D;
	FONT-WEIGHT: bold;
	text-align: left;
}
.centertext {
	FONT-SIZE: 15px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #830005;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	text-align: center;
}

.bcentertext {
	FONT-SIZE: 15px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #424293;
	PADDING-LEFT: 4px;
	PADDING-RIGHT: 4px;
	text-align: center;
}

/* general text in contact us, about us, news, ...*/
.textcom {
    PADDING-BOTTOM: 0px;
		PADDING-TOP: 5px;
		PADDING-LEFT: 15px;
		PADDING-RIGHT: 15px;
	 	FONT-SIZE: 12px;
		font-family: verdana, helvetica, arial, sans-serif;
    color: #4D4D3D;
		text-align: left;
}



/* to show family description text */
p.famtext {
	 	FONT-SIZE: 14px;
		font-family: verdana, helvetica, arial, sans-serif;
    color: #4D4D3D;
		PADDING-LEFT: 15px;
		text-align: left;
}

.textblk {
	 	FONT-SIZE: 11px;
		font-family: verdana, helvetica, arial, sans-serif;
    color: #000000;
		text-align: left;
}
/* p.subtitle is used in display current subtitle in left navi bar - Rich Red */
p.subtitle {
	 	FONT-SIZE: 14px;
		FONT-WEIGHT: bold;
		font-family: verdana, helvetica, arial, sans-serif;
    color: #AF2626;
		text-align: center;
}
/* p.subcat is used in display subtitle  */
p.subcat {
	 	FONT-SIZE: 12px;
		FONT-WEIGHT: bold;
		font-family: verdana, helvetica, arial, sans-serif;
		text-align: left;
		display: inline; 
}
/* p.topnav is used in display home, contact, News on top of navi bar */
p.topnav {
	 	FONT-SIZE: 11px;
		font-family: verdana, helvetica, arial, sans-serif;
		position: absolute;
		top: 88px;
		left: 30px;
		display: inline; 
}
p.indent {text-indent: 15px}
p.uppercase {text-transform: uppercase}
p.lowercase {text-transform: lowercase}
p.capitalize {text-transform: capitalize}

div.overflow
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll
}
/* apply to all table with class=pad */
TABLE.pad
{
 	MARGIN-TOP: 3px;
    MARGIN-BOTTOM: 3px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
}
TH.pad
{
    PADDING-BOTTOM: 2px;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #808080
}

TD
{
	FONT-SIZE: 13px;
	font-family: verdana, helvetica, arial, sans-serif;
    color: #4D4D3D;
}

TD.extrapad
{
 	PADDING-BOTTOM: 2px;
	PADDING-TOP: 8px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
}
TD.content
{
    COLOR: #900b09;
    BACKGROUND-COLOR: #f1f1f1
}
TD.deprecated
{
    COLOR: #ff0000;
    BACKGROUND-COLOR: transparent
}
TD.red
{
    COLOR: #ff0000;
    BACKGROUND-COLOR: transparent
}
/* this set is used for home, contact us and news */
A:link
{
    COLOR: #AF2626;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none
}
A:visited
{
    COLOR: #AF2626;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none
}
A:active
{
    COLOR: #AF2626;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none
}
A:hover
{
    COLOR: #AF2626;
    BACKGROUND-COLOR: #F8FAD3;
	TEXT-DECORATION: underline
}
A.left:link
{
    COLOR: black;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.left:visited
{
    COLOR: black;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}
A.left:hover
{
    COLOR: #900b09;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
A.left:active
{
    COLOR: #900b09;
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: underline
}
/* This set is used to display underlined gray to red links */ 
A.red:link
{
    COLOR: #72725D;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none
}
A.red:visited
{
    COLOR: #72725D;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none
}
A.red:active
{
    COLOR: #72725D;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: underline
}
A.red:hover
{
    COLOR: #AF2626;
    BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: underline
}

/* following defines the left navi bar including draw the dividing lines */
TD#navbar
{
    WIDTH: 177px;
}
TD#navbar TD
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 11px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #a98763 1px solid;
    TEXT-ALIGN: left
}
TD#navbar TABLE
{
    MARGIN-TOP: 0px
}
A.navbar:link
{
    /*FONT-WEIGHT: bold; */
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 11px;
    FONT-SIZE: 12px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    WIDTH: 161px;
    COLOR: black;
    TEXT-DECORATION: none
}
A.navbar:active
{
    /* FONT-WEIGHT: bold; */
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 11px;
    FONT-SIZE: 12px;
    BACKGROUND: transparent;
    WIDTH: 161px;
    COLOR: black;
    TEXT-DECORATION: none
}
A.navbar:visited
{
    /* FONT-WEIGHT: bold; */
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 11px;
    FONT-SIZE: 12px;
    BACKGROUND: transparent;
    WIDTH: 161px;
    COLOR: black;
    TEXT-DECORATION: none
}
A.navbar:hover
{
    PADDING-RIGHT: 3px;
	PADDING-LEFT: 11px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BACKGROUND: #F5F5EF;
    WIDTH: 161px;
    COLOR: #AF2626;
    TEXT-DECORATION: none
}

/* not in use yet, from mcf site */
.navbarBorder
{
    BORDER-RIGHT: white 1px solid;
    BORDER-TOP: white 1px solid;
    BACKGROUND: white;
    BORDER-LEFT: white 1px solid;
    WIDTH: 177px;
    BORDER-BOTTOM: white 1px solid
}
A.navbottom:link
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    VERTICAL-ALIGN: middle;
    COLOR: black;
    TEXT-DECORATION: none
}
A.navbottom:active
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    VERTICAL-ALIGN: middle;
    COLOR: black;
    TEXT-DECORATION: none
}
A.navbottom:visited
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: white;
    VERTICAL-ALIGN: middle;
    COLOR: black;
    TEXT-DECORATION: none
}
A.navbottom:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: #c0c0c0;
    VERTICAL-ALIGN: middle;
    COLOR: white;
    TEXT-DECORATION: none
}
#sp
{
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
    TEXT-ALIGN: left
}
#sp P
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 4px 0px;
    BORDER-LEFT: 0px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px
}
#sp P IMG
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 2px;
    BORDER-TOP: 0px;
    FLOAT: left;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
#sp P.splink
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 14px;
    PADDING-TOP: 0px
}
#sp P.splink A
{
    FONT: bold xx-small Verdana, Arial, Helvetica, sans-serif;
    COLOR: #0000ff
}