/* global */
html{height: 100%;}



/* links above the logo / footer */

#footer
{ font-family: arial, sans-serif;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
}

#footer p
{
  font-size: 11px;
  color: #555454;
}

#footer a
{
  color: #555454;
  font-weight: normal;
  font-size: 11px;
  text-decoration: none;
}

#footer a:hover
{
  color: #10A014;
}
#links
{ height: 103px;
  width: 760px;
  margin-left: auto; 
  margin-right: auto;
  padding: 20px 20px 0px;
  text-align: right;
 /* background: url(it-works-header-back.jpg) no-repeat;*/
}

#links img
{
 float: left;
}

#links ul{margin: 0px auto;} 

#links ul li
{ font-size: 8pt; 
  margin: 0px 6px;
  float: right;
  list-style-type: none;
  
} 

#links li a 
{
  display: block; 
  float: left; 
  height: 19px;
  text-decoration: none; 
  text-transform: capitalize;
  font-weight: bold;
  background: transparent;
  color: #02659D;
  padding: 3px 0px 0px;
} 

#links li a:hover
{
 color: #10A014;
}

#links li a#selected
{
  background: url(login-button.jpg) no-repeat;
  color: #000000;
  width: 97px;
}

#links li a#selected:hover
{
  background: url(login-button-hover.jpg) no-repeat;
}
  /* --------------------------------- */

/* "Master" UL (the whole Menu) */


#headernav ul {
 padding: 0px;
 margin: 0px;
}

/* sub-menu ULs */
#headernav li ul {
	width:255px;
	position:absolute;
	height:auto;
	display:none;
	left:-10px;
	padding:7px 0px;
	font-weight: normal;
    text-align: left;
    margin-top: 2px;
}
/* All LIs */
#headernav li {
	position:relative;
	width: auto;
	float:left;
  	list-style-type:none;
  	font-weight:bold;
    text-decoration: none;
    font-weight: bold;
    margin-left: 26px;
    
}
/* sub-menu LIs */
#headernav li ul li {
	width: 255px;
	padding: 4px 0px 0px 6px;
	text-decoration: none;
    color: #02659D;
 	font-weight: bold;
	font-size: 13px;
    float: left;
    list-style: none;
    background: #FFFFFF url(headernav-back.jpg) repeat;
    border: 1px solid #9AC1D6;
    margin-left: 15px;
 }
/* All anchors */
#headernav li a {
	text-decoration:none;
	display:block;
	float:left;
	height:2em;
	line-height:2em;
    color: #02659D;
    font-size: 13px;

    
}
/* sub-menu Anchors */
#headernav li ul li a {
	width: auto;
    position:relative !important; /* ie Mac */

	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight: bold;
	color:#02659D;
	background-position:0 50% !important;
}
/* :hover and stuff */
#headernav li a:hover{color:#10A014;}
#headernav li:hover ul,
#headernav li.msieFix ul {display:block;z-index:10;top:1.65em;}

  
/* logo - Home Page*/
/* OLD CODE*/
/*#logo
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: 188px;
  text-align: left;
  background: #FFFFFF url(flash-header-back.jpg) no-repeat;
  color: #5A6370;
}

#logo h1
{ margin: 0px;
  padding: 20px 0px 0px 250px;
  font-size: 20px;
  letter-spacing: .2em;
  background: transparent;
  color: #000000;
  font-weight: normal;
}

#logo p
{
 color: #106DA2;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.7em;
 margin: 0px 0px 0px 10px;
 padding: 10px 0px 0px 250px;
}
*/


#logo p
{
 margin: 0px;
 padding: 0px;
}


/* background: transparent url(universities_back.jpg);
 background: transparent url(colleges_back.jpg);
 background: transparent url(depts_back.jpg);
 background: transparent url(research_back.jpg);
 background: transparent url(community_back.jpg);
*/
/* logo - internal*/

#logo ul
{
 margin: 0px;
 padding: 0px;
 height: 214px;
 width: 800px;
 list-style: none;
} 

#logo li
{ float: left; 
  margin: 0px; 
  padding: 188px 3px 0px;
} 

#logo li:checked
{
 color: #FFFFFF;
}

#logo li a 
{
  float: left; 
  height: 16px;
  width: 154px;
  text-decoration: none; 
  text-transform: capitalize;
  color: #010101;
  font-weight: normal;
  font-size: 9pt;
  padding: 5px 0px;
  text-align: center;
} 

#logo li a:hover
{
 color: #FFFFFF;
 
} 
/* logo - internal*/


#logo_internal p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #00639C;
  font-weight: bold;
}



