@charset "utf-8";
/* CSS Document */


.footer
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.hyper_foot:link
{
text-decoration:none;
color:#FFFFFF;
}
.hyper_foot:visited
{
text-decoration:none;
color:#ffffff;
}
.hyper_foot:hover
{
text-decoration:none;
color:#000000;
}
.hyper_foot:active
{
text-decoration:none;
color:#ffffff;
}

.proj_title
{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#990033;
}

.page_title
{
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#0066CC;
}

.page_content_1
{
list-style-image:url(images/bullet.png);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
.page_content_2
{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
list-style-image:url(images/bullet.png);

color:#000000;
}
.page_content_3
{
list-style-image:url(images/bullet.png);
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
color:#000000;
}

.container {
background:#ccc;
border:thin;
color:#fff;
margin:0 15px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}
.rtop, .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#870150;
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.about_us
{
padding:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;

}

div#ads
{
width: 840px;
height: 60px;
background-color: #FFFFFF;
padding: 10px;
border: 1px solid #999999;
}

div#ad
{
float: left;
width: 220px;
text-align: center;
padding: 5px;
background-color: #f5f5f5;
border: 1px solid #999999;
}

div#spacer
{
float: left;
width: 25px;
}

/* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#333;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background:#ddd url(images/bg-button.gif) repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #bbb;
      border-bottom:1px solid #aaa;
      }
    
    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #bbb;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #bbb;
      }
    button.pill-r span {
      border-left-color:#fff;
      }
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      border-color:#666666 !important;
      color:#000;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }
 
    /* use if one button should be the 'primary' button */
    .primary {
	width:100%;
      font-weight:bold;
      color:#000;
      }

.bullets_1
{
list-style-image:url(../images/bullets_1.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
}

.page_index
{
list-style-image:url(images/home-bullet.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

.navbar
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#FFFFFF;
}

td.menuon 
{ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
background-color: #CCCCCC; 
background-image:url(images/chromebg-over.gif); 
}
td.menuoff 
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
background-color: #FFFFFF;
background-image:url(images/chromebg.gif);
}
.banner_caption
{
font-family:Arial;
font-style:italic;
color:#003366;
font-size:29px;
text-shadow: #ffffff 2px 3px 3px;
}
.test_caption
{
font-family:Arial;
color:#990000;
font-size:15px;
text-shadow: #646262 1px 2px 2px;
}
}