
/* -----------------------------------------------
VU GCM basic stye for
Includes: font size & families
Author:   Anna Belle Leiserson
Modified: Chris Renner
Version:  17 Oct 2007
----------------------------------------------- */
html,body {
	height: 100%;
}
body {	
    margin: 0;
	padding: 0;
	background: #000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.2; 
}
#container {
	min-width: 900px;
	max-width: 900px;
	_width: 900px; // IE6 fixed width
	margin: 0 auto;
	padding: 0;
	font-size: 95%; /* subtle adjustment to font size -- be sure to experiment cross-browser with these font size pieces */
	text-align: left;
	border-top: none;
    background: #FFF;
}

/*======~Basic Settings to offset peculiar defaults ===========================*/
h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0;
}
input, select, textarea {
	font-size: 100%;
}
div.clearright {
	clear: right; 
	line-height: 0px; 
	height: -1px;
}

/*======~Header styles ===========================*/
h1, h2, h3, h4, h5 {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
}
h1 { /*site name*/
	font-size: 180%;
}
h2 { /*page name - done with line below and negative margin so first para can be right under*/
	font-size: 150%;
}
h3 { /*section headers*/
	font-size: 140%;
}
h4 { /*section headers*/
	font-size: 120%;
}
h5 { /*section headers*/
	font-size: 110%;
}

/*======~Links-Basic===========================*/
a {
	background-color: transparent;
	text-decoration: underline;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #993300;
}
a:active {
	color: #000;
}

/*======~Images ================================*/
img { 
	padding: 5px 5px 5px 5px;
	border: none;
}
img.mainphoto {
    float: right;
}

/*======~Top Menu===========================*/
#topmenu {
    margin: 0 0 0 -1px;
	padding: 0 0 0 0;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu ul {
        float: left;
	list-style: none;
        margin: 0;
	padding: 0;
	border: none;
}
#topmenu li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}
#topmenu a:link,  #topmenu a:visited,  #topmenu a:hover,  #topmenu a:active  {
	display: block;
	width: auto;
	margin: 0;
	padding: 4px 0px;
	border-left: 1px solid #555;
    border-bottom: 1px solid #555;	
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
}
#topmenu a:link,  #topmenu a:visited  {
	background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
	color: #333;
}
#topmenu a:hover, #topmenu a:active { 
	background: #993300 url(images/navbar_gradient.gif) repeat-x;
	color: #fff;
}
#topmenu .currentsite a:link, #topmenu .currentsite a:visited, #topmenu .currentsite a:hover, #topmenu .currentsite a:active  {
	background: #993300 url(images/navbar_gradient.gif) repeat-x;
	color: #fff;
}
#topmenu #vumc {
	width: 74px;
    background: #fcefc3 url(images/bkgr-topmenu2.gif) repeat-x;
}
#topmenu #taboor {
	width: 75px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu #tabfunding {
	width: 90px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu #tabgrants {
	width: 160px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu #tabcores {
	width: 70px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu #tabanimal {
	width: 155px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu #tabirb {
	width: 60px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}
#topmenu #tabresearch {
	width: 216px;
    background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
}

/*======~Header===========================*/
#header {
    clear: left;
    margin: 0 0 -30px 0;  
}

/*======~Navbar===========================*/
#navbar {
    margin: 0 0 0 0;
	padding: 0 0 0 0;
    background: #993300 url(images/navbar_gradient.gif) repeat-x;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;  
}
#navbar ul {
    float: left;
	list-style: none;
    margin: 0;
	padding: 0;
	border: none;
}
#navbar li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}
#navbar a:link,  #navbar a:visited,  #navbar a:hover,  #navbar a:active  {
	display: block;
	width: auto;
	margin: 0;
	padding: 4px 0px;

	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
}
#navbar a:link,  #navbar a:visited  {
	background: #993300 url(images/navbar_gradient.gif) repeat-x;
	color: #FFF;
}
#navbar a:hover, #navbar a:active { 
	background: #fcefc3 url(images/bkgr_topmenu2.gif) repeat-x;
	color: #000;
}
#navbar #home {
	width: 75px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #about {
	width: 75px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #grants {
	width: 80px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #contracts {
	width: 105px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #policies {
	width: 110px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #coeus {
	width: 75px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #forms {
	width: 230px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #resources {
	width: 95px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #training {
	width: 90px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #faqs {
	width: 70px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}
