body{ margin: 0px 0px 0px 0px; background-color:#000; color: #3F4330; font: 8pt arial, Helvetica, sans-serif; }
p, li, td{font: 9pt Arial, Helvetica, sans-serif; color: #333;}

input, textarea, select { background-color:#7a7a7a; border:1px solid #660000;color:#fff; margin:0px;}

iframe {font-size: 14px; background-color:#000;}
/******* PAGE STYLE *******/
a { color:#D54936; text-decoration:underline;  font-weight:bold;}
a:link {color:#D54936; text-decoration:underline;  font-weight:bold;}
a:hover {text-decoration:none; color:#848873; font-weight:bold;}

h1 {font-family:"Times New Roman", Times, serif; FONT-SIZE: 15pt; color:#CC3813; margin: 0px 0px 0px 0px; padding:0px; }
h2 {font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 13pt; color: #D54936; margin: 10px 0px 0px 0px; border-bottom:1px dotted #c1c1c1; font-weight:normal; font-weight:bold;}
h3 {font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 11pt; color: #333; margin: 0px 0px 5px 0px;  font-weight:normal; font-weight:bold;}
h4 {font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 13pt; color: #fff; margin: 0px 0px 0px 0px; font-weight:bold;}

#comments h3 {color:#333;}

#head { padding: 0px 0px 0px 0px; z-index:3; background-image:url(images/back.gif);}
#head td{ color:#fff; }
#head input {background-color:#D54936; border:1px solid #660000;}
#head a { color:#fff; text-decoration:none;  font-weight:bold;}
#head a:link {color:#fff;  font-weight:bold;}
#head a:hover {text-decoration:underline; color:#D54936; font-weight:bold;}

#splash {background-image:url(images/splash.png); background-repeat:repeat-y; width:1100px; margin:0px;}
#homeMid {width:737px; border:1px solid #acacac; float:left; margin:5px; padding:0px; background-color:#fff;}
#homeMid h1{font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 16pt; color: #fff; margin: 0px 0px 0px 0px; padding:7px 10px 24px 50px; text-align:left; background-image:url(/images/h1title.jpg); background-repeat:no-repeat;}
#contentblock6 h1{font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 16pt; color: #fff; margin: 0px 0px 0px 0px; padding:7px 10px 24px 50px; text-align:left; background-image:url(/images/h1title.jpg); background-repeat:no-repeat;}

#coupon {width:204px; border:#333 1px dashed; padding: 5px 5px 5px 5px; margin: 5px 0px 0px 0px; font-weight:bold; color:#fff; font-size:10pt; background-image:url(/images/adBack.jpg); background-repeat:no-repeat;}

#contentIndex {color: #3F4330; padding: 0px 0px 20px 0px; margin:0px 0px 0px 1px;   text-align:center; width:990px; z-index:1; }
#middle {width:743px; padding: 0px 7px 0px 7px; float:left; margin: 0px 0px 0px 0px; text-align:left; color:#000; }
#middleAdmin {width:887px;float:left; background-color:#fff; padding: 2px 0px 0px 10px; margin: 0px 0px 0px 0px; text-align:left; color:#000;}

#middleInside {width:862px;float:left; background-color:#fff; padding: 2px 0px 0px 20px; margin: 0px 0px 0px 0px; text-align:left; color:#000;}
#right {width:215px; float:right; padding:10px 5px 5px 5px; margin: -2px 1px 0px 0px; text-align:left; border: 1px #c1c1c1 solid; background-image:url(images/middleBack.gif); color:#FFF;}
#right p,h3 {color:#999;}

#left {float:left; width:236px; height:106px; padding: 5px 5px 5px 4px; margin: -2px 0px 3px 1px; background-color:#141414; text-align:left; color:#CCC; font: 10pt Arial, Helvetica, sans-serif; border-right: 1px solid #666;}

.subNav {padding: 3px 8px 3px 8px; font-size:8pt; font-weight:bold; text-align:center; background:#D2D3BC; border:1px solid #6a1b41;}
a:hover .subNav { background-color:#6a1b41;  text-decoration:none; color:#fff;}

.grey {padding: 3px 8px 3px 8px; font-size:8pt; font-weight:bold; text-align:center; background:#cacaca; border:1px solid #6a1b41; font:#fff;}
.orange {padding: 3px 8px 3px 8px; font-size:10pt; font-weight:bold; text-align:center; background:#c86138; border:1px solid #6a1b41; color:#fff;}

.wod { width:185px;  background-image:url(/images/navBack.gif);line-height:35px; padding:0px;}
.wod:hover { background-image:url(/images/navBackOver.gif);}
.results { width:197px;  background-image:url(/images/navBack.gif);line-height:35px; padding:0px; }
.results:hover { background-color:#0C0;}

.wodDisplay { border:1px solid #c1c1c1; padding:5px; margin-left:1px; }

/******* Navigation *******/
#menu {width:985px; position:relative; margin:-2px 0px 0px 0px;  padding:0px 0px 2px 0px; }
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none;  color:#333; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {float:left;position:relative; text-align:center; line-height:36px; padding:0px; font-size:13px; margin:0px 0px 0px 0px;}
/* style the links for the top level */

#menu a:link, #menu a:visited, #menu a{display:block; text-decoration:none; width:140px;  background-image:url(/images/navBack.gif); font-weight:bold; padding:0px;  color:#333; background-repeat:no-repeat; margin:0px;}
#menu a:hover {text-decoration:underline; color:#fff; display:block;  padding-left:0px; background-image:url(/images/navBackOver.gif);}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden;position:absolute;height:0;top:32px; margin:0px 2px 0px 0px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#menu ul ul a{background-color:#efefef;  color:#333; padding: 2px 0px 0px 0px; line-height:32px; text-align:center; margin:0px 0px 0px 0px;}
/* style the top level hover */
#menu :hover > a, #menu ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, 
#menu ul a:hover ul{visibility:visible; color:#fff; background-image:url(/images/navBack.gif); }

/*************************************************/

/******* Navigation HOME *******/
#menuHOME {width:756px; position:relative; margin:-1px 0px 0px -6px;  padding:0px 0px 0px 0px; }
/* remove all the bullets, borders and padding from the default list styling */
#menuHOME ul {padding:0px; margin:0px; list-style-type:none;  color:#333; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menuHOME li {float:left;position:relative; text-align:center; line-height:35px; padding:0px; font-size:13px;}
/* style the links for the top level */
#menuHOME a:link, #menuHOME a:visited, #menuHOME a{display:block; text-decoration:none; width:149px;  background-image:url(images/navBack.gif); font-weight:bold; padding-left:0px;  color:#333; }
#menuHOME a:hover {text-decoration:underline; color:#fff; display:block;  padding-left:0px; background-image:url(/images/navBackOver.gif);}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menuHOME ul ul {visibility:hidden;position:absolute;height:0;top:32px; margin:0px 2px 0px 0px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menuHOME table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#menuHOME ul ul a{background-color:#efefef;  color:#333; padding: 2px 0px 0px 0px; line-height:25px; text-align:center; margin:0px 0px 0px 0px;}
/* style the top level hover */
#menuHOME :hover > a, #menuHOME ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
#menuHOME ul li:hover ul, 
#menuHOME ul a:hover ul{visibility:visible; color:#fff; background-image:url(/images/navBack.gif); }

/*************************************************/

/******* Navigation *******/
#menuBlog {width:207px;position:relative; margin:0px 0px 0px 0px;  padding:0px 0px 0px 0px; }
/* remove all the bullets, borders and padding from the default list styling */
#menuBlog ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none;  color:#333; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menuBlog li {;position:relative; text-align:center; line-height:36px; padding:0px; font-size:13px; margin:0px 0px 0px 0px;}
/* style the links for the top level */

#menuBlog a:link, #menuBlog a:visited, #menuBlog a{display:block; text-decoration:none; width:193px;  background-image:url(/images/navBack.gif); font-weight:bold; padding:0px;  color:#333; background-repeat:no-repeat;}
#menuBlog a:hover {text-decoration:underline; color:#fff; display:block;  padding-left:0px; background-image:url(/images/navBackOver.gif);}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menuBlog ul ul {visibility:hidden;position:absolute;height:0;top:32px; margin:0px 2px 0px 0px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
#menuBlog table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
#menuBlog ul ul a{background-color:#efefef;  color:#333; padding: 2px 0px 0px 0px; line-height:32px; text-align:center; margin:0px 0px 0px 0px;}
/* style the top level hover */
#menuBlog :hover > a, #menuBlog ul ul :hover > a {}
/* make the second level visible when hover on first level list OR link */
#menuBlog ul li:hover ul, 
#menuBlog ul a:hover ul{visibility:visible; color:#fff; background-image:url(/images/navBack.gif); }

/*************************************************/


#payment {/*position:fixed; top:375px;*/ border:1px #efefef solid;background-image:url(/images/logoBack.jpg); margin: 0px; height:140px; width:155px;}
#payment h1{background-color:#333333; color:#FFFFFF; font-size:16px; padding:5px;  margin: 0px}
#payment h2 {font-size:18px; color:#333; font-weight:bold;}

#footer {padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align:center; color:#fff; width:990px;}
#footer p{ color:#fff;}


.error { color: #FF0000; }
div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 0px; left: 300px; width: 455px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

.paging {
	width: 100%;
	border-collapse: collapse;
}
.paging th {
	background-color:#999;  border-top:1px #666 solid;
}
.paging th.first {
	text-align: left;
	vertical-align: top;
}
.paging.result_class th.last, .paging.personal_class th.last {
	text-align: right;
}
.paging.personal_class .row2, .wod_class .row2 {
	background-color: #d2d2d2; 
}

.paging td {
	vertical-align: top;
}
.balance {
	width: 100%;
}
.wod_hilight {
	background-color:#C00; color:#fff; font-weight:bold;
}
.calendar th {
	font-size: 8pt;
}

.overdue {color:#fff; font-weight:bold; font-size:10pt; background-color: #D54936;}
.overdue a:link, .overdue a {color: #fff;}

.assigned {color:#fff; font-weight:bold; font-size:10pt; background-color: #372C2B;}
.assigned a:link, .assigned a {color: #fff;}

.search {color:#fff; font-weight:bold; font-size:10pt; background-color: #CCCCCC;}
.search a:link, .search a {color: #fff;}

.curday {color:#fff; font-weight:bold; font-size:10pt; background-color:#23178E;}
.curday a:link, .search a {color: #fff;}

.nowod {color:#000; font-weight:bold; font-size:10pt; background-color: #FFFFFF;}
.nowod a:link, .search a {color: #000;}

.members td, .inactive td, .cols td { vertical-align: middle; }
.members .row2, .inactive .row2, .cols .row2 { background-color: #efefef; }
.members .row2.overdue { background-color: #D54936; }

.payments td { vertical-align: middle; }
.payments .row2 { background-color: #efefef; }
.payments .navigation { text-align: right; }

.paging tr:hover {  }
.paging tr:hover .commands, .paging tr:hover .navigation { background-color: #ffffff; }

.paging.result_class tr td.row1, .paging.result_class tr th.row1 { background-color: #ffffff; vertical-align:top; width:250px;}
.paging.result_class tr td.row2, .paging.result_class tr th.row2  { background-color: #d2d2d2; vertical-align:top; width:250px;}

.paging .spacer {width: 23px; }

.coupons th { font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 13pt; color: #fff; margin: 0px 0px 0px 0px; font-weight:bold; background-color: #999999; }
.coupons th a { color: #fff; }
.coupons .commands { text-align: right; }
.coupons .row2 { background-color: #efefef; }

.center { text-align: center; }

.debug { border: #cc0000 1px solid; background: #ffffff; padding: 7px; margin-top: 10px; clear: both; text-align: left; }
.members .navigation, .inactive .navigation { text-align: right; }