﻿/* Basic CSS page formatting */
body {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	text-align: center;
	color: #000000;
	margin: 0em;
	background: #FFFAF0;
}

img {
	border: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* Holds all page content and keeps it centered at a width of 800px */
#frame {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0em;
	padding: 0em;
	text-align: left;
	background: #f3ecdd;
}

#shadowLeft {
	clear: both;
  	padding-left: 1.25em;
  	margin-left: -1.25em;
   	background: url('http://www.uhv.edu/marci/newdesign/images/ShadowLeft.gif') left repeat-y;
}

#shadowRight {
	clear: both;
  	padding-right: 1.25em;
  	margin-right: -0.75em;
   	background: url('http://www.uhv.edu/marci/newdesign/images/ShadowRight.gif') right repeat-y;
}

#shadowBottom {
	clear: both;
	position: relative;
  	padding-bottom: 0.61em;
  	margin-bottom: -0.88em;
  	/*top: 0.90em;*/
  	width: 100%;
   	background: url('http://www.uhv.edu/marci/newdesign/images/ShadowBottom.gif') bottom repeat-x;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
 /* Text links in the top grey area */
#topAreaLinks {
	background: #696969;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 0.75em;
	text-align: left;
	height: 1em;
	padding: 0.4em 0.4em 0.4em 0.4em; /*top right bottom left*/
	margin: 0.05em 0em 0.05em 0em; /*top right bottom left*/
	min-width: 780px;	
}

#topAreaLinks a {
	color: #FFFFFF;
	text-decoration: none;
}

#topAreaLinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#topAreaLinks .left {
	display: inline;
	float: left;
	margin: 0em 0.94em 0.50em 0em; /*top right bottom left*/
}

#topAreaLinks .right {
	display: inline;
	float: right;
	margin: 0em 0.94em 0.50em 0em; /*top right bottom left*/
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* The top UHV red banner area */
#bannerTop {
	text-align: center;
	background: #B22222 url('http://www.uhv.edu/marci/newdesign/images/UHVbanner01.jpg') no-repeat;
	height: 100px;
	width: 794px;
}

#bannerTop .shift {
	margin: 1.55em 18.75em 0em 0em; /*top right bottom left*/
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* Search option that appears in the banner area */
#bannerSearch {
	clear: both;
	position: relative;
	float: right;
	right: 1em;
	top: -1.65em;
}

input, textarea, select {
	font-family:  "Trebuchet MS", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 0.69em;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* Navigation area just below the banner */
#horiz_nav_area {
	clear: both;
	width: auto;
	text-align: center;
	margin: 0em auto 0.75em auto; /*top right bottom left*/
	background: #FFFFFF;
}

#navigation_horiz {
	clear: both;
	position: relative;
	float: none;
	top: 0.60em;
	font-family:  "Trebuchet MS", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: 800;
	list-style: none;
	padding: 0em 0.15em -0.5em 0.15em; /*top right bottom left*/
	margin: 0em auto 0em auto; /*top right bottom left*/
	border-top: #FFFFFF 0.25em solid;
	border-bottom: #FFFFFF 0.25em solid;
	background: #FFFFFF;
	/*background: #FFFFFF url('http://www.uhv.edu/marci/newdesign/images/ShadowBottom_white.gif') bottom repeat-x;*/
}

#navigation_horiz ul {
	text-align: center;
}

#navigation_horiz li.first {
	display: inline;
	margin: 0em auto 0em auto; /*top right bottom left*/
	border: 0;
	position: relative;
	top: -0.4em;
	background-color: transparent;
	color: #000000;	
	text-transform: uppercase;
}

#navigation_horiz li {
	display: inline;
	margin: 0em auto 0em auto; /*top right bottom left*/
	padding: 0.25em 1.25em 0.5em 1.25em; /*top right bottom left*/
	border-left: 1px solid #CCCCCC;
	position: relative;
	top: -0.4em;
	background-color: transparent;
	color: #000000;	
	text-transform: uppercase;
	letter-spacing: 0em;
	vertical-align: middle;
}

#navigation_horiz li.last {
	display: inline;
	margin: 0em auto 0em auto; /*top right bottom left*/
	position: relative;
	top: -0.4em;
	background-color: transparent;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0em;
	vertical-align: middle;
}

#navigation_horiz li a {
	color: #000000;
	text-decoration: none;
}

#navigation_horiz li a:hover {
	color: #CC0000;
	background: #CCCCCC;
	padding: 0.25em 0em 0.5em 0em; /*top right bottom left*/
}

#navigation_horiz li.current {
	background-color: #FFFFFF;
}

#navigation_horiz li.current a {
	color: #000000;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* Page Text formatting begins here */