#navbar #contact {
	width: 90px;
        background: #993300 url(images/navbar_gradient.gif) repeat-x;
        border-left: 1px solid #555;
}


/*======~Search Form==================*/
form.searcharea {
    float: right;
	width: 200px;
	margin: -75px 15px 0 0;
	color: #000;
	display: inline;
}
input.searchbox {
	width: 140px;
	margin: 0 0 4px 0;
	padding: 1px 5px;
	background: #FFEECC;
	border: 1px solid #999;
}
input#searchbutton {
	float: right;
}

/*======~Sidebar===========================*/
#sidebar {
	float: left;
	width: 225px;
	margin: 0 0 0 0px;
	background: #fcefc3;
	border-right: 2px solid #000;
}
#sidebar h3 {
	margin: 0 0 0 0px;
	padding: 4px 4px 4px 10px;
	background: #ffcc66 url(images/h3_gradient.gif) repeat-x;
	border-bottom: 1px solid #AAA;
	border-top: 1px solid #CCC;		
}
#sidebar h5 {
	margin: 0 0 0 0;
	padding: 4px 4px 4px 5px;
	font-size: 130%;
	border-bottom: 1px solid #ffd451;
}
#sidebar a {
    color: #000;
	display: block;
	padding: 1px 2px 1px 0px;
	width: 198px;
	text-decoration: none;
}
#sidebar a:hover, .sidebar a:active {
	color: #993300;
	margin: 0px 0px 0px 0px;
	padding 0 0 0 0px;
	text-decoration: underline;
}
.navlinks {
	font-size: 95%;
	width: 225px;
	margin: 0 0 0 -5px;
	padding: 0 0 0 0px;
	text-align: left;
}
#navlinks h3 {
	margin: 0 0 0 0px;
	padding: 4px 4px 4px 10px;
	background: #ffcc66 url(images/h3_gradient.gif) repeat-x;
	border-bottom: 1px solid #AAA;
	border-top: 1px solid #CCC;		
}
#navlinks h5 {
	margin: 0 0 0 0px;
	padding: 4px 4px 4px 10px;
	border-bottom: 1px solid #ffd451;
}
#navlinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navlinks li {
	margin: 0 0 0 0px; 
	padding: 0 0 2px 0px;
    color: #000;
	text-decoration: none;
	border-bottom: 1px solid #ffd451;
    background: url(images/arrow-brown-sm2.gif) no-repeat top left;
}
#navlinks a {
    color: #000;
	display: block;
	padding: 1px 2px 1px 25px;
	width: 198px;
	text-decoration: none;
}
#navlinks a:link, .sidebar a:visited {
	color: #000;
	text-decoration: none;
}
#navlinks a:hover, .sidebar a:active {
	color: #fff;
	margin: 0;
	padding 0 0 0 5px;
	background: #993300;
}
#navlinks li#youarehere {
	display: block;
	padding: 1px 2px 1px 25px;
	width: 198px;
	text-decoration: none;
	color: #333;
}

/*======~Calendar Home Page===========================*/
#lowercontent2 {
	background: url(images/bottom-left-spacer.gif) repeat-Y bottom left;	
}

