body {
   color: #000000;
   background: #ffffff url(/images/body_bkg.gif) repeat-y;
   font-family: Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; 
   font-size: 12px;
   margin: 0;
   padding: 0;}
   
.main_content {
   color: #000000;
   font-family: Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; 
   font-size: 12px;}

ul {
   font-size: 12px;}

a,a:link,a:visited,a:active {
   color: #0a317a;
   text-decoration: underline;}

a:hover {
   color: #553801;
   text-decoration: none;}

h1 {
   font-size: 23px;
   font-weight: bold;
   margin: 0px 5px 0px 5px;
   padding: 0px;}

h2 {
   font-size: 18px;}
/*
p {
   font-size: 12px;
   margin: 10px;}

td {font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}
th       {font-family: Arial,Lucida,Verdana,Helvetica; font-size: 12px; background: #B8CDE7; color: #000000;}
*/

p {
   font-size: 12px;
   margin: 0px;

   padding: 0px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.padsides {
   margin: 0px;
   padding: 0px;
   padding-left: 5px;
   padding-right: 5px;
}

td {font-family: Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}
th       {font-family: Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; font-size: 12px; background: #4C137E; color: #000000;}

.required   {color: #ff0000; background: threedface;}
.optional   {background: threedface;}
.field      {background: #E2EBF7;}
.alternate  {background: #E2EBF7;}
.row     {background: #F2FAFF;}
.total {background: #D3D3D3;} 
.red     {color: #ff0000;}

#mid, #mid ul {
   list-style: none;
   font-size: 10px;
   padding: 0;
   margin: 0;}

#mid a {
   display: block;}

#mid li { 
   float: left;}

#mid li ul {
   position : absolute;

   left: -999em;
   width: 140px;
   margin-left: 0px;
   margin-top: -5px;}

#mid li ul ul { 
   left: -999em;
   margin-left : 124px;
   margin-top : -28px;}

#mid li>ul ul {
   margin-left: 140px;}

#mid li a {
   display: block;}

#mid li a:hover {
   color: #553801;}

#mid li li a {
   display: block;
   color: #0a3077;
   background: #f4f5f9;
   width: 175px;
   font-weight: normal;
   margin: -1px 0 0 0;
   border: 1px solid #0a3077;
   padding: 4px 6px 4px 6px;}

#mid li li a:hover, #mid li li:hover a, #mid li li.over a {
   color: #966f24;
   background: #f8f7f3;
   border: 1px solid #966f24;}


#mid li:hover ul ul, #mid li:hover ul ul ul, #mid li.sfhover ul ul, #mid li.sfhover ul ul ul {
   left: -999em;}

#mid li:hover ul, #mid li li:hover ul, #mid li li li:hover ul, #mid li.sfhover ul, #mid li li.sfhover ul, #mid li li li.sfhover ul { /* lists nested under hovered list items */
   left: auto;
   z-index: 6000;}


#main {
   width: 900px;}

#content, #content_calendar {
   color: #000000;
   font-size: 13px;}

div#content {
   width: 100%;}

#content_calendar p{
   color: #0a317a;}

.event_cat {
   font-size: 12px;
   font-style: italic;}

#calendar_search {
   color: 0a317a;
   background: #f7f4ee;
   font-size: 11px;
   font-weight: bold;
   padding: 0px;
   border: 6px solid #f7f4ee;}

#calendar_search td {
   padding: 3px;}

#login {
   color: #0a317a;
   background: #f0eade;
   font-size: 12px;
   text-align: center;
   border: none;
   margin: 0px;
   padding: 0px;}

#login table {
   color: #0a317a;
   font-size: 12px;
   text-align: center;}

#login_boxes td {
   border: 1px solid #f7f4ee;
   border-collapse: collapse;
   margin: 0px;
   padding: 3px;}

input {
   font-size: 9px;
   margin: 0px;
   padding: 0px;}

select {
   font-size: 9px;
   color: #404040;
   background: #ffffff;
   border: 1px solid #3d5b95;}

textarea {
   font-family: Trebuchet MS,Arial,Helvetica,Verdana,sans-serif; 
   font-size: 11px;
   color: #404040;
   background: #ffffff;
}
   
input.texta {
   color: #404040;
   background: #ffffff;
   border: 1px solid #3d5b95;
   margin: 0px;
   padding-left: 2px;}

input.btn, input.btn_go {
   color: #0a317a;
   background: #ffffff;
   border: none;
   vertical-align: middle;
   font-size: 9px;
   font-weight: bold;
   margin: 2px 4px;
   padding: 2px 3px 1px 3px;
   border: 1px solid #3d5b95;
   cursor: pointer;}
   
input.btn_go {
   border: none;}

input.btnGroupNav {
   color: #0a317a;
   background: #ffffff;   
   vertical-align: middle;
   font-size: 9px;
   font-weight: bold;
   font-family: Arial,Lucida,Verdana,Helvetica;
   height:19px;
   margin: 2px 4px;   
   border: 1px solid #3d5b95;
   cursor: pointer;
}

.breadcrumb {
   color: #000000;
   font-size: 10px;
   padding-left: 10px;}

.smalltext {
   color: #000000;
   font-size: 10px;}

.note {
   color: #986e22;
   font-size: 11px;}

.left {
   width: 190px;
   background: #f0eade url(/images/left_coins.jpg) no-repeat;
   background-position: bottom;
   border-bottom: 5px solid #f0eade;
   padding: 0px;}


#search table {
   color: #0a317a;
   width: 100%;
   margin: 5px 5px 5px 5px;
   font-weight: bold;}