h1 {
	font-size: 1.00em;
	margin: 0.75em 0em 0.38em 0em; /*top right bottom left*/
	padding: 0em;
	border: 0em;
	font-weight: bold;
	text-transform: uppercase;
}

h2 {
	font-size: 1.00em;
	margin: 0.75em 0em 0.38em 0em; /*top right bottom left*/
	padding: 0em;
	border: 0em;
	font-weight: bold;
}

h3 {
	font-size: 0.94em;
	margin: -0.75em 0em 0.31em 0em; /*top right bottom left*/
	padding: 0;
	border: 0;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	font-size: 0.75em;
	margin: 0.50em 0em 0.31em 0em; /*top right bottom left*/
	padding: 0em;
	border: 0em;
	font-weight: bold;
}

h5 {
	font-size: 1.15em;
	margin: 0.3em 0em 0em 0em; /*top right bottom left*/
	padding: 0em;
	border: 0em;
	font-weight: bold;
	text-transform: uppercase;
}

h6 {
	font-size: 0.69em;
	margin: 0.38em 0em 0.19em 0em; /*top right bottom left*/
	padding: 0;
	border: 0;
	font-weight: bold;
}

a {
	color: #333333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.red, a.red:link, a.red:visited, a.red:hover, a.red:active {
	color: #CC3333;
	background-color: transparent;
	margin: 0em 0em 0.1em 0em; /*top right bottom left*/
	font-size: 0.94em;
	text-decoration: none;
}

.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active {
	color: #999999;
	background-color: transparent;
	margin-top: 0em;
}

.byline {
	color: #666666;
	background-color: transparent;
	text-transform: none;
	font-weight: normal;
}

.more {
	font-style: italic;
	color: #666666;
}

#secondaryEvents .newswire {
	font-size: 0.78em;
	margin: 0.38em 0.81em 1.81em 0.81em; /*top right bottom left*/
	padding: 0em;
	border: 0em;
	font-weight: bolder;
	text-transform: none;
	color: #000000;
}

#secondaryEvents .smaller {
	font-size: 0.78em;
	font-weight: bolder;
}

#secondaryEvents a.news:link, #secondaryEvents a.news:active, #secondaryEvents a.news:visited {
	color: #000000;
	text-decoration: none;
}

#secondaryEvents a.news:hover {
	color: #CC3333;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* List style */
/* UHV NEWS Area */
ul.itemList {
	margin: 0em;
	padding: 0em;
	list-style: none;
	/*border: 0.06em navy solid;*/
}

ul.itemList li.itemList {
	margin: 0.45em 0em 0.15em 0em; /*top right bottom left*/
	padding: 0em 0em 0.15em 0em; /*top right bottom left*/
	zoom: 1;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* UHV NEWS Area */
/* Text Content Regions :: Two and Three Column Options */
.twoColumn #contentLeft {
	float: left;
	width: 41.25em;
	overflow: hidden;
	margin: 1em 0em 0em 1.25em; /*top right bottom left*/
	padding: 0em 0.25em 0em 0em; /*top right bottom left*/
	border-right: 0.12em #A9A9A9 solid;
	color: #333333;
	/*border: 0.06em navy solid;*/
}

#contentMiddle, #contentRight {
	display: none;
}

/* UHV on the Prowl Area */
.twoColumn #contentRight, .threeColumn #contentRight {
	display: inline;
	float: right;
	width: 22.75em;
	overflow: hidden;
	font-size: 0.69em;
	margin: 1em 0.75em 0em 0em; /*top right bottom left*/
	padding: 0em 0em 0em 0.35em; /*top right bottom left*/
	/*border: 0.06em teal solid;*/
}
/* End on the Prowl Area */

.twoColumn #contentRightSecond, .threeColumn #contentRightSecond {
	display: inline;
	float: right;
	width: 18.80em;
	overflow: auto;
	font-size: 0.69em;
	/*border: 1px orange solid;*/
}

#contentLeft h1.listHeader {
	font-size: 0.94em;
	margin: 0.75em 0em 0em 0em; /*top right bottom left*/
	padding: 0em 0.25em 0em 0.25em;
	border: 0em;
	font-weight: bold;
	text-transform: capitalize;
	background: #9999CC;
	border-bottom: 0.06em #000000 solid;
	width: 16em;
}

/* Controls Hidden List */
.toggleList {
	list-style-type: none;
	margin: 0em 0em 0em 0em; /*top right bottom left*/
	padding: 0em 0.25em 0em 0.25em; /*top right bottom left*/
	background: transparent;
	width: auto;
}

.hiddenList {
	clear: both;
	width: auto;
}
/* End Hidden List formatting */

#contentRightSecond img{
	padding: 0em 0em 0em 0em; /*top right bottom left*/
	margin: 0em 0em 0em 0.75em; /*top right bottom left*/
}

