/* ELEMENTS */
a {
	color: #018db0;
	text-decoration: underline;
}
a:visited {
	color: #018db0;
}
a:hover {
	color: #adbc24;
}
a:active {
	color: #018db0;
}
body {
	padding: 0;
	margin: 0;
	background: #91c7dd url(../../img/orchkidstemplate/bg_grad_body.gif) repeat-x top left;
	height: 100%;
}
body, div, th, td, form, p, li, ul, ol, h1, h2, h3, h4, h5, h6, span, select, input {
	color: #787878;
	font: normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}
form, div {
	margin: 0;
	padding: 0;
}
hr {
	clear: both;
	display: block;
	color: transparent;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #e4e1ce;
}
img {
	border: 0;
}
li {
	margin: 0 0 5px 5px;
}
p, ul, ol {
	margin: 10px 0 5px 0;
}
sup {
	font: normal normal 8px Verdana, Arial, Helvetica, sans-serif;
}
th {
	background-color: #746f66;
	color: #ffffff;
}
tr {
	vertical-align: top;
}
ul {
	list-style-position: outside;
	margin: 8px 0 4px 0;
	padding: 0 0 0 13px;
}


/* CLASSES */
.alignCenter {
	text-align: center;
}
.alignLeft {
	text-align: left;
}
.alignRight {
	text-align: right;
}
.clearFloat {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
.displayBlock {
	display: block;
}
.displayNone {
	display: none;
}
.eRubeDivContainer {
	margin: 0;
	padding: 0;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.formfield {
	margin: 0 0 6px 0;
}
.formlabel {
	margin: 12px 0 0 0;
}
.formlabelalert {
	margin: 12px 0 0 0;
	color: #cc0000;
	font-weight: bold;
}
.h1 {
	margin: 25px 0 0 0;
	font: normal normal 24px Verdana, Arial, Helvetica, sans-serif;
	color: #a6ce39;
}
.h2 {
	font: normal bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #008daf;
}
.h3 {
	color: #018db0;
	font-weight: bold;
}
.h4 {
	font-weight: bold;
}
.horizLine {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	border-bottom: 1px solid #e4e1ce;
}
.imgLabel {
	color: #000000;
	font-weight: bold;
	margin: 4px 0 12px 0;
}
.medium {
	font-size: 11px;
}
.siteBy a {
	color: #6d6359;
	text-decoration: none;
}
.small {
	font-size: 10px;
}
.smaller {
	font-size: 9px;
}
.valignTop {
	vertical-align: top;
}


/* ID's */
#flashInterorBannerDiv {
	width: 786px;
	height: 150px;
}
#flashLandingPageBannerDiv {
	width: 990px;
	height: 150px;
}
#footer {
	width: 980px;
	margin: 30px 0 0 8px;
	padding: 0 0 70px 0;
	text-align: center;
}
#footer #copyright p {
	margin-left: auto;
	margin-right: auto;
	color: #6d6359;
	width: 700px;
}
#footer #copyright p.h3 {
	color: #018db0;
}
#homeFlash {
	margin-top: 5px;
}
#logoArea {
	height: 135px;
	padding: 0 0 0 35px;
}
#logoArea #logo {
	float: left;
	padding: 0;
	margin: 0;
}
#logoArea #donateNow {
	float: right;
	padding: 0;
	margin: 0;
}
#navPriTop {
	height: 24px;
	background-color: #018db0;
}
#navPriTop .option, #navPriTop .separator {
	float: left;
}
#navPriTop .option {
	padding: 0 47px;
}
#navPriTop .separator {
	border-left: 1px solid #80c6d8;
	height: 24px;
}
#navSec {
	margin: 11px 0;
	padding: 20px 0;
	border-bottom: 1px solid #e4e4e4;
}
#navSec .option, #navSec .optionOn {
	margin: 0 0 5px;
}
#navSec .option a {
	color: #444444;
	font-weight: bold;
	text-decoration: none;
}
#navSec .optionOn a {
	color: #abdc24;
	text-decoration: none;
}
#theBorderLands {
	width: 1000px;
	margin: 40px 0 0 0;
	padding: 0;
	text-align: left;
}
#theBorderLands #dsBorderBottom {
	background: transparent url(../../img/orchkidstemplate/ds_bottom.gif) repeat-x top left;
	width: 990px;
	height: 5px;
	margin: 0 5px;
	padding: 0;
}
#theBorderLands #dsBorderLeft {
	background: transparent url(../../img/orchkidstemplate/ds_left.gif) repeat-y top left;
	width: 1000px;
	margin: 0;
	padding: 0;
}
#theBorderLands #dsBorderLeft #borderLeft {
	float: left;
	width: 5px;
}
#theBorderLands #dsBorderRight {
	background: transparent url(../../img/orchkidstemplate/ds_right.gif) repeat-y top right;
	width: 995px;
	margin: 0 0 0 5px;
	padding: 0;
}
#theBorderLands #dsBorderRight #borderRight {
	float: right;
	width: 5px;
}
#theContent {
	margin-top: 5px;
}
.cols_2 {
	background: transparent url(../../img/orchkidstemplate/bg_the_content_cols_2.gif) repeat-y top left;
}
.cols_3 {
	background: transparent url(../../img/orchkidstemplate/bg_the_content_cols_3.gif) repeat-y top left;
}
#theContent #nonNav {
	float: left;
	width: 775px;
}
#theContent #col_a {
	background: transparent url(../../img/orchkidstemplate/bg_grad_col_a.gif) repeat-x top left;
	float: left;
	width: 167px;
	padding: 0 18px;
}
#theContent #col_b {
	float: left;
	width: 527px;
	padding: 0 20px;
}
#theContent #col_b_wide {
	float: left;
	width: 735px;
	padding: 0 20px;
}
#theContent #col_c {
	float: left;
	width: 158px;
	padding: 0 25px;
}
#theContent #hc, #theContent #hp, #theContent #hv {
	float: left;
}
#theContent #hc {
	margin: 0 60px 0 0;
	width: 310px;
}
#theContent #hp {
	margin: 0 9px 0 44px;
	width: 213px;
}
#theContent #hv {
	margin: 0;
	width: 320px;
}
#theSite {
	width: 990px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}


