﻿/* Other.css For all pages other than the home page */

/* Block all default margins and padding */
* {
    margin: 0;
    padding: 0;
}

body {
    /* Required to center wrapper in old browsers */
    text-align: center; 
    background-color: #66cccc;;
    font-family: "Trebuchet MS", Helvetica, Sans-Serif;
}

/* Wrapper sizes the layout */
#wrapper {
    /* Sets width of fixed or elastic layout */
    width: 47em; 
    /* Centers the layout (newer browsers) */
    margin: 20px auto 0 auto;
    background-color: #fff;
}


/* -- Start layout division styles -- */
/* Branding division */
#branding {
    /* Style to taste */
    position: relative;
    height: 6em;
    background-color: #d6f5f5;
    border-bottom: solid 2px #bb0000;
}


/* Navigation column */
#navcolumn {
    float: left; 
    /* Style to taste */
    width: 10em;
    padding: 1em 0;
    background-color: #d6f5f5;
    border-top: solid 6px #fff;
    border-bottom: solid 6px #fff;
    border-left: solid 6px #fff;
    border-right: solid 2px #d6f5f5;
}

/* Content division */
#content {
    /* Leave room for leftcolumn */
    margin-left: 10.5em; 
    /* Optional, style to taste */
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}

/* Footer division */
#footer {
    /* Clear floated column */
    clear:left; 
    /* Optional, style to taste */
    background-color: #d6f5f5;
    color: #000;
    border-top: solid 2px #b00;
    height: 3.75em;
}


/* -- End layout division styles -- */

/* -- Start Content division styles -- */

/* Heading 1 tags in content division */
#content h1 {
    margin-left: 12px;
    font-size: 1.35em;
    color: #bb0000;
}

/* Heading 2 tags in content division */
#content h2{
    margin-left: 12px;
    font-size: 1em; 
    color: #bb0000;
}

/* Heading 3 tags in content division */
#content h3{
   margin-left: 12px;
   font-size: 1em;
   color: #bb3e00; 
}


/* Heading 4 tags in content division */
#content h4{
   font-size: 1em;
   color: #000; 
}

/* Heading 5 tags in content division */
#content h5{
   margin-left: 12px;
   font-size: 1.35em;
   color: #6fc3c1; 
}

/* Heading 6 tags in content division */
#content h6{
   font-size: 1em;
   color: #898989; 
}

/* Paragraphs in content division */
#content p {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: 0.90em;
    line-height: 1.5em;
    margin: 1em 12px;
}


/* Font for This Page Updated */
p.update {
font-style: italic;
}

/* -- End Content division styles -- */


/* -- Start divisions within branding division styles --*/


/* Logo division */
#logo {
   position: absolute;
   top: .5em;
   left:1em;
}

/* Applies to images in the Logo division */
#logo img{
   width:8em;
   border-style: none;
}

/* Ribbons division */
#ribbons {
    position: absolute;
    top:.1em;
    left:10em;
    width:36.5em;
    height:5.75em;
    background-color: #d6f5f5;
    background-image: url("images/template_ribbon_ex.png");
    background-repeat: repeat; 
}

/* -- End Branding Division styles -- */

/* -- Start Navcolumn styles -- */

/* Format ul in navcolumn */
#navcolumn ul {
  list-style-type:none;
  font-family: "Trebuchet MS", Helvetica, sans-serif; 
  font-size: 90%;
  text-align: left;
  padding-left: .50em;
}

/* Format li in navcolumn */
#navcolumn li {
   padding-bottom: 1em;
}

/* -- End Navcolumn styles -- */


/* -- Format Links -- */

/* Unvisited and visited links (no underline) */
a:link, a:visited, a:active {
   color: #930; /* brown */ 
   text-decoration: none;
}

/*hover links (underline) */
a:hover {
  color: #ff0000; /* red*/
  text-decoration: underline;
}

body#home a#menu-home,
body#contact a#menu-contact,
body#testing a#menu-testing,
body#careservices a#menu-careservices,
body#preventionservices a#menu-preventionservices,
body#hi_vgroup a#menu-hi_vgroup,
body#hotlines a#menu-hotlines,
body#aidsnetdocuments a#menu-aidsnetdocuments,
body#subgranteeinfo a#menu-subgranteeinfo,
body#board a#menu-board,
body#events a#menu-events,
body#links a#menu-links,
body#sitemap a#menu-sitemap {
     color:#bb0000;
     background:#fff;
     display:block;
     text-decoration: none;
     font-size:1em;
     font-style:italic;
}


/* -- End format of links -- */


/* Paragraph style in footer */

p.footer {
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: 80%;
   Width: 55em;
   padding: 1em;
   color: #930;
}   
  

/* Copyright style in footer */
p.cr {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: .60em;
    text-align: left;
    padding: .50em;
}

/*-- End styles for Footer --*/

/* Tables */
table {
    border-style: none;
    border-width: 2px;
    padding: 3px;
    width: 100%;
}

/* Table for Board Page */
table.board {
    border-style: groove;
    border-color: #b7b7b7;
    border-width: 8px;
    width: 90%;
    margin-left: 12px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: .80em;
}


/* Format Table Data for Board Page */
td.board {
   border-style: ridge;
   border-width: 2px;
   width:33.3%;
   padding: .75em;
}

/* Format paragraphs in table of Board page */
p.board{
   text-align: center;
}


/* Table for jump links on Testing page */
table.testing {
    border-top: 1px solid black;
    border-bottom: 1px solid #000;
    width: 70%;
    margin-left: 75px;
    font-family: "Tresbuchet MS", Helvitica, sans-serif;
    font-size: .80em;
}

td.testing{
    border-style: none;
    padding: .25em;
    text-align: center;
}

/* Format ul in Care Services page */
ul.care {
    list-style-type: circle;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: .90em;
    margin-left: 60px;
    margin-right: 60px;
}


/* Format ul in HI-V Group Needs page */
ul.needs {
    list-style-type: disc;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-style: italic;
    font-size: .90em;
    margin-left: 60px;
    margin-right: 60px;
}



/* Format li heading in Site Map page */
li.heading {
    margin-left: 45px;
}

/* Format li in Site Map page */
li.smap {
    margin-left: 30px;
    font-size:  .90em;
}


/* Format text for Adobe Reader message */
p.adobe {
   font-style: italic;
   color: #bb0000;
}

/* Images in content division */
img.content {
   padding: 0 .5em 0 0;
}

/* Image on HI-V page */
img.hivgroup {
   padding:  .8em;
}

/*Format ul in Documents Page*/
ul.documents {
   list-style-type: circle;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-size: .90em;
   margin-left: 60px;
   margin-right: 70px;
}


/* -- Divisions for Testing Page -- */

/* Berks division */
#berks {
    margin-left: .25em; 
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}

/* Carbon division */
#carbon {
    margin-left: .25em; 
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}

/* Lehigh division */
#lehigh {
    margin-left: .25em; 
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}


/* Monroe division */
#monroe {
    margin-left: .25em; 
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}


/* Northampton division */
#northampton {
    margin-left: .25em; 
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}


/* Schuylkill division */
#schuylkill {
    margin-left: .25em; 
    text-align:left;
    padding-top:1em;
    padding-bottom: 0.5em;
    background-color: #fff;
    color: #000;
}

/* -- End of divisions for Testing page -- */