body { font-size: 10px; font-family:  "Franklin Gothic Medium", Arial; color: #000000; }
td	 { font-size: 12px; color:white}

h1, .SiteTitle	{ font-size: 22px; color: Silver; }
h2, .SiteTitle2	{ font-size: 18px; color: White; }
h3, .SiteTitle3	{ font-size: 14px; color: Green; }
.SiteTitle4	{ font-size: 22px; color: Black; text-transform: lowercase }
h4 { display: inline; }

a:link, a:visited { color: lightblue; text-decoration: none; }
a:hover { color: orange; text-decoration: underline; }

#MainMenu .NavM100 { margin: 5px 0 0px 0; float: right;  position:relative}
#MainMenu .NavM100 li { display: inline; list-style: none; }
#MainMenu .NavM100 li span { color: black; font-size: 12px; padding: 0px 10px 0px 10px; text-transform: lowercase; position:relative}
#MainMenu .NavM100 li .MenuItemFirst {  }
#MainMenu .NavM100 a { text-decoration: none; color: gray; }
#MainMenu .NavM100 a:hover { color: #ff0000; }

#SideMenu .NavM100 { margin: 5px 0 -10px 0; }
#SideMenu .NavM100 li { list-style: none; }
#SideMenu .NavM100 li span { color: #000000; font-size: 10px; border-bottom: 1px solid #000000; padding: 0px 10px 0px 10px;}
#SideMenu .NavM100 li .MenuItemFirst { border-top: 3px solid #000000; }
#SideMenu .NavM100 a { text-decoration: none; color: #000000; }
#SideMenu .NavM100 a:hover { color: #DB0707; }

#FooterMenu .NavM100 { margin: 5px 0 -10px 0; }
#FooterMenu .NavM100 li { display: inline; list-style: none; }
#FooterMenu .NavM100 li span { color: #000000; font-size: 10px; border-right: 1px solid #000000; padding: 0px 10px 0px 10px;}
#FooterMenu .NavM100 li .MenuItemFirst { border-left: 1px solid #000000; }
#FooterMenu .NavM100 a { text-decoration: none; color: #000000; }
#FooterMenu .NavM100 a:hover { color: #DB0707}

h1, .SiteTitle	{ font-size: 22px; color: Silver; }
h2, .SiteTitle2	{ font-size: 18px; color: Red; }
h3, .SiteTitle3	{ font-size: 14px; color: Green; }
.SiteTitle4	{ font-size: 22px; color: Black; text-transform: lowercase }
h4 { display: inline; }

.Footer, .Footer a:link, .Footer a:visited, .FooterCredit, .FooterCredit a:link, .FooterCredit a:visited {font-size: 10px; text-align: center; color: #000000; text-decoration:none;}
.Footer a:hover, .Footer a:active, .FooterCredit a:hover, .FooterCredit a:active {text-decoration: underline; }
.MenuAdmin, .MenuAdmin a:link, .MenuAdmin a:visited {font-size: 10px; text-align: center; color: #000000; text-decoration:none;}
.MenuAdmin a:hover, .MenuAdmin a:active 	 {text-decoration: underline; }
.ViewData		{ font-size: 10px; color: #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000 }

form			{ margin: 0px; padding: 0px; overflow:hidden; margin-left:0px; margin-right:0px}
input			{ font-size: 11px; font-family: Tahoma; width: 200px;  border: 1px solid #BBB; }
input.image		{ font-size: 11px; font-family: Tahoma; width: 200px;  border: none; }
input.radio		{ font-size: 11px; font-family: Tahoma; width: 20px; height: 20px }
input.checkbox	{ font-size: 11px; font-family: Tahoma; width: 20px; height: 20px }
input.submit	{ font-size: 11px; font-family: Tahoma; width: 100px }
input.disabled	{ font-size: 11px; font-family: Tahoma; width: 100px }
textarea		{ font-size: 11px; font-family: Tahoma; width: 200px; height: 80px; border: 1px solid #BBB;}
select			{ font-size: 11px; font-family: Tahoma; width: 200px; border: 1px solid #BBB; }
button			{ font-size: 11px; font-family: Tahoma; }

div.hr			{ height: 10px; border-top: 1px solid #000000; }
div.hr hr		{ display: none; }

#Calendar {}
.CalendarGrid {}
.CalendarGridNavigation {}
.CalendarGridHeader {border-style: none; border-bottom: 1px #215da9 solid; text-align:center;} 
.CalendarGridHeaderCell { color: #215da9; text-align:center; } 
.CalendarDayName { font-size:11px; }
.CalendarMonthTitle { font-size: 14px; font-weight: bold; color:#215da9}
.CalendarDayCell { border:1px #f9da88 solid; text-align:center; vertical-align: center; padding:0; border-collapse:collapse; background-color: #fdf4df; font-size:10px;  }
.CalendarDayCellToday { border:1px #215da9 solid; text-align:center; vertical-align: center; padding:0; border-collapse:collapse; background-color: #215da9; color: #ffffff; font-size:10px; }
.CalendarDayCellEvent { border:1px #fcdb9b solid; text-align:center; vertical-align: center; padding:0; border-collapse:collapse; background-color: #fcdb9b; font-size:10px; } 
.CalendarDayCellEventOver { background-color: #f9da88; }
.CalendarDayCellEventOff { background-color: #fbe5ac; }
.CalendarDayEventText { font-size:10px; line-height: 11px; color: #215da9; }
.CalendarDayCell div, .CalendarDayCellToday div, .CalendarDayCellEvent div, .CalendarDayCellEventOver div, .CalendarDayCellEventOff div {padding: 2px; padding-left: 5px; }
.CalendarDayNumber { font-size:10px; color: #000000; }
.CalendarEventDate {font-size: 11px; font-weight: bold }
.CalendarEventTitle {  }

.ArticleItem { color: #666666; list-style: disc; padding-top: 10px; }
.ArticleItemTitle { font-size: 10px; color: #454545; font-weight: normal; }
.ArticleItemTitle a:link, .ArticleItemTitle a:visited { text-decoration: none; color: #454545; text-decoration: none; font-weight: normal; }
.ArticleItemTitle a:hover, .ArticleItemTitle a:active { color: #666666; text-decoration: underline; }
.ArticleItemDate { color: #666666; }
.ArticleItemMore { text-align: right; padding: 5px 5px 10px 0px; text-transform: uppercase; }

.TestimonyQuoteLeft { display: none; }
.TestimonyQuoteRight { display: none; }
.TestimonyText { padding: 27px 10px 0px 10px; background: url(/_library/templates/skin_eishawaii/quoteLeft.gif) no-repeat top left; }
.TestimonyName { padding-top: 10px; background: url(/_library/templates/skin_eishawaii/quoteRight.gif) no-repeat top right; }

/* set millions of background images */
.rbroundbox { background: url(/_library/templates/skin_hall/nt.gif) repeat; }
.rbtop div { background: url(/_library/templates/skin_hall/tl.gif) no-repeat top left; }
.rbtop { background: url(/_library/templates/skin_hall/tr.gif) no-repeat top right; }
.rbbot div { background: url(/_library/templates/skin_hall/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/_library/templates/skin_hall/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; color:white; padding:20px}
.rbroundbox { width: 100%; margin: 1em auto; }

.main {background:url(/_library/templates/skin_hall/foam.jpg) bottom; width:800px;}
.main2 {background:url(/_library/templates/skin_hall/cow.jpg); width:800px;}
.top {background:url(/_library/templates/skin_hall/sqtop.jpg) repeat-x  center bottom; height: 40px; margin:0px; padding-left:20px; padding-RIGHT:20px}
.left {background:url(/_library/templates/skin_hall/sqleft.jpg) repeat-y right; widht: 10px}
.right {background:url(/_library/templates/skin_hall/sqright.jpg) repeat-y left; width: 10px}
.bottom {background:url(/_library/templates/skin_hall/sqbottom.jpg) repeat-x center top; height: 10px}