@import "http://www.uhv.edu/asa/includes/layout.css"; /* just some basic formatting, no layout stuff */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0.5em 0.5em 0 0.5em; /*top right bottom left*/ /* Note: 0.5em is approx. equal to 5px */
    background-color: #000000;
    text-align: center;
}
#frame {
    width: 80em;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
/* Banner */
#contentHeaderHome {
    float:left;
    background-image:url('http://www.uhv.edu/asa/images/UHVText.jpg') no-repeat; /* changed */
    height:50px;
    width:500px;
    margin:0 0 -4.55em -0.05em; /*top right bottom left*/
    padding:0 0 0 0;
}
#contentHeader {
    background:url('http://www.uhv.edu/asa/images/UHVText.jpg') no-repeat;
    height:50px;
    width:500px;
    margin:0 0 -4.55em -0.05em; /*top right bottom left*/
    padding:0 0 0 0;
}
#contentHeaderLink {
    float:right;
    width:250px;
    margin:1.2em 0em -4.55em 28em; /*top right bottom left*/
    font-size: 1.55em;
    color: #FFFFFF;
}
#contentHeaderLink a {
    text-decoration: none;
    color: #FFFFFF;
}

/* First Column Image */
#leftcontentTop {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    height: 13.3em;
    top: 4em;
    background-image: url('http://www.uhv.edu/asa/images/Arts_Sciences.jpg');
    overflow: hidden;
}
#leftcontentTop a:hover {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    height: 13.3em;
    /*top:4em;*/
    background-image: url('http://www.uhv.edu/asa/images/Arts_Sciences_over.jpg');
    overflow: hidden;
}
/* First Column Text Area */
#leftcontent {
    position: relative;
    float: left;
    margin: -5em 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    top: 10em;
    background: #CC6666; /*Pink*/
    /*max-height: 42.55em;*/
    /*min-height: 42.55em;
    height: 39.55em;*/
    height: 50em;
}
#pushCol1 {
    height:0.00em;
}

/* Second Column Image */
#centerleftcontentTop {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    height: 13.3em;
    top: 4em;
    background-image: url('http://www.uhv.edu/asa/images/future_students.jpg');
    overflow: hidden;
}
#centerleftcontentTop a:hover {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    height: 13.3em;
    /*top:4em;*/
    background-image: url('http://www.uhv.edu/asa/images/future_students_over.jpg');
    overflow: hidden;
}
/* Second Column Text Area */
#centerleftcontent {
    position: relative;
    float: left;
    margin: -5em 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    top: 10em;
    background: #CCCCCC; /*Grey*/
  /* min-height: 28em; */
     /*max-height: 42.55em;*/
    /*min-height: 42.55em;
    height: 42.55em;*/
height: 50em;
}
#centerleftcontent ol {
    list-style-type:decimal;
    list-style-position: inside;
    margin:0 0 0 1.35em; /*top right bottom left*/
}
#pushCol2 {
    height:5.08em;
}
#pushCol4 {
    height:0.10em;
}
/* Third Column Image */
#centerrightcontentTop {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    height: 13.3em;
    top: 4em;
    background-image: url('http://www.uhv.edu/asa/images/current_students.jpg');
    overflow: hidden;
}
#centerrightcontentTop a:hover {
    position: relative;
    float: left;
    margin: 0 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    height: 13.3em;
    /*top:4em;*/
    background-image: url('http://www.uhv.edu/asa/images/current_students_over.jpg');
    overflow: hidden;
}
/* Third Column Text Area */
#centerrightcontent {
    position: relative;
    float: left;
    margin: -5em 0.5em 0 0; /*top right bottom left*/
    width: 19.25em;
    top: 10em;
    background: #CCCC99; /*Tan*/
     /* min-height: 28em; */
   /* min-height: 34.65em; */
   /*max-height: 42.55em;*/
    /*min-height: 42.55em;
    height: 42.55em;*/
height: 50em;
}

