a {font-family: Arial, sans-serif; color: #2484c6; text-decoration: none}

a:hover {text-decoration: underline}

a:visited {color: #2484c6;}

a.md {font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #2484c6; text-decoration: none}

a.md:hover {text-decoration: underline overline}

a.medium {font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #2484c6; text-decoration: none}

a.medium:hover {text-decoration: underline overline}

a.large {font-family: Verdana, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none}

a.large:hover {text-decoration: underline overline}

 a.pink {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none}

 a.pink:hover {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color: #817a5e; text-decoration:  none}

.head a {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none}

.head a:hover {font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; color: #cc0000; text-decoration:  none}



/* text classes */

 .head {font-family: Arial; font-weight: bold; color: #FFFFFF; font-size: 10px;}

.normal {font-family: Arial; font-weight: normal; color: #000000; font-size: 10px;}

.bold {font-family: Arial; font-weight: bold; color: #000000; font-size: 10px;}

.callbody {font-family: Arial; font-weight: normal; color: #000000; font-size: 10px; padding: 8px;}

.callbodyb {font-family: Arial; font-weight: bold; color: #000000; font-size: 10px; padding: 8px;}

.pad {padding: 8px;}

.norepeat {background-repeat: no-repeat;}

.caption {font-family: Arial; font-weight: bold; color: #ffffff; font-size: 10px; background-color: #fd934d; }


/* different class for each page's cell background color */

.home {background-color: #2484c6;}

.about {background-color: #2484c6;}

.join {background-color: #9933ff;}

.directory {background-color: #ff66ff;}

.events {background-color: #fd934d;}

.conference {background-color: #36d526;}

.awards {background-color: #ffcc33;}

.board {background-color: #66ccff;}

.news {background-color: #f599b1;}

.contact {background-color: #84ef06;}

.cms {background-color: #cccccc;}


/* different class for each page's callout box */

.callhome {height: 74px; width: 255px; background-color: #2484c6; padding: 8px;}

.callabout {height: 74px; width: 255px; background-color: #2484c6; padding: 8px;}

.calljoin {height: 74px; width: 255px; background-color: #9933ff; padding: 8px;}

.calldirectory {height: 74px; width: 255px; background-color: #ff66ff; padding: 8px;}

.callevents {height: 74px; width: 255px; background-color: #fd934d; padding: 8px;}

.callconference {height: 74px; width: 255px; background-color: #36d526; padding: 8px;}

.callawards {height: 74px; width: 255px; background-color: #ffcc33; padding: 8px;}

.callboard {height: 74px; width: 255px; background-color: #66ccff; padding: 8px;}

.callnews {height: 74px; width: 255px; background-color: #f599b1; padding: 8px;}

.callcontact {height: 74px; width: 255px; background-color: #84ef06; padding: 8px;}


/* specially contructed boxes with graphic at top and html continuing the lines */

.box_board {background-color: b2e5ff;}

.box_events {background-color: fec9a6;}

/* scrollbars */

.scrolldirect {scrollbar-3dlight-color: #cccccc; scrollbar-arrow-color: #ffffff; scrollbar-base-color:; scrollbar-track_color: #ffffff; scrollbar-darkshadow-color:; scrollbar-face-color: #ff66ff; scrollbar-highlight-color:; scrollbar-shadow-color:;}

.scrolljoin {scrollbar-3dlight-color: #cccccc; scrollbar-arrow-color: #ffffff; scrollbar-base-color:; scrollbar-track_color: #ffffff; scrollbar-darkshadow-color:; scrollbar-face-color: #9933ff; scrollbar-highlight-color:; scrollbar-shadow-color:;}

.scrollevents {scrollbar-3dlight-color: #cccccc; scrollbar-arrow-color: #ffffff; scrollbar-base-color:; scrollbar-track_color: #ffffff; scrollbar-darkshadow-color:; scrollbar-face-color: #fd934d; scrollbar-highlight-color:; scrollbar-shadow-color:;}
/* table class for blue background and white text */

input,select { font-family: Arial; font-weight: normal; color: #000000; font-size: 10px;}

input.gold,select.gold,textarea.gold {background-color: #fbfaf8; font-family: Arial; font-weight: normal; color: #000000; font-size: 10px; width:200px; border:solid 1px #7f9db9;}
input.goldbtn {background-color: #69b08d; border:none; font-family: Arial; font-weight: normal; color: #ffffff; font-size: 10px; width:120px; border:solid 1px #7f9db9;}
input.red,select.red,textarea.red {background-color: #fbfaf8; font-family: Arial; font-weight: normal; color: #000000; font-size: 10px; width:200px; border:solid 1px #7f9db9;}
input.redbtn {background-color: #b6b95f; border:none; font-family: Arial; font-weight: normal; color: #ffffff; font-size: 10px; width:120px; border:solid 1px #7f9db9;}
input.pinkbtn {background-color: #ff0066; border:none; font-family: Arial; font-weight: bold; color: #ffffff; font-size: 14px; width:160px; border:none; padding:3px;}
input.reddbtn {background-color: #cc0000; border:none; font-family: Arial; font-weight: bold; color: #ffffff; font-size: 14px; width:160px; border:none; padding:3px;}

.radiocolor {background-color: #ffffff;}


.280 { width: 280px; font-size: 11px}
.FFF { background-color: #fff; font-size: 11px}
.LtBlue { background-color: #e0eef8; font-size: 11px}

.submit { width: 280px; font-weight: bold; font-size: 18px; background-color: #CCC}

.submitred { border:solid 1px black; width: 280px; font-weight: bold; font-size: 16px; color:#fff; background-color: #e00f0b}