#nav ul {
   background: transparent;
   list-style: none;
   float : left;
   width : 190px;
   font-size: 11px;
   padding: 0px;
   margin: 0px;}

#nav li { 
   position : relative;
   float : left;
   width: 100%;
   font-size: 11px;
   margin: 0px;
   margin-bottom: -1px;
   padding: 0px;}

#nav li ul { 
   position : absolute;
   left: -999em;
   margin-left : 140px;
   margin-top : -30px;}

#nav li ul ul { 
   left: -999em;
   margin-left : 124px;
   margin-top : -28px;}

#nav li>ul ul {
   margin-left: 140px;}

#nav li a {
   display : block;
   color: #000000;
   background: url(/images/left_nav-off.gif) no-repeat;
   width: 100%;
   font-weight : normal;
   text-decoration : none;
   margin-top: 3px;
   padding: 8px 0 8px 15px;}

#nav li a:hover {
   color: #553801;
   background: url(/images/left_nav-on.gif) no-repeat;}

#nav li li a {
   display: block;
   color: #0a3077;
   background: #f4f5f9;
   width: 175px;
   font-weight: normal;
   margin: 0px;
   border: 1px solid #0a3077;
   padding: 5px 7px 5px 7px;}

#nav li li a:hover, #nav li li:hover a, #nav li li.over a {
   color: #966f24;
   background: #f8f7f3;
   border: 1px solid #966f24;}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
   left: -999em;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
   left: 50px;
   z-index: 6000;}

#main_bars ul {
   list-style-type: none;
   list-style-image: none;
   margin: 2px;
   padding: 0px;}

#main_bars ul li {
   margin: 4px;
   padding: 0px;}

#right {
   width: 205px;
   height: 150px;
   padding-top: 30px;
   padding-left: 10px;}

#right ul {
   list-style-type: none;
   list-style-image: none;
   font-size: 11px;
   margin: 0px;
   padding: 0px;}

#footer table {
   font-size: 10px;}

#footer_bottom {
   text-align: center;}

/*
#footer_bottom a,#footer_bottom a:link,#footer_bottom a:active,#footer_bottom a:visited {
   color: #404040;
   text-decoration: none;}

#footer_bottom a:hover {
   color: #000000;
   text-decoration: none;}
*/

#header {
   width: 1000px;
   border-top: 3px solid #c0c0c0;
   margin: 0px;
   padding: 0px;}


.calendar_on, .calendar_off {
   width: 151px;
   border: 1px solid #966f24;
   text-align: center;
   margin: 10px;}

table.days a, table.days a:link, table.days a:active, table.days a:visited, table.days a:hover {
   font-weight: bold;
   text-decoration: none;}

table.month {
   width: 100%;
   background: #ffffff;
   text-align: center;
   border-collapse: collapse;
   border-top: 1px solid #ffffff;
   border-right: 1px solid #ffffff;
   border-left: 1px solid #ffffff;
   border-bottom: none;}

.calendar_on table.month {
   border-top: 2px solid #ffffff;
   border-right: 2px solid #ffffff;
   border-left: 2px solid #ffffff;
   border-bottom: none;}

