BODY {
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #BFCBCE;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

a {
color: #2D4362;
}

a:hover { 
color: #934000;
}

DIV.endcolumns {
  clear: both;
  font-size: 4px;
}  

.tag-button { 
  height: 31px;
  border: 0;
}

.tab-button { 
  height: 15px;
  width: 10px;
  border: 0;
}

.centerarea {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}

.contentarea, .whitearea {
background: #FFFFFF;
}

.blackarea {
background: #000000;
}

.mainblock {
background-color: #BFCBCE;
vertical-align: top;
}

.tabdownblock {
background-color: #A7B2B7;
}

.tabdowncenter {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image: url(tabs/tab_down_fill.gif);
background-color: #A7B2B7;
font-size: 15pt;
text-align: center;
vertical-align: middle;
color: #000000;
}

.tabdownleft {
background-image: url(tabs/tab_down_left.gif);
background-color: #A7B2B7;
}

.tabdownright {
background-image: url(tabs/tab_down_right.gif);
background-color: #A7B2B7;
}

.tabupcenter {
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image: url(tabs/tab_up_fill.gif);
background-color: #BFCBCE;
font-size: 15pt;
text-align: center;
vertical-align: middle;
color: #000000;
}

.tabupleft {
background-image: url(tabs/tab_up_left.gif);
background-color: #BFCBCE;
border-width: 0px;
padding: 0px;
}

.tabupright {
background-image: url(tabs/tab_up_right.gif);
background-color: #BFCBCE;
}

A.tablink,A.tablink:hover,A.tablinkselected,A.tablinkselected:hover {	
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #2D4362;
}

A.tablink:hover,A.tablink:active,A.tablinkselected {
color: #934000;
}

.headerboxoutside {
background: #FFFFFF;
padding: 0;
width: 100%;
}

.headerboxtop {
background: #FFFFFF;
padding: 4px;
}

.headerboxtop .left {
float: left;
width: 300px;
}

.headerboxtop .right {
float: right;
width: 500px;
text-align: right;
padding-top: 10px;
padding-right: 10px;
}

.headerboxbottom {
background: #FFFFFF;
padding: 0;
}

.boxoutside {
background: #FFFFFF;
padding: 0px;
border-color: #999999;
border-style: dotted;
border-width: 1px 1px 1px 1px;
}

.boxtop {
background: #CDDADC;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 4px;
padding-left: 4px;
}

.boxbottom {
background: #E2E7EC;
padding: 2px;
}

.boxhead {
margin: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #934000;
}

A.boxheadbutton {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;
}

A.boxheadbutton:hover {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
text-decoration: none;
color: red;
}

/* ===== link-column Styles ===== */
#link-column {
float: left;
width: 210px;
background: #E2E7EC;
border: #999999 dotted 1px;
}

#link-column h2 {
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 4px; 
background: #CDDADC;
color: #934000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
#link-column h3 {
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 6px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #2D4362;
}
#link-column h3 a {
margin: 0px;
padding: 0px;
display: inline;
color: #2D4362;
text-decoration: underline;
}
#link-column h3 a:hover {
color: #934000;
text-decoration: underline;
background: transparent;
border: #000000 none 0px;
}
#link-column a {
margin: 0px 0px 0px 0px;
padding: 1px 4px 1px 10px;
display: block;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #2D4362;
text-decoration: none;
}
#link-column a:hover {
background: #CDDADC;
color: #934000;
}
#link-column a.sub-link {
padding: 0px 2px 0px 2px;
display: inline;
text-decoration: underline;
}

/* ===== detail-column Styles ===== */
#detail-column {
margin-left: 222px;
}
#detail-column h2 {
margin: 0px 0px 2px 0px;
font-size: 12pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #934000;
}
#detail-column h2 a {
display: inline;
color: #2D4362;
text-decoration: none;
}
#detail-column h2 a:hover {
display: inline;
color: #934000;
text-decoration: underline;
}

#detail-column p {
margin: 6px 0px 6px 0px;
font-size: 9pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
#detail-column p a {
padding-left: 2px;
padding-right: 2px;
display: inline;
color: #2D4362;
text-decoration: underline;
font-weight: bold;
}
#detail-column p a:hover {
color: #934000;
text-decoration: underline;
background: transparent;
}
#detail-column p a.sub-link {
font-weight: normal;
}

#detail-column ul {
margin: 2px 0;
padding-left: 20px;
}
#detail-column ul li {
font-size: 9pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
}


#special, #intro, #users, #announcements, #inthenews, #testimonials, #projects-standards {
margin: 0px 0px 10px 0px;
padding: 5px;
border: #999999 dotted 1px;
}
#special {
background: #E2E7EC;
}
#intro {
background: #E2E7EC;
}
#users {
background: #E2E7EC;
}
#announcements {
background: #E2E7EC;
}
#inthenews {
background: #E2E7EC;
}
#testimonials {
background: #E2E7EC;
}
#projects-standards {
background: #E2E7EC;
}

/* ===== Other Styles ===== */
.apptitle {
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #0068B1;	
line-height: 2;
font-size: 8pt;
font-weight: bold;
color: #FFFFFF;	
}

DIV.row {  
background: #B4B0AA;
margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
padding: 0; text-align: center;
}

DIV.col {
border: none; float: left; margin: 0; padding: 0; width: auto;
}

DIV.col-fill {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px; font-weight: bold; text-decoration: none;
background: #B4B0AA; color: #0068B1;
margin: 0; padding: 0; border: none; width: 0;
}

DIV.col-right {
border: none; float: right; margin: 0; padding: 0; width: auto;
}

DIV.contentarea {
background: #FFFFFF;
margin-top: 10px;
padding: 10px;
}

div.spacer {
clear: both;
}  

FORM {
margin: 0px;
}

UL {
margin-top: 0; 
margin-bottom: 0;
}

.head1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px; 
font-size: 12pt;
font-weight: bold;
color: #0068B1;
}

.head2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px;
font-size: 10pt;
font-weight: bold;
color: #000000;
}

.head3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px;
font-size: 8pt;
font-weight: bold;
color: #000000;
}

.info {
font-family: Arial, Verdana, Helvetica, sans-serif;
margin: 0px;
font-size: 10px;
font-style: normal;
color: #000000;
}

.tabletext {
font-size: 10px;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #2D4362;
}

.contenttext {
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

A.buttontext {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #2D4362;
}

A.buttontext:hover {
color: #934000;
text-decoration: underline;
}

A.headerbuttontext {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #0068B1;
}


A.headerbuttontext:hover {
color: black;
text-decoration: underline;
}

.buttontextdisabled {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #333333;
}

A.lightbuttontext {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #c90;
}

A.lightbuttontext:hover {
color: yellow;
text-decoration: underline;
}

.lightbuttontextdisabled {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #CCCCCC;
}

A.buttontextbig {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
font-weight: bold;
text-decoration: none;
color: #0068B1;
}

A.buttontextbig:hover {
color: red;
}

A IMG.imageborder {
border-style: solid;
border-width: 1px;
border-color: #999999;
}