.threeColumn #contentLeft {
	float: left;
	width: 14.25em;
	overflow: hidden;
	/*border: 1px yellow solid;*/
}

.threeColumn #contentMiddle {
	display: inline;
	float: left;
	width: 33em;
	margin: 0em 0em 0em 0.81em; /*top right bottom left*/
	overflow: hidden;
	line-height: 150%;
	/*border: 1px aqua solid;*/
}

.threeColumn_NoNav #contentMiddle {
	display: inline;
	float: left;
	width: 37em;
	margin: 0em 0em 0em 0.81em; /*top right bottom left*/
	overflow: hidden;
	line-height: 150%;
	border: 1px aqua solid;
}

/* Two Column Content Columns */
#contentLeft .columnLeft {
	display: inline;
	float: left;
	margin: 0em 0.25em 0.25em 0.25em; /*top right bottom left*/
	/*border: 0.06em aqua solid;*/
}

#contentLeft .columnRight {
	display: inline;
	float: right;
	margin: 0em 0.25em 0.25em 0.25em; /*top right bottom left*/
	/*border: 0.06em fuchsia solid;*/
}

/* Three Column Content Columns */
#contentMiddle .columnLeft {
	display: inline;
	float: left;
	margin: 0em 0.25em 0.25em 0.25em; /*top right bottom left*/
	width: auto;
	/*border: 0.06em aqua solid;*/
}

#contentMiddle .columnRight {
	display: inline;
	float: right;
	margin: 0em 0.25em 0.25em 0.25em; /*top right bottom left*/
	width: auto;
	/*border: 0.06em fuchsia solid;*/
}

#contentMiddle ul.linksList{
	list-style: none;
	margin: 0em 0.25em 0.05em 0.35em; /*top right bottom left*/
}

/* Image Classes */
.floatLeft {
	display: inline;
	float: left;
	margin: 0.18em 0.94em 0.50em 0em; /*top right bottom left*/
}

.floatRight {
	display: inline;
	float: right;
	margin: 0em 0em 0.50em 0.94em; /*top right bottom left*/
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* Secondary Page Left side navigation */
#menu_hl_li {
	list-style-position: outside;
}

#secondaryNavLeft {
	width: 13em;
	padding: 0em 0em 0em 0em; /*top right bottom left*/
	margin: 0.81em 0em 0em 1em; /*top right bottom left*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bolder;
	background: #FFFFFF;
	border: 0.3em #FFFFFF solid;
}

#secondaryNavLeft h4 {
	font-size: 1.05em;
	color: #CC3333;
	padding: 0.13em 0em 0em 0.25em; /*top right bottom left*/
	/*border-bottom: 0.15em #A9A9A9 solid;*/
	text-transform: capitalize;
	text-align: center;
}

#secondaryNavLeft ul {
	list-style: none;
	margin: 0em;
	padding: 0em;
	border: none;
}

html>body #secondaryNavLeft li a {
	width: auto;
}

/* Custom Bulleted List */
#pawlistmenu li.paw a {
	color: #FFFFFF;
	background: url('http://www.uhv.edu/newdesign/images/pageElements/blankbutton.jpg') no-repeat center; /*custom bullet list image*/
	display: block;
	padding: 0.85em 0.15em 0.85em 0.81em; /*top right bottom left*/
	margin: 0.30em 0.3em 0.30em 0.3em; /*top right bottom left*/
	text-decoration: none;
	font-weight: bold;
	/*border-top: 0.06em #DEB887 solid;
	border-left: 0.06em #DEB887 solid;
	border-right: 0.06em #DEB887 solid;*/
}

#pawlistmenu li.pawLast a {
	color: #FFFFFF;
	background: url('http://www.uhv.edu/newdesign/images/pageElements/blankbutton.jpg') no-repeat center;
	display: block;
	padding: 0.85em 0.15em 0.85em 0.81em; /*top right bottom left*/
	margin: 0.30em 0.3em 0.50em 0.3em; /*top right bottom left*/
	text-decoration: none;
	font-weight: bold;
	/*border-top: 0.06em #DEB887 solid;
	border-left: 0.06em #DEB887 solid;
	border-right: 0.06em #DEB887 solid;
	border-bottom: 0.06em #DEB887 solid;*/
}

#pawlistmenu li.paw a:hover, #pawlistmenu li.pawLast a:hover { 
	/* Hover state CSS */
	color: #000000;
	background: url('http://www.uhv.edu/newdesign/images/pageElements/blankbutton.jpg') no-repeat center; /*custom bullet list image*/
}