/*======~ on subpages================*/
div#seccontent {
margin: 0px 10px 0px 225px;	
	padding: 20px 25px 20px 25px;
}
div#seccontent h3 { 
	color: #993300;
	font-size: 170%;
	font-weight: normal;
}
div#seccontent p { 
	padding: 5px 5px 5px 5px;
}
div#seccontent ol {
	padding: 10px 0 15px 45px;
	background: #FFF;
}
div#seccontent ol li {
	padding: 0 0 2px 0px;
	background: #FFF;
}
div#seccontent ul {
	padding: 10px 0 15px 15px;
	background: #FFF;
	list-style: none;
}
div#seccontent ul ul {
	padding: 2px 0 0 0px;
	background: #FFF;
}
div#seccontent h4 {
	margin: 10px 0 0 0;
	padding: 1px 10px;
	font-size: 140%;
	font-weight: normal;
	background: #daa12e url(images/bkgr_topmenu2.gif) repeat-x;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #ddd;
}
div#seccontent li {
	padding: 0 0 2px 20px;
	background: #FFF url(images/arrow-brown-sm2.gif) no-repeat top left;
}
div#seccontent li.pdf {
	background: #FFF url(images/pdf.gif) no-repeat top left;
}
div#seccontent li.word {
	background: #FFF url(images/word.gif) no-repeat top left;
}
div#seccontent li.extlink {
	background: #FFF url(images/extlink.gif) no-repeat top left;
}
div.legend {
	margin: 30px 0 0 0;
	width: 50%;
	border: 1px solid #ccc;
}
div.legend p#legendheader {
	margin: 0 0 0 0px;
	background: #eee;
	border-bottom: 1px solid #ccc;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
}
div.legend p {
	margin: 0 0 0 0px;
}
#breadcrumb {
	margin-bottom: 10px;
	padding: 2px 0;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	color: #555;
	font-size: 80%;
}
#breadcrumb a:link, #breadcrumb a:visited {
	text-decoration: none;
	color: #993300;
}
#breadcrumb a:hover, #breadcrumb a:active {
	text-decoration: none;
	color: #993300;
}
p.aboutus {
	margin: 0 0px 0 0;
	line-height: 180%;
}

/*======~Footer===========================*/
#footer {
    clear: left;
	background: #FFFFFF;
	margin-top: 0px;
}
img#footerimg {
	float: left;
	padding: 34px 0 0 26px;
}
img#footerimg2 {
    clear: left;
	float: left;
	padding: 40px 0 0 32px;
}
p.footertext {
	background: #fcefc3;
	margin-left: 225px;
	padding: 10px 30px;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: 90%;
    border-left: 2px solid #000;		
}
p.tagline {
	margin: 0;
	padding: 5px 0;
	background: url(images/bottom-right.gif) no-repeat bottom right;
	color: #444;
	text-align: center;
	letter-spacing: 1em;
    border-left: 2px solid #000;		
}
#counter {
	background: #fcefc3;
	margin-left: 225px;
	padding: 0 30px 20px 30px;
	color: #000;
	font-size: 80%;
    border-left: 2px solid #000;		
}

/*======~Misc===========================*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfixright:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfixright {height: 1%;}
/* End hide from IE-mac */

/*======~IE5 adjustment===========================*/
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}
	
 	

/*======~Footer Docs===========================*/
#footerdocs {
    float: left;
    clear: both;
	width: 225px;
	margin: 0;
	padding: 0;
	background: #ffffff;
}
#footerdocs h3 {
	margin: 0 0 0 0px;
	padding: 4px 4px 4px 10px;
	background: #ffcc66 url(images/h3_gradient.gif) repeat-x;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;		
}
#footerdocs ul {
	margin: 3px 0 0 0px;
	padding: 0;
	list-style-type: none;
}
#footerdocs li {
	margin: 0 0 0 10px; 
	padding: 0 0 0 15px;
	color: #000;
	text-decoration: none;
	background: url(images/arrow-brown-sm2.gif) no-repeat center left;
}
#footerdocs a {
    color: #000;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}

/*======~Automatic Link Icons================*/

a[href$='.pdf'] {
    display: inline-block;
    padding-left:20px;
    line-height:20px;
	background:transparent url(images/pdf.gif) no-repeat top left;
	center left no-repeat;
}
a[href$='.doc'] {
    display: inline-block;
    padding-left:20px;
    line-height:20px;
	background:transparent url(images/word.gif) no-repeat top left;
	center left no-repeat;
}
a[href$='.xls'] {
    display: inline-block;
    padding-left:20px;
    line-height:20px;
	background:transparent url(images/excel.gif) no-repeat top left;
	center left no-repeat;
}
a[href$='.ppt'] {
    display: inline-block;
    padding-left:20px;
    line-height:20px;
	background:transparent url(images/ppt.gif) no-repeat top left;
	center left no-repeat;
}
a[href$='.zip'] {
    display: inline-block;
    padding-left:20px;
    line-height:20px;
	background:transparent url(images/zip.gif) no-repeat top left;
	center left no-repeat;
}
a[href$='.swf'] {
    display: inline-block;
    padding-left:20px;
    line-height:20px;
	background:transparent url(images/video.gif) no-repeat top left;
	center left no-repeat;
}
