/* CSS Document */

/* Baseline Styles */
/* Don't forget to set a foreground and background color on the 'html' or 'body' element! */
/* This block of code sets almost everything to zero so that all browsers start from the same point. Remember when you are coding that all margins and padding are set at zero, and that all fonts are set relative to each browser's "small" setting. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, form, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-weight: inherit; font-style: inherit; line-height: 1.1; font-family: inherit; text-align: left; vertical-align: baseline; text-decoration: none; margin: 0; padding: 0;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul, dl {list-style: none;}
form {padding: 0; margin: 0;}
h1, h2, h3, h4, h5 {font-weight: bold;}
h1 {font-size: 180%}
h2 {font-size: 160%}
h3 {font-size: 140%; color: #00593b;}
h4 {font-size: 130%;}
h5 {font-size: 115%;}


/* Layout and General Styles */
body {
	text-align: center;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body {font-size: small;} /* Be Nice to Opera hack - sets font size to small */

a {color: #01704b;}
a:hover {color: #4b0f01;}

/* Styles in Lay_Main/Lay_Indices */
#container {margin: 15px auto 10px; width: 910px;} /* Adds margin to top and bottom or page, centers layout */
#content {border: 1px solid #00593b; border-width: 0 1px; width: 888px; padding: 0 10px;}

#header {width: 888px; margin: 0 auto; border-bottom: 2px solid #00593b;}
#mainContent {width: 888px; margin: 0 auto;}

#mainTable { border-collapse: seperate; margin-top: 15px;}
#mainTable img {margin-bottom: 8px;}
#mainTable td {padding: 3px; border: 3px double #00593b; text-align: center; vertical-align: middle; margin: 10px; border-collapse: seperate;}
#mainTable td.borderless {border-width: 0px;}


/* Rounded Corners */
/* To create the rounded corners, change the gif to match the border and inner background color. Then put "<div class="top_left"></div><div class="top_right"></div>" on the top, and "<div class="bottom_left"></div><div class="bottom_right"></div>" below where the corners should be. */

/* Green rounded line, with white inside */
.top_left {height: 15px; font-size: 2px; background: transparent url(../images/bg_tl_rounded.gif) no-repeat;}
.top_right {width: 15px; height: 15px; float: right; margin-top: -15px; background: transparent url(../images/bg_tr_rounded.gif) no-repeat; font-size: 2px;}
.bottom_left {height: 15px; font-size: 2px; background : transparent url(../images/bg_bl_rounded.gif) no-repeat;}
.bottom_right {width: 15px; height: 15px; float: right; margin-top: -15px; background : transparent url(../images/bg_br_rounded.gif) no-repeat; font-size: 2px;}