#pawlistmenu li.submenu a {
	color: #CC3333;
	display: block;
	padding: 0.30em 0.15em 0.30em 2.5em; /*top right bottom left*/
	text-decoration: none;
	font-weight: bold;
	/*border-top: 0.06em #DEB887 solid;
	border-left: 0.06em #DEB887 solid;
	border-right: 0.06em #DEB887 solid;*/
	font-size: 8pt;
	background: none;
}

#pawlistmenu li.last a {
	color: #CC3333;
	display: block;
	padding: 0.30em 0.15em 0.30em 2.5em; /*top right bottom left*/
	text-decoration: none;
	font-weight: bold;
	/*border-top: 0.06em #DEB887 solid;
	border-left: 0.06em #DEB887 solid;
	border-right: 0.06em #DEB887 solid;
	border-bottom: 0.06em #DEB887 solid;*/
	font-size: 8pt;
	background: none;
}

#pawlistmenu li.submenu a:hover, #pawlistmenu li.last a:hover { 
	/* Hover state CSS */
	color: #FFFFFF;
	background: #CC3333;
}

/* End Custom Bulleted List */
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* End of Secondary Left side Navigation Menu */
/* ------------------------------------------------------------------------------------------------------------------------------------ */

/* Events/News List on Secondary pages */
#secondaryEvents {
	width: 12em;
	padding: 0em 0em 0em 0em; /*top right bottom left*/
	margin: 0em 0em 0em 0em; /*top right bottom left*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	/*border: 0.06em blue solid;*/
}

#secondaryEvents h4 {
	font-size: 1.25em;
	color: #B8860B;
	padding: 0.13em 0em 0em 0.25em; /*top right bottom left*/
	border-bottom: 0.09em #A9A9A9 solid;
	text-transform: capitalize;
}

ul.eventList {
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-size: 0.78em;
	border: 0em;
}

li.eventList {
	margin: 0.38em 0em 0.75em 0em; /*top right bottom left*/
	padding: 0em 0em 0em 0.45em; /*top right bottom left*/
	zoom: 1;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* Page Footer formatting */
#mainFooter {
	clear: both;
	color: #FFFFFF;
	background: #996633 url('http://www.uhv.edu/marci/newdesign/images/pageElements/footerBG.gif') repeat-y;
	font-size: 0.94em;
	margin: 0.50em 0em 0.50em 0em; /*top right bottom left*/
	padding-bottom: 1.50em;
	/*border: 1px Silver solid;*/
}

#mainFooter a:link, #mainFooter a:visited, #mainFooter a:hover, #mainFooter a:active {
	text-decoration: none;
}

#mainFooter a:hover {
	text-decoration: underline;
}

/* Footer Text formatting */
#footerContent {
	clear: both;
	width: 63.25em;
	height: 9.5em;
	margin: 0em auto;
	padding: 0.50em 0.65em 0.50em 0.65em; /*top right bottom left*/
	/*border: 1px Red solid;*/
}

#footerContent .left {
	width: 29em;
	float: left;
	display: inline;
	margin: 0em -25em 0em -0.25em; /*top right bottom left*/
	/*border: 1px lime solid*/
}

#footerContent .left p {
	margin: 0.75em 0em 0.75em 0em; /*top right bottom left*/
}

#footerContent .left span.label {
	text-transform: uppercase;
	font-weight: bold;
}

#footerContent .left span.big {
	font-size: 130%;
}

#footerContent .right {
	width: 35em;
	float: right;
	display: inline;
	margin: 0em 0em 0em 0em; /*top right bottom left*/
	padding: 0em 0em 0em 0em; /*top right bottom left*/
	/*border: 1px fuchsia solid;*/
}

#footerContent ul.right {
	margin: 0em 2.75em 0em 0em; /*top right bottom left*/
	padding: 0em 0em 0em 0em; /*top right bottom left*/
	list-style: none;
}
#footerContent ul.right li.column {
	display: inline;
	float: right;
	margin: 0.75em 4em 0em 0.75em; /*top right bottom left*/
}

#footerContent ul.right li.column span.label {
	display: block;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;
}

#footerContent ul.right li.column a {
	display: block;
	margin: 0.35em 0em 0em 0em; /*top right bottom left*/
	font-size: 0.81em;
	color: #FFFFFF;
}

#footerContent a {
	color: #FFFFFF;
	background-color: transparent;
	text-decoration: none;
}

#footerContent a:hover {
	text-decoration: underline;
}

#contentMiddle a:link, #contentMiddle a:visited, #contentMiddle a:active {
	text-decoration: underline;
	color: #CC3333;
	font-weight: normal;
}

div#contentMiddle a:hover {
	text-decoration: none;
	color: #000000;
}
div#contentMiddle hr 
{
	height: 1px;
	color: #CC3333;
}

h2.RedHighlight
{
	background-color: #CC3333;
	color: white;
	text-align: center;
}
