/** NOTES ON ST`YLE SYNTAX **/
/** STYLES WITH A # (ie, div#nav) IN THE NAME ARE REFERENCED AS ID="stylename" **/
/** STYLES WITH A . (ie, div.comments) IN THE NAME ARE REFERENCED AS CLASS="stylename" **/

/* THIS IS TO FORCE THE SCROLLBAR TO SHOW IN NETSCAPE AND FIREFOX */
html {
height: 100%;
margin-bottom: 0.01em;
}

/** TABLE STYLE USED TO START THE MAIN TABLE **/
.maintable {
 width: 760;
 background:#FFFFFF;
 padding:0;
 margin-left: auto;
 margin-right: auto;
 border:4px solid #9C8E09;
}
/** TABLE STYLE USED FOR THE BANNER AREA (WHERE THE LOGO IS) **/
.bannertable {
 background:#ffffff;
 margin: 0;
 border: 0;
}
/** FONT STYLE USED FOR ALL MAIN TEXT ON THE PAGE THAT IS BLACK **/
.maintxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #21085A;
}
/** FONT STYLE USED FOR NEWSLETTER CONTENT **/
.newstxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #000000;
}
/** FONT STYLE SAME AS "maintxt" BUT BOLD **/
.maintxtB {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #21085A;
}
.maintxtBB {  /** to get this slightly bolder than normal using different fonts **/
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #21085A;
}
/** FONT STYLE SAME AS "maintxt" BUT UNDERLINE **/
.maintxtU {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 text-decoration:underline;
 font-weight: normal;
 color: #21085A;
}
/** FONT STYLE SAME AS "maintxt" BUT ITALICS **/
.maintxtI {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 font-style: italic;
 font-weight: normal;
 color: #21085A;
}
/** FONT STYLE USED FOR MENUS **/
.menutxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 12px;
 font-weight: bold;
}
/** FONT STYLE USED FOR CONTACT INFO AT BOTTOM OF PAGE **/
.contacttxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #21085A;
 text-align: center;
}
/** FONT STYLE USED FOR "BIGGER" FONT SIZE **/
.bigtxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 16px;
 font-weight: normal;
 color: #21085A;
}
/** FONT STYLE USED FOR "BIGGER" FONT SIZE (BOLD AND ITALIC) **/
.bigtxtBI {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 16px;
 font-style: italic;
 font-weight: bold;
 color: #21085A;
}
/** FONT STYLE USED FOR "BIGGER" FONT SIZE (DARK BLUE BOLD ITALIC) **/
.bigbluetxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 25px;
 font-style: italic;
 font-weight: bold;
 color: #21085A;
}
/** FONT STYLE - DARK BLUE, CENTURY GOTHIC, WITH PADDING LEFT & RIGHT  (used for quotes in header) **/
.blue_I {
 font-family: Century Gothic;
 font-size: 15px;
 vertical-align: bottom;
 color: #21085A;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 45px;
 padding-right: 45px;
 text-align: left;
}
/** FONT STYLE (used in conjunction with above for the quote author's name) **/
.blue_I2 {
 margin-top: 2px;
 font-weight: normal;
 text-align: right;
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 11px;
 color: #21085A;
}
/** FONT STYLE (using link color used for contact info on each page) **/
.linktxt {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 text-decoration:underline;
 font-weight: normal;
 color: #586695;
}
/** FONT STYLE (this used for newsletter archives & "printer-fiendly" links **/
.linktxt2 {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 14px;
 text-decoration:underline;
 font-weight: normal;
 color: #586695;
}
/** FONT STYLE (small link style) **/
.linktxt3 {
 font-family: Arial, Verdana, Geneva, sans-serif;
 font-size: 10px;
 text-decoration:underline;
 font-weight: normal;
 color: #586695;
}
/** TD STYLE - USED TO CREATE A THIN DARK BLUE LINE **/
.blue-line {
 background-color: #21085A;
 padding: 1;
}
/** TR STYLE - USED TO CREATE A THIN LIGHTER BLUE LINE **/
.barcolor {
 background-color: #586695;
 padding: 1;
 height: 3;
}
/** STYLE - USED TO CREATE A THIN LIGHTER BLUE LINE **/
.thinbar {
 background-color: #21085A;
 padding: 1;
 height: 1;
}
/** LI style using a small star as the bullet with indent of 5px **/
.starbullet {
 list-style-image: url("../graphics/tinystar.gif");
 margin-left: 15px;
 padding-left: 0px;
 padding-bottom: 5px;
}
/** LI style using a small star as the bullet with indent of 15px **/
.starbullet2 {
 list-style-image: url("../graphics/tinystar.gif");
 margin-left: 35px;
 padding-left: 0px;
 padding-bottom: 5px;
}
/** LI style using no bullet and indent 10px **/
.nobullet {
 list-style: none;
 margin-left: 20px;
 padding-left: 0px;
 padding-bottom: 3px;
}
/** LI style using no bullet and indent 30px **/
.nobullet2 {
 list-style: none;
 margin-left: 40px;
 padding-left: 0px;
 padding-bottom: 3px;
}
/** UL style using no space **/
.nospace {
 margin: 0px 5px 0px 20px;
 padding: 0px;
}
/** UL style using no space -- this one REALLY has no space **/
.nospace2 {
 margin: 0px;
 padding: 0px;
}
/** image style to add margin **/
.imgmarg {
 margin: 5px;
 padding: 0px;
}
/** link styles **/
.darkblue {color: #21085A}
/** .linkcolor {color: #3C0FAD} **/
/** .linkcolor {color: #393972} **/
.linkcolor {color: #586695}

/** these used on the main page to use h1 and h2 for SEO **/
h1 {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
color: #21085A;
margin:0px;
padding: 0px;
}
h2 {
font-family: Arial, Verdana, Geneva, sans-serif;
font-size: 14px;
font-weight: normal;
color: #21085a;
margin: 0px;
padding: 0px;
}
h2 li {
margin: 0px;
padding: 0px;
padding-left:10px;
list-style-image: url("../graphics/tinystar.gif");
}
h1 li {
margin: 0px 0px 0px 20px;
padding: 0px;
list-style-image: url("../graphics/tinystar.gif");
}
li span {
position: relative; left: -8px; /** this controls the horizontal spacing between the bullet and the text **/
}
h1.title {
margin: 5px 0px 0px 0px;
padding-left:5px;
}

/** table class used on main page **/
table.twin {
padding: 0px;
margin:0px;
}

/*********************************************************************************************/
/* BELOW ARE ALL OF THE TAB PROPERTY DEFINITIONS: COLORS, SIZE, ETC FOR ACTIVE/INACTIVE TABS */
/* AND THE STYLES USED FOR THE ROUND BOXES IN THE BODY OF THE PAGE                           */
/*********************************************************************************************/

/** BODY STYLE **/
body{background: #ffffff;font: 60% Arial, Verdana, Geneva, sans-serif;}

/** STARTS THE TOP HORIZONTAL MENU **/
div#menu{float:left;width: 100%;padding-top:15px;background: #ffffff;}

/** <UL> AND <LI> STYLES USED FOR TOP HORIZONTAL MENU **/
/** <UL> MENU STYLE **/
ul#nav{list-style-type:none;margin:0;padding:0;margin-left: 3px;width:740px}
/** <LI> MENU STYLE **/
ul#nav li{float:left;margin-right: 3px;text-align: center}
/** <A> MENU STLYE **/
ul#nav a{float:left;width:120px;padding: 5px 0;background: #afb060;text-decoration:none;color: #21085A}
/** <A> HOVER STYLE (TO CHANGE THE COLOR OF THE MENU WHEN YOU MOUSEOVER **/
ul#nav a:hover{background: #586695;color: #ffffff}
/** ACTIVELINK STYLE (CHANGES THE ACTIVE MENU TO LIGHT BLUE) **/
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #586695;color: #ffffff}

/** DIV STYLE-PART OF THE NIFTY LAYOUT-MUST BE USED OUTSIDE THE <TD> AND ENDED BEFORE THE </TR> **/
div#container{width:750px;margin:5px;padding:0px;text-align:left;background:#FFF}

/** DIV STLYES-USED FOR LEFT SIDE VERTICAL MENU WITH ROUNDED OUTER BOX **/
/** MAIN DIV STYLE **/
div#side{float:left;display:inline;width: 190px;background:#cccc99; margin:10px;padding:5px}
/** <P> STLYE **/
div#side p{text-align:left;margin:0px;padding-right:10px;width:140px;height:400px}
/** <A> STLYE **/
div#side a{float:left;width:140px;padding:5px 0px 5px 5px;background: #586695;text-decoration:none;color: #ffffff}
/** <A> ACTIVELINK STYLE (CHANGES THE ACTIVE MENU TO DARK BLUE) **/
div#side a.activelink{float:left;width:140px;padding:5px 0px 5px 5px;background: #21085A;text-decoration:none;color: #ffffff}
/** <A> HOVER STLYE (TO CHANGE THE COLOR OF THE MENU WHEN YOU MOUSEOVER **/
div#side a:hover{background: #21085A;color: #ffffff}

/** DIV STYLE-USED FOR RIGHT ROUNDED BOX **/
/** MAIN <DIV> STYLE **/
div.comments div{background: #EEE; margin:10px 10px 10px 10px; padding-right:5px;}
/** <P> STLYE **/
div.comments p{margin:5px 0 10px;padding: 0 10px;}
/** ADD THIS <DIV> STYLE TO CHANGE THE COLOR TO LIGHT BLUE **/
div.comments div.odd{background:#DAE6FE;text-align: left}
/** ADD THIS <DIV> STYLE TO CHANGE THE COLOR TO LIGHT BEIGE **/
div.comments div.even{background:#eeeedd;text-align: left}
/** ADD THIS <DIV> STYLE TO CHANGE THE COLOR TO dark blue **/
div.comments div.dark{background:#21085A;text-align: left; margin:0px 5px 0px 5px}


/*********************************************************************************************/
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */
/*DON'T CHANGE ANYTHING BELOW HERE!!!*/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}
/*********************************************************************************************/