#centerrightcontent ol {
    list-style-type:decimal;
    list-style-position: inside;
    margin:0 0 0 1.35em; /*top right bottom left*/
}
#pushCol3 {
    height:2.68em;
}
/* Fourth Column Image NOTE: Currently not used*/
#rightcontentTop {
    position: absolute;
    left: 76%;
    width: 231px;
    /*height:160px;*/
    top: 50px;
    background: #fff;
    overflow: hidden;
}
/* Fourth Column Text Area */
html>body #rightcontent {
    position: relative;
    float: right;
    width: 19.25em;
    top: 4em;
    background: #99CCFF; /*Blue*/
    min-height: 53.55em;
}
#rightcontent { /*IE 7-*/
    position: relative;
    float: right;
    width: 19.25em;
    top: 4em;
    background: #99CCFF; /*Blue*/
   /* min-height: 53.55em; */
    height: 64em;
    
}
/* Right side "tabs" */
#rightNav {
    width: 19.25em;
    padding: 0 0 0 0;
    margin-bottom: 0em;
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    
}
#rightNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
}
#rightNav li {
    margin: 0em; /*top right bottom left*/
}
#rightNav li a {
    display: block;
    padding: 1em 1em 1em 1em; /*top right bottom left*/
    border-bottom: 1px solid #000000;
    background-color: #99CCFF;
    color: #000000;
    text-decoration: none;
    width: auto;
}
#rightNav li a:hover {
    color: #000000;
    border-bottom: 1px solid #000000;
    background-color: #CCFFFF;
}
/* Request Info */
#rightNav li.request {
    margin: 0em; /*top right bottom left*/
    font-size: 1.25em;
    
}
#rightNav li.request a {
    display: block;
    padding: 1em 1em 1em 1em; /*top right bottom left*/
    border: 0.06em solid #000000;
    background: #FFFFFF url('http://www.uhv.edu/asa/images/envelope_blank.gif') no-repeat right;
    color: #000000;
    text-decoration: none;
    width: auto;
}
#rightNav li.request a:hover {
    color: #000000;
    border: 0.06em solid #CCFFFF;
    background: #CCFFFF url('http://www.uhv.edu/asa/images/envelope_blank.gif') no-repeat right;
}
/* Text content for secondary pages */
html>body #secondarypagecontent { /*IE 7*/
    clear: both;
    position: relative;
    float: none;    
    width: 471px;
      top: -45.9em;
    /*top: -35.37em; */
    background: #CCCCCC; /*Grey*/
    min-height: 35.60em;
    margin: 0.2em 0.5em 0em 20em;  /*top right bottom left*/
    padding: -0.2em 0.5em 0em -20em;  /*top right bottom left*/
}
#secondarypagecontent { /*IE 6-*/
    clear: both;
    position: relative;
    float: none;    
    width: 471px;
    top: -51.4em;
    background: #CCCCCC; /*Grey*/
    min-height: 35.60em;
    margin: 0.2em 0.5em 0em 20em;  /*top right bottom left*/
    padding: -0.2em 0.5em 0em -20em;  /*top right bottom left*/
}

#secondarypagecontent li {
    margin: 0em 0.75em 0em 1em; /*top right bottom left*/
}
#secondarypagecontent h3 {
    margin-left: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
}
/* Item borders used in layout testing */
#rightcontent, #centerrightcontent, #centerleftcontent, #leftcontent, #leftcontentTop, #centerleftcontentTop, #centerrightcontentTop, #rightcontentTop, #secondarypagecontent {
    border: 1px solid #000;
}
/* HTML Tag Changes */        
p,h1,pre {
    margin:0.75em 0.75em 0em 1.05em;
}
h1 {
    font-size: 14px;
    padding-top: 10px;
}
h2 {
    font-size: 10pt;
    padding-top: 0em;
    margin:0.75em 0.75em -0.75em 0.85em; /*top right bottom left */
}
hr {
    color: #000000;
}
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
    
a {
    color: #000080;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000080;
}
a:hover {
    text-decoration: underline;
    color: #000000;
}
a:active {
    text-decoration: none;
    color: #0000FF;
}
/* NAVIGATION MENU STYLE */
#menu_hl_li {
    list-style-position: outside;
}
#sideNav {
    width: 19.25em;
    padding: 0 0 0 0;
    margin-bottom: 0em;
    font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}
#sideNav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none;
    width: auto;
}
#sideNav ol {
    list-style-type:decimal;
    list-style-position: inside;
    margin: 0 0 0 0em; /*top right bottom left*/
    padding: 0em;
    border: none;
    color: #ffffff;
    width: auto;
}
#sideNav li {
    margin: 0 0 0 0.05em; /*top right bottom left*/
}
#sideNav li a {
    display: block;
    padding: 2px 0em 2px 1.15em; /*top right bottom left*/
    border-left: 0px solid #CC3333;
    border-right: 0px solid #CC9999;
    background-color: #CC6666;
    color: #ffffff;
    text-decoration: none;
    width: auto;
}
#sideNav li a:hover {
    color: #000000;
    background-color: #FFFFFF;
}
#sideNav li.sub {
    margin: 0 0 0 1.05em; /*top right bottom left*/
}

#sideNav li.sub2 {
    margin: 0 0 0 1.05em; /*top right bottom left*/
    padding: 2px 0em 2px 1.0em;
}

#sideNav li.sub a {
    display: block;
    padding: 2px 0em 2px 1.0em; /*top right bottom left*/
    border-left: 0px solid #CC3333;
    border-right: 0px solid #CC9999;
    background-color: #CC6666;
    color: #ffffff;
    text-decoration: none;
    width: auto;
}
#sideNav li.sub a:hover {
    color: #000000;
    background-color: #FFFFFF;
}

/* Used to push footer to bottom of page NOTE: Height must be the same as the height of the footer */
#push {
    height:4em;
}
#push2 {
    height:2.5em;
}
/* Used to push page elements to the bottom of the page */
#pushSmall {
    height:6em;
}