#logodeptmgr p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logodeptmgr h3
{ margin: 0px;
  padding: 30px 0px 0px 10px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logodeptmgr h4
{
  margin: 0px;
  padding: 10px 0px 0px 40px;
  font-size: 15px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
}



#logodeptacct p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}



#logocollegeadmin p
{ margin: 0px;
  padding: 0px 0px 0px 20px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logocollegeadmin h3
{ margin: 0px;
  padding: 30px 0px 0px 10px;
  font-size: 20px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
}

#logocollegeadmin h4
{
  margin: 0px;
  padding: 10px 0px 0px 40px;
  font-size: 15px;
  background: transparent;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: capitalize;
}


/* navigation menu */
#menu
{ height: 26px;
  width: 800px;
  margin-left: auto; 
  margin-right: auto;
  background: transparent url(sec-nav-back.jpg) no-repeat;
  color: #000000;
  padding: 0px;
  font-weight: normal;
  text-align: center;
  font-size: 12px;
}

#menu ul
{
 margin: 0px auto;
 padding: 0px;
} 

#menu li
{ float: left; 
  margin: 0px; 
  padding: 0px 3px;
} 

#menu li a 
{ display: block; 
  float: left; 
  height: 16px;
  width: 154px;
  text-decoration: none; 
  text-transform: capitalize;
  background: transparent url(sec-nav-btn.gif);
  color: #010101;
  font-weight: normal;
  font-size: 97%;
  padding: 5px 0px;
} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ background: transparent url(sec-nav-hover.gif);
  color: #FFFFFF;
} 

#menu p
{
 color: #010101;
 font-size: 97%;
 text-decoration: none;
 text-transform: capitalize;
}

#menu p:hover
{
 background: transparent url(universities_back.jpg);
 color: #FFFFFF;
}

/* main content */
#content
{ margin-left: auto; 
  margin-right: auto;
  width: 800px;
  height: auto;
  padding: 0px;
  overflow: hidden;
  background: transparent;
  color: #5A6370;
} 



/* column 1 - contains sidebar items */


.sidebaritem
{
  width: 200px;
  float: left;
  margin: 0px 7px;
  background: transparent;
}

.sbihead
{
 background: transparent;
}

.sbihead h1
{ padding: 18px 0px 0px; 
  margin: 0px; 
  font-weight: bold;
  font-size: 13px;
  background: transparent;
  color: #00639C;
  text-transform: uppercase;
  height: 14px;
  width: 188px;
}

.sbihead ul
{
 margin: 15px 15px 0px 18px;
 padding: 0px;
}

.sbihead p 
{
 font-size: 12px;
}

.sbihead p.gms, ul.gms
{
 font-size: 10px;
}



.sbihead li
{ 
 padding: 0px;
 border-bottom: 1px solid #00639c;
 color: #00639C;
 list-style-image: url('arrow.gif');
 margin: 0px 0px 9px;
}

.sbihead li a
{
 color: #00639C;
}

.sbihead li a:hover
{
 color: #10A014;
}
/* column 2 - page content */


#column2 h1
{
  margin: 0px; 
  font-size: 15px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 0px 12px 8px 0px;
}

#column2 a, 
{ background: transparent;
  color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2 a:hover
{ background: transparent;
  color: #10A014;
  border-bottom: 1px solid;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2 p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 14px;
}



#column2_internal h3
{
  font-size: 14px;
  color: #636363;
}

#column2_internal h1
{
  margin: 0px; 
  font-size: 14px;
  text-transform: Capitalize;
  font-weight: bold;
  background: transparent;
  color: #000000;
  text-align: left;
  padding: 14px 12px 8px 0px;
}

#column2_internal a
{ color: #00639C;
  padding: 0px 0px 2px 0px;
  text-decoration: none;
}

#column2_internal a:hover  
{ color: #10A014;
}

#column2_internal p
{ margin: 0px;
  padding: 0px 12px 8px 0px;
  line-height: 1.7em;
  font-size: 13px;
}

#column2_internal li
{
  margin: 0px;
  padding: 0px 12px 0px 0px;
  line-height: 1.7em;
  font-size: 13px;
}



#column2_internal table
{
 font-size: 13px;
 text-align: left;
 border-spacing: 0px;
}



#promocolumn img 
{
 width: 154px;
 text-align: left;
}

#bottomnav
{
 width: 785px;
 height: 120px;
 padding: 10px 0px 29px 15px;
 background: #EAF3F7;
 float: left;
 margin-top: 30px;
}

#navsect h1
{
 font-size: 12px;
 font-weight: bold;
 color: #01649D;
 margin: 0px 0px 3px;
}

#bottomnav a, #bottomnav p
{
 font-size: 11px;
 /* font-weight: normal; */
 color: #01649D;
 margin: 0px;
 text-decoration: none;
}

#bottomnav a:hover
{
 color: #10A014;
 text-decoration: none;
}


#navsect
{
 height: auto;
 width: auto;
 float: left;
 padding: 0px 17px 0px 17px;
}


.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 0px;
  text-decoration: none;
  background: transparent;
  color: #00639C;
}

.sidebaritem a:hover
{
  padding: 0px 0px 2px 0px;
  text-decoration: none;
  background: transparent;  
  color: #10A014;
}

#blognav ul
{
 width: 530px;
 height: auto;
 background: #00639C;
}

#blognav li
{
 float: left;
 list-style-type: none;
 width: 25px;
 height: auto;
 border: 1px solid #FFFFFF;
}

#blognav li a
{
 color: #FFFFFF;
 font-size: 8pt;
 font-weight: normal;
 text-decoration: none;
 padding: 0 10px;
 text-transform: uppercase;
}

#blognav li a:hover
{
 color: #467AA7;
}

#bottomtext
{
 color: #C0C0C0;
 text-align: center;
 margin-top: 300px;
 float: left;
}

#bottomtext a
{
 color: #C0C0C0;
 text-decoration: none;
}
/* contact page - form layout */
form{margin-top: 0px;}