table.month td {
   color: #ffffff;
   background: #0a317a;
   font-size: 11px;
   border: 1px solid #ffffff;}

table.month th {
   width: 21px;
   color: #ffffff;
   background: #475877;
   font-size: 11px;
   border: 1px solid #ffffff;}

table.days, .calendar_on table.days {
   width: 100%;
   background: #aebbd3;
   font-size: 11px;
   text-align: center;
   border-collapse: collapse;
   border-top: none;
   border-right: 2px solid #ffffff;
   border-bottom: 2px solid #ffffff;
   border-left: 2px solid #ffffff;}


table.days td {
   width: 21px;
   color: #303030;
   background: #ffffff;
   font-size: 11px;
   border: 1px solid #aebbd3;}

table.days td.days_off {
   color: #8f99aa;
   background: #b5c1d7;}

.studygroupadmin {
   
}

.studygroupadmin a:link, .studygroupadmin a:hover, .studygroupadmin a:active, .studygroupadmin a:visited  {
   color: #93C30E;
}

.calendar td, .calendar_sel td {
   width: 20px;
   font-size: 11px;
   text-align: center;}

.calendar_on { /* Selected Month */
   border: 2px solid #966f24;}

#whatsnew {
   color: #0a317a;
   width: 271px;
   background: #ffffff;
   padding-top:5px;
   margin: 0 0 2px 2px;}

#whatsnew p {
   background: #ffffff;
   margin: 5px 10px;
   padding: 5px;}

#whatsnew .date {
   color: #000000;
   background: #ffffff;
   padding: 0 3px;}

td.whatsnew_content {
   width: 300px;
   border: 1px solid #93C30E;
   border-top: none;
   padding: 0px;}

td.whatsnew_content table p {
   margin: 0 10px;}

/* classes to change font sizes */
.smallest   {font-size: 9px;}
.smaller, small    {font-size: 10px;}
.normal     {font-size: 12px;}
.larger, big     {font-size: 14px;}
.largest    {font-size: 16px;}

.faq_h4 {color: #0A317A;}
.faq_hr {border: 0px; background-color: #0A317A; color: #0A317A; width: 100%; height: 1px;}

a.hlink {font-family: arial,helvetica,verdana; font-size: 12px; text-decoration: underline; color: #ffffff;}
a.hlink:link {color: #000000;}
a.hlink:active {color: #000000;}
a.hlink:visited {color: #000000;}
a.hlink:hover {color: #000000;}


.LookupField {
   border: #999999 1px solid;
   padding-right: 4px;
   padding-left: 4px;
   /*width: 360px;*/
}

.LookupInfo {
   /*width: 300px;*/
   height: 40px;
   color: red;
   font-weight: bold;
}

.community_navigation {
   color: #000000;
   font-size: 12px;}
   
.green {color: darkgreen;}

div.bar {
   width: 98%;
   background: #c0c0c0;
   font-size: 1px;
   margin: 10px auto;
   padding: 0px;}

div.goldbar {
   width: 98%;
   background: #93C30E;
   font-size: 1px;
   margin: 10px auto;
   padding: 0px;}

div.zipbox {
   width: 98%;
   background: #F0EADE;
   margin: 10px 10px;
   padding: 3px;
   border: 1px solid #c0c0c0;}

table.groupregisterbox {
   width: 96%;
   background: none;
   margin: 10px 10px;
   padding: 3px;
   border: 1px solid #c0c0c0;}

div.vcard {
   font-size: 12px;
   text-align: center;
   width: 98%;
   background: none;
   margin: 10px 10px;
   padding: 3px;
   border: 0px solid #c0c0c0;}

table.ballot {
   border-collapse: collapse;
}

table.ballot td {
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
}

.is_napfa {
   color: #2B4487;
   font-size: 30px;
}

form {
   margin: 0;
   padding: 0;}

#schedule table {
   width: 96%;
   color: #000000;
   background: #ffffff;
   font-size: 12px;
   margin-bottom: 25px;
   border-bottom: 1px solid #E6DBC9;}

#schedule table th {
   color: #000000;
   background: #4C137E;
   font-family: Arial,Helvetica,Verdana,sans-serif; 
   font-size: 15px;
   font-weight: normal;
   text-align: left;
   padding: 5px 10px;}

#schedule table td {
   padding: 2px;
   border-top: 1px solid #E6DBC9;}

#schedule table td.time {
   width: 120px;
   text-align: center;
   padding: 5px 10px;}

#schedule table td.desc {
   width: 190px;
   text-align: left;
   padding: 5px 10px;
   border-right: 1px solid #E6DBC9;
   border-left: 1px solid #E6DBC9;}

#schedule table td.notes {
   padding: 5px 10px;}

#register table {
   width: 94%;
   color: #000000;
   background: #ffffff;
   font-size: 12px;
   margin-bottom: 25px;}

#register table th {
   color: #000000;
   background: #4C137E;
   font-family: Arial,Helvetica,Verdana,sans-serif; 
   font-size: 15px;
   font-weight: normal;
   text-align: left;
   padding: 5px 10px;}

#register table td {
   padding: 2px;}

tr.itemrowa, tr.itemrowa td {
   background-color: #f1f1f1;
}

tr.itemrowb, tr.itemrowb td {
   background-color: #fcfcfc;
}


.borderbtm {border-bottom: 1px solid black;}


a.ForumDateTime
{
	cursor:help;
	text-decoration: none;
	color:#000000;
}

.ShowAreas
{
	cursor:pointer;
}

.helpInfo
{
	font-size: .95em;
	color: #656565;
	font-style: italic
}

.helpInfo img
{
	vertical-align: middle;
}