.TODO {
	background-color: yellow;
}
.TODO:before {
	background-color: red;
	color: white;
	font-weight: bold;
	content: "TODO: ";
}



div.formButtonWrapper,
div.formButtonWrapperOver, 
div.formButtonWrapperClick,
div.formButtonWrapperArrow,
div.formButtonWrapperArrowOver,
div.formButtonWrapperArrowClick {
	margin-bottom: 10px;
}
table.formButtonWrapperTable,
table.formButtonWrapperTable td { 
	padding: 0;
	border: 0;
}	

table.formButtonWrapperTable {
	height: 21px;
	margin-right: 0;
}
/* For outer div with NO arrow */
div.formButtonWrapper table, 
div.formButtonWrapperOver table, 
div.formButtonWrapperClick table {
	height: 21px;	
	padding: 0;
	margin: 0;
	border: 0;
	/* cursor: pointer; */
}
/* For outer table WITH arrow */
div.formButtonWrapperArrow table, 
div.formButtonWrapperArrowOver table, 
div.formButtonWrapperArrowClick table {
	height: 21px;
	padding: 0;
	margin: 0;
	/* cursor: pointer; */
	border: 0;
}
div.formButtonWrapper table td, 
div.formButtonWrapperOver table td, 
div.formButtonWrapperClick table td {
	border: 0;
}
/* For outer table WITH arrow */
div.formButtonWrapperArrow table td, 
div.formButtonWrapperArrowOver table td, 
div.formButtonWrapperArrowClick table td {
	border: 0;
}
/* Actual text */
.formButtonText {
	white-space: nowrap;
}
a.formButtonText:link, 
a.formButtonText:visited, 
a.formButtonText:hover, 
a.formButtonText:active { 
	float: left;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 4px 10px 0px 0px;
	text-align: right;
	color: #ffffff;
	text-decoration: none;
}
div.formButtonWrapperArrow table td div.formButtonText,
div.formButtonWrapper table td div.formButtonText {
	color: #ffffff;
}
div.formButtonWrapperArrowOver table td div.formButtonText,
div.formButtonWrapperOver table td div.formButtonText {
	color: #000000;
}
.formButtonTDLeft {
	background-image: url(../../img/forms/left.gif);
	width: 10px;
	border: 0;
}
.formButtonTDCenter {
	background-image: url(../../img/forms/td_tile.gif);
	border: 0;
}
/* Right edge NO arrow */
div.formButtonWrapper table td.formButtonTDRight,
div.formButtonWrapperOver table td.formButtonTDRight {
	background-image: url(../../img/forms/right_arrow.gif);
	width: 15px;
	padding: 0;
	margin: 0;
	border: 0;
}
/* Right edge WITH arrow */
div.formButtonWrapperArrow table td.formButtonTDRight,
div.formButtonWrapperArrowOver table td.formButtonTDRight {
	background-image: url(../../img/forms/right_arrow.gif);
	width: 15px;
	padding: 0;
	margin: 0;
	border: 0;
}
.formButtonTDLeft2 {
	background-image: url(../../img/forms/left2.gif);
	width: 10px;
	border: 0;
}
.formButtonTDCenter2 {
	background-image: url(../../img/forms/td_tile2.gif);
	border: 0;
}
/* Right edge NO arrow */
div.formButtonWrapper table td.formButtonTDRight2,
div.formButtonWrapperOver table td.formButtonTDRight2 {
	background-image: url(../../img/forms/right_arrow2.gif);
	width: 15px;
	padding: 0;
	margin: 0;
	border: 0;
}
/* Right edge WITH arrow */
div.formButtonWrapperArrow table td.formButtonTDRight2,
div.formButtonWrapperArrowOver table td.formButtonTDRight2 {
	background-image: url(../../img/forms/right_arrow2.gif);
	width: 15px;
	padding: 0;
	margin: 0;
	border: 0;
}

td.grdiBoxTopLeft
{
   width: 20px;
   height: 20px;
   background-image: url(/img/grdi_bx_tp_left.gif);
   background-repeat: no-repeat;
}

td.grdiBoxTop
{
   height: 20px;
   background-image: url(/img/grdi_bx_tp.gif);
   background-repeat: repeat-x;
}

td.grdiBoxTopRight
{
   width: 20px;
   height: 20px;
   background-image: url(/img/grdi_bx_tp_right.gif);
   background-repeat: no-repeat;
}

td.grdiBoxRight
{
   width: 20px;
   background-image: url(/img/grdi_bx_right.gif);
   background-repeat: repeat-y;
}

td.grdiBoxBotRight
{
   width: 20px;
   height: 20px;
   background-image: url(/img/grdi_bx_bt_right.gif);
   background-repeat: no-repeat;
}

td.grdiBoxBot
{
   height: 20px;
   background-image: url(/img/grdi_bx_bt.gif);
   background-repeat: repeat-x;
}

td.grdiBoxBotLeft
{
   width: 20px;
   height: 20px;
   background-image: url(/img/grdi_bx_bt_left.gif);
   background-repeat: no-repeat;
}

td.grdiBoxLeft
{
   width: 20px;
   background-image: url(/img/grdi_bx_left.gif);
   background-repeat: repeat-y;
}

<!-- <@ -->