/* Homepage Footer Styles */
#footerHome {
    clear: both;
    position: relative;
    top: 4.5em;
    font-size: 8pt;
    text-align: center; 
    /*width: 50em; */
    width:100%
    height: 4em;
    color: #FFFFFF;
    background-color: #000000;
    margin: 0.5em auto;
    padding: 1.5em;
    /*border:thin #FFFFFF solid;*/
}
#footerHome a {
    font-size: small;
    color: #0099CC;
}
#footerHome li {
    display: inline;
}
#footerHome li a {
    color: #FFFFFF;
    text-decoration: none;
}
#footerHome li a:hover {
    color: #0099CC;
    text-decoration: underline;
}
/* Secondary page Footer Styles */
#footer {
    clear: both;
    position: relative;
    /*background: #000000;*/
    top: -38em;
    font-size: 8pt;
    text-align: center; 
    width: 100%;
    height: 4em;
    color: #FFFFFF;
    margin: 2em 0em 0em 0em; /*top right bottom left*/
    padding: 2em;
    /*border:thin #FFFFFF solid;*/
}
#footer a {
    font-size: small;
    color: #0099CC;
}
#footer li {
    display: inline;
}
#footer li a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer li a:hover {
    color: #0099CC;
    text-decoration: underline;
}
/* Class tags */
.home {
    top:20em;
}
/* Image borders */
.border {
    border: 1px;
    border-color:#000000;
}
.indent {
    margin-left: 0.5em;
    margin-bottom: 0.1em;
}
/* News Text */
.news {
    font-variant: small-caps;
    font-weight: bolder;
    margin-left: 0.85em;
    margin-top: 0em;
    text-decoration: underline;
}
/* Used on homepage for school division titles */
.division {
    font-variant: small-caps;
    font-size:1.1em;
    margin-left: 0.85em;
    margin-top: 0em;
    text-decoration: underline;
}
/* Larger Bolder Headline */
.topHeadline {
    font-variant: small-caps;
    font-size:1.5em;
    font-weight: bolder;
    margin-left: 0.50em;
    margin-top:0;
    text-decoration: underline;
}
/* News Headlines */
.headlines {
    margin-left: 1em;
    font-size: 0.95em;
    text-decoration:none;
}
/* Used to create larger fonts when needed */
.larger {
    font-size: x-large;
}
/* List Heading */
.listHead {
    font-variant: small-caps;
    font-weight: bolder;
    margin-left: 1em;
    margin-top: 0em;
    margin-bottom: 0em;
    text-decoration: underline;
}
/* Special List formatting */
.list {
    margin-top: 0em;
    list-style-position: outside;
    margin-left:1.5em;
}
/* List with no numbers or dots */
.no_dot {
    margin-top: 0.25em;
    list-style-type: none;
    padding-left:0.85em;
    margin-left:0.1em;
}
/* Used for smaller font special notes */
.note {
    font-size:8pt;
    text-align:right;
}
/* For list with no numbers or dots */
.none {
    list-style:none;
}
.bulletless {
    font-size: 10pt; 
    font-family: Arial, Verdana, Helvetica, San-serif;
    list-style: none;
}
.disclaimer {
    font-size: 65%;
}

/* Used in placing special items on the right hand side of the page */
#right {
    position: relative;
    right:1em;
    top:1em;
    width:16em;
    background:#fff;
    border:1px solid #000;
    font-size: 7pt;
    float:right;
    margin: 0px, 0px, 5px, 10px; /*margin: "top" "right" "left" "bottom"*/
    padding:0.45em;
}
.news_footer{
    font-size: 8px;
    margin: 0px;
    color: Gray;
    text-decoration: none;
    padding: 0px;
}

/* Leftside Tan "tabs" */
#tanNav {
                width: 100%;
                padding: 0 0 0 0;
                margin-bottom: 0em;
                font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
                font-size: 9pt;
                font-weight: normal;
}
#tanNav ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                width: auto;
}
#tanNav li {
                margin: 0em; /*top right bottom left*/
}
#tanNav li a {
                display: block;
                /* padding: 1em 1em 1em 1em; top right bottom left*/
                padding: 0.5em 0.5em 0.5em 0.5em;
                border-bottom: 1px solid #000000;
                background-color: #CC6666;
                color: #000000;
                text-decoration: none;
                width: auto;
}

#tanNav li a:hover {
                color: #000000;
                border-bottom: 1px solid #000000;
                background-color: #FFCCCC;
}


#NewsLinks li a {
                /*display: block; */
                /* padding: 1em 1em 1em 1em; top right bottom left*/
                padding: 0.5em 0.5em 0.5em 0em;
                /*border-bottom: 1px solid #000000;*/
               /* background-color: #CC6666; */
                color: #000000;
                text-decoration: none;
                width: auto;
}
 #tanNav li a:hover {
                text-decoration: